{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty",
  "title": "Empty",
  "description": "Empty states with a framed icon, guidance and actions.",
  "dependencies": [],
  "registryDependencies": [
    "utils",
    "https://ui.cuelark.com/r/theme.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/ui/empty.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/** An empty state: a framed icon, a title, a sentence of guidance and the next action. */\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\"flex min-h-64 w-full flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-border p-8 text-center text-balance\", className)}\n      {...props}\n    />\n  );\n}\n\n/** The icon sits in a small raised tile framed by crop marks. */\nfunction EmptyIcon({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      className={cn(\n        \"cue-marks relative mb-1 flex size-12 items-center justify-center rounded-lg border border-border bg-card text-muted-foreground shadow-raised [--cl-mark-gap:3px] [--cl-mark-len:5px] [&_svg]:size-5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n  return <h3 data-slot=\"empty-title\" className={cn(\"text-base font-semibold tracking-tight\", className)} {...props} />;\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return <p data-slot=\"empty-description\" className={cn(\"max-w-sm text-sm text-muted-foreground\", className)} {...props} />;\n}\n\nfunction EmptyActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"empty-actions\" className={cn(\"mt-2 flex flex-wrap items-center justify-center gap-2\", className)} {...props} />;\n}\n\nexport { Empty, EmptyIcon, EmptyTitle, EmptyDescription, EmptyActions };\n",
      "type": "registry:ui"
    }
  ],
  "docs": "Docs and examples: https://ui.cuelark.com/components/empty",
  "categories": [
    "feedback"
  ],
  "type": "registry:ui"
}