{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "workflow-shell",
  "title": "Workflow Shell",
  "description": "The dualtone workflow card, with a grey frame, a header strip and a lifted inner card.",
  "dependencies": [
    "cn"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/notra/workflow/components/workflow-shell.tsx",
      "content": "import { cn } from \"cn\";\nimport type { ComponentProps } from \"react\";\n\nexport const WorkflowShell = ({\n  className,\n  ...props\n}: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"border-table-shell-border bg-table-shell flex min-w-0 flex-col rounded-2xl border p-0.5\",\n      className\n    )}\n    data-slot=\"workflow-shell\"\n    {...props}\n  />\n);\n\nexport const WorkflowShellCard = ({\n  className,\n  ...props\n}: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"border-table-card-border bg-table-card shadow-table-card relative min-w-0 rounded-[14px] border\",\n      className\n    )}\n    data-slot=\"workflow-shell-card\"\n    {...props}\n  />\n);\n\nexport const WorkflowShellHeader = ({\n  className,\n  ...props\n}: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex min-h-10 min-w-0 flex-wrap items-center gap-2 px-3 py-1.5 text-sm font-medium\",\n      className\n    )}\n    data-slot=\"workflow-shell-header\"\n    {...props}\n  />\n);\n",
      "type": "registry:component",
      "target": "components/workflow/components/workflow-shell.tsx"
    }
  ],
  "cssVars": {
    "theme": {
      "color-table-shell": "var(--table-shell)",
      "color-table-shell-border": "var(--table-shell-border)",
      "color-table-card": "var(--table-card)",
      "color-table-card-border": "var(--table-card-border)",
      "color-table-row-border": "var(--table-row-border)",
      "shadow-table-card": "var(--table-card-shadow)"
    },
    "light": {
      "table-shell": "#f3f3f2",
      "table-shell-border": "#e7e7e5",
      "table-card": "#ffffff",
      "table-card-border": "#e5e5e5",
      "table-row-border": "#efefee",
      "table-card-shadow": "0 1px 2px hsl(240 10% 10% / 0.06), 0 2px 8px -2px hsl(240 10% 10% / 0.06)"
    },
    "dark": {
      "table-shell": "#161616",
      "table-shell-border": "#232323",
      "table-card": "#1f1f1f",
      "table-card-border": "#333333",
      "table-row-border": "#292929",
      "table-card-shadow": "inset 0 1px 0 hsl(0 0% 100% / 0.05), inset 0 0 0 1px hsl(0 0% 100% / 0.015), inset 0 12px 18px -16px hsl(0 0% 100% / 0.035)"
    }
  },
  "type": "registry:component"
}