{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "action-card",
  "type": "registry:ui",
  "registryDependencies": [
    "https://ui.getlyse.com/r/lyse-tokens.json"
  ],
  "files": [
    {
      "path": "registry/new-york/ui/action-card/action-card.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport \"./action-card.css\"\n\nfunction ActionCard({\n  className,\n  title,\n  description,\n  icon,\n  logo,\n  action,\n  label,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  title?: string\n  description?: string\n  icon?: React.ReactNode\n  logo?: React.ReactNode\n  action?: React.ReactNode\n  label?: string\n}) {\n  return (\n    <div\n      data-slot=\"action-card\"\n      className={cn(\"action-card-base\", className)}\n      {...props}\n    >\n      <div className=\"flex flex-1 items-center gap-[var(--layout-gap-lg)] min-w-0\">\n        {logo && (\n          <div className=\"action-card-logo shrink-0\">{logo}</div>\n        )}\n        {!logo && icon && (\n          <div className=\"action-card-icon shrink-0\">{icon}</div>\n        )}\n        {(title || description) && (\n          <div className=\"flex flex-1 flex-col gap-[var(--layout-gap-xs)] min-w-0 text-content-note\">\n            {title && (\n              <p className=\"font-accent [color:var(--text-base-bolder)]\">\n                {title}\n              </p>\n            )}\n            {description && (\n              <p className=\"[color:var(--text-base-moderate)]\">\n                {description}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n      {!action && label && (\n        <p className=\"action-card-label shrink-0 text-content-note\">\n          {label}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport { ActionCard }\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/new-york/ui/action-card/action-card.css",
      "content": "/* ================================================================\n * ACTION CARD — Base & Icon Wrapper Styles\n * Structure (internal flex) lives in action-card.tsx.\n * Theming (colors, borders, spacing) lives here via tokens.\n * ================================================================ */\n\n.action-card-base {\n  display: flex;\n  align-items: center;\n  gap: var(--layout-gap-2xl);\n  background: var(--background-neutral-faint-default);\n  border: var(--layout-border-thin) solid var(--border-default);\n  border-radius: var(--layout-radius-xl);\n  padding: var(--layout-padding-xl);\n}\n\n.action-card-logo {\n  display: flex;\n  align-items: center;\n}\n\n.action-card-icon {\n  display: flex;\n  align-items: center;\n  color: var(--text-base-moderate);\n}\n\n.action-card-label {\n  color: var(--text-base-moderate);\n}\n",
      "type": "registry:ui"
    }
  ]
}