{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "jobs",
  "type": "registry:ui",
  "title": "Jobs list (MIAN)",
  "description": "Open roles for a careers page: title, team, location and type, the whole row one link.",
  "categories": [
    "sections",
    "jobs",
    "careers",
    "open roles",
    "positions"
  ],
  "registryDependencies": [
    "https://mian.ro/r/mian-base.json"
  ],
  "files": [
    {
      "path": "mian/components/jobs.css",
      "type": "registry:file",
      "target": "mian/components/jobs.css",
      "content": ".mn-jobs { margin: 0; padding: 0; list-style: none; border-top: var(--mn-border-w) solid var(--mn-border); }\n.mn-job { position: relative; display: grid; gap: .45rem 1.5rem; padding: 1.15rem 2rem 1.15rem 0; border-bottom: var(--mn-border-w) solid var(--mn-border); }\n.mn-job > * { margin: 0; min-width: 0; }\n.mn-job-title { font: 600 1.0625rem/1.35 var(--mn-font-heading); letter-spacing: -.01em; }\n.mn-job-title a { color: var(--mn-fg); text-decoration: none; }\n.mn-job-title a::after { content: \"\"; position: absolute; inset: 0; }\n.mn-job-title a:focus-visible { outline: none; }\n.mn-job:has(.mn-job-title a:focus-visible) { outline: 2px solid var(--mn-ring); outline-offset: 2px; border-radius: var(--mn-radius-field); }\n.mn-job:hover .mn-job-title a { text-decoration: underline; text-underline-offset: 4px; }\n.mn-job-meta { display: flex; flex-wrap: wrap; gap: .4rem; }\n.mn-job > svg { position: absolute; right: 0; top: 50%; width: 1.1rem; height: 1.1rem; translate: 0 -50%; color: var(--mn-muted); transition: translate var(--mn-duration) var(--mn-ease); }\n.mn-job:hover > svg { translate: 4px -50%; color: var(--mn-fg); }\n@container mn (min-width: 44rem) { .mn-job { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } }"
    },
    {
      "path": "mian/examples/jobs.html",
      "type": "registry:file",
      "target": "mian/examples/jobs.html",
      "content": "<!-- Open roles -->\n<section class=\"mn-section mn-section-sm\"><div class=\"mn-container\"><ul class=\"mn-jobs\">\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Senior product designer</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Design</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Berlin or remote (EU)</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Full-time</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Backend engineer, reconciliation</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Engineering</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Cluj-Napoca</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Full-time</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Customer success lead</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Customers</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Remote (CET ±2)</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Full-time</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Finance intern</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Finance</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Berlin</span><span class=\"mn-badge mn-badge-outline mn-neutral\">6 months</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n</ul></div></section>"
    }
  ],
  "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/jobs",
  "meta": {
    "mian": {
      "license": "LicenseRef-MIAN-1.0",
      "requiresJs": false,
      "classes": [
        "mn-jobs",
        "mn-job"
      ],
      "accessibility": [
        "Only the title is a link, stretched over the row, so each role is one tab stop with a clear name.",
        "Write location and remote policy as text, not only icons."
      ],
      "intents": [
        "careers page",
        "open positions",
        "job listings",
        "we are hiring",
        "vacancies"
      ]
    }
  }
}