{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"empty-state","type":"registry:ui","title":"Empty state","description":"A message with an icon and a next step for when there is nothing to show.","dependencies":["clsx","tailwind-merge"],"registryDependencies":["https://caliperui.site/r/styles.json"],"files":[{"path":"ui/empty-state.tsx","type":"registry:ui","target":"components/ui/empty-state.tsx","content":"import type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"./lib/cn\";\n\nexport type EmptyStateProps = Omit<ComponentProps<\"div\">, \"title\"> & {\n  title: string;\n  description?: string;\n  icon?: ReactNode;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  icon,\n  children,\n  className,\n  ...props\n}: EmptyStateProps) {\n  return (\n    <div\n      data-slot=\"empty-state\"\n      className={cn(\n        \"flex min-w-0 flex-col items-center px-6 py-8 text-center [overflow-wrap:anywhere]\",\n        className,\n      )}\n      {...props}\n    >\n      {icon != null && (\n        <span\n          aria-hidden=\"true\"\n          className=\"mb-3 text-muted-foreground [&_svg]:size-5\"\n        >\n          {icon}\n        </span>\n      )}\n      <p className=\"text-sm font-semibold\">{title}</p>\n      {description && (\n        <p className=\"mt-2 max-w-md text-sm leading-5 text-muted-foreground\">\n          {description}\n        </p>\n      )}\n      {children != null && (\n        <div className=\"mt-4 flex max-w-full flex-wrap items-center justify-center gap-2\">\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"},{"path":"ui/lib/cn.ts","type":"registry:ui","target":"components/ui/lib/cn.ts","content":"import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n  extend: { theme: { radius: [\"control\", \"surface\", \"overlay\"], shadow: [\"overlay\"] } },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"}],"categories":["feedback"],"meta":{"tier":"free","license":"MIT","family":"feedback","docs":"/docs/components/empty-state"}}