{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "integrations",
  "type": "registry:ui",
  "title": "Integrations (MIAN)",
  "description": "A directory of integrations or partners: mark, name, category and one line on what it does, each tile one link.",
  "categories": [
    "sections",
    "integrations",
    "apps directory",
    "connectors",
    "partners"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/integrations.css",
      "type": "registry:file",
      "target": "mian/components/integrations.css",
      "content": ".mn-integrations { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: 1rem; }\n.mn-integration { position: relative; display: grid; gap: .3rem; align-content: start; padding: 1.1rem; border: var(--mn-border-w) solid var(--mn-border); border-radius: var(--mn-radius-box); background: var(--mn-surface); transition: border-color var(--mn-duration) var(--mn-ease); }\n.mn-integration:hover { border-color: color-mix(in oklab, var(--mn-border), var(--mn-fg) 35%); }\n.mn-integration > * { margin: 0; }\n.mn-integration-mark { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin-bottom: .5rem; border-radius: var(--mn-radius-field); background: var(--mn-surface-2); color: var(--mn-fg); font: 700 .875rem/1 var(--mn-font); }\n.mn-integration-cat { color: var(--mn-muted); font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }\n.mn-integration h3 { font: var(--mn-heading-weight) 1rem/1.3 var(--mn-font-heading); }\n.mn-integration h3 a { color: var(--mn-fg); text-decoration: none; }\n.mn-integration h3 a::after { content: \"\"; position: absolute; inset: 0; border-radius: inherit; }\n.mn-integration p:last-child { color: var(--mn-muted); font-size: var(--mn-text-sm); line-height: 1.5; }"
    },
    {
      "path": "mian/examples/integrations.html",
      "type": "registry:file",
      "target": "mian/examples/integrations.html",
      "content": "<!-- Integrations -->\n<div class=\"mn-integrations\">\n  <article class=\"mn-integration\"><span class=\"mn-integration-mark\" aria-hidden=\"true\">BF</span><p class=\"mn-integration-cat\">Banking</p><h3><a href=\"#\">Bank feeds</a></h3><p>Daily transactions from 40 Romanian and EU banks.</p></article>\n  <article class=\"mn-integration\"><span class=\"mn-integration-mark\" aria-hidden=\"true\">eF</span><p class=\"mn-integration-cat\">Tax</p><h3><a href=\"#\">e-Factura</a></h3><p>Send and receive invoices through ANAF.</p></article>\n  <article class=\"mn-integration\"><span class=\"mn-integration-mark\" aria-hidden=\"true\">PR</span><p class=\"mn-integration-cat\">People</p><h3><a href=\"#\">Payroll</a></h3><p>Salaries and contributions booked each month.</p></article>\n  <article class=\"mn-integration\"><span class=\"mn-integration-mark\" aria-hidden=\"true\">St</span><p class=\"mn-integration-cat\">Payments</p><h3><a href=\"#\">Stripe</a></h3><p>Card payouts matched to invoices.</p></article>\n  <article class=\"mn-integration\"><span class=\"mn-integration-mark\" aria-hidden=\"true\">Sl</span><p class=\"mn-integration-cat\">Messaging</p><h3><a href=\"#\">Slack</a></h3><p>Approvals and alerts in the channel you choose.</p></article>\n  <article class=\"mn-integration\"><span class=\"mn-integration-mark\" aria-hidden=\"true\">WH</span><p class=\"mn-integration-cat\">Developers</p><h3><a href=\"#\">Webhooks</a></h3><p>Every event, signed, to your endpoint.</p></article>\n</div>"
    }
  ],
  "docs": "MIAN components are HTML + CSS classes, not React components. The styles are already included in mian-base; this item adds the component's CSS section and example markup for reference. Docs: https://mian.ro/components/integrations",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-integrations",
        "mn-integration",
        "mn-integration-mark",
        "mn-integration-cat"
      ],
      "accessibility": [
        "Each integration is an article whose name is the link; the mark is decorative (aria-hidden).",
        "Filter chips above the grid are toggle buttons; announce the result count."
      ],
      "intents": [
        "integrations directory",
        "works with",
        "app marketplace",
        "connectors",
        "partners grid"
      ]
    }
  }
}