{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty",
  "title": "Empty",
  "description": "Graphic placeholder for empty states.",
  "files": [
    {
      "path": "registry/new-york/ui/empty.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Empty = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  function Empty({ className, ...props }, ref) {\n    return (\n      <div\n        className={cn(\n          \"flex min-w-0 flex-1 touch-manipulation flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12\",\n          className\n        )}\n        data-slot=\"empty\"\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nconst EmptyHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function EmptyHeader({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\n        \"flex max-w-sm flex-col items-center gap-2 text-center\",\n        className\n      )}\n      data-slot=\"empty-header\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nconst EmptyMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>\n>(function EmptyMedia({ className, variant = \"default\", ...props }, ref) {\n  return (\n    <div\n      className={cn(emptyMediaVariants({ variant }), className)}\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst EmptyTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function EmptyTitle({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\"font-medium text-lg tracking-tight\", className)}\n      data-slot=\"empty-title\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst EmptyDescription = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"p\">\n>(function EmptyDescription({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\n        \"text-muted-foreground text-sm/relaxed tabular-nums [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      data-slot=\"empty-description\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst EmptyContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(function EmptyContent({ className, ...props }, ref) {\n  return (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm tabular-nums\",\n        className\n      )}\n      data-slot=\"empty-content\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n};\n",
      "type": "registry:ui"
    }
  ],
  "docs": "https://ui.shadcn.com/docs/components/empty?utm_source=hextaui&utm_medium=referral&utm_campaign=component-docs&ref=hextaui.com",
  "categories": [
    "component"
  ],
  "type": "registry:ui"
}