{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "command",
  "title": "Command",
  "description": "A command menu / palette (cmdk) for keyboard-driven navigation and actions, reusable across apps",
  "dependencies": [
    "cmdk",
    "@ark-ui/react",
    "lucide-react",
    "clsx",
    "tailwind-merge"
  ],
  "registryDependencies": ["dialog"],
  "files": [
    {
      "path": "src/registry/thornberry/components/command.tsx",
      "content": "import { Portal } from \"@ark-ui/react/portal\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  DialogBackdrop,\n  DialogContent,\n  DialogDescription,\n  DialogPositioner,\n  DialogRoot,\n  DialogTitle,\n} from \"@/registry/thornberry/components/dialog\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * Command menu primitives (cmdk) styled for Sigil/Tailwind. Compose a command\n * palette with {@link CommandDialog} (a ⌘K-style modal) or embed {@link Command}\n * inline. Apps feed their own command items, so the palette is reusable across\n * products.\n */\nconst Command = ({\n  className,\n  ...rest\n}: ComponentProps<typeof CommandPrimitive>) => (\n  <CommandPrimitive\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\ninterface CommandDialogProps extends ComponentProps<typeof DialogRoot> {\n  /** Accessible title (visually hidden). */\n  title?: string;\n  /** Accessible description (visually hidden). */\n  description?: string;\n}\n\nconst CommandDialog = ({\n  children,\n  title = \"Command Palette\",\n  description = \"Search for a command to run\",\n  ...rest\n}: CommandDialogProps) => (\n  <DialogRoot {...rest}>\n    <Portal>\n      <DialogBackdrop />\n      <DialogPositioner>\n        <DialogContent className=\"overflow-hidden p-0 sm:max-w-lg\">\n          <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n          <DialogDescription className=\"sr-only\">\n            {description}\n          </DialogDescription>\n          <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n            {children}\n          </Command>\n        </DialogContent>\n      </DialogPositioner>\n    </Portal>\n  </DialogRoot>\n);\n\nconst CommandInput = ({\n  className,\n  ...rest\n}: ComponentProps<typeof CommandPrimitive.Input>) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className={cn(\n        \"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...rest}\n    />\n  </div>\n);\n\nconst CommandList = ({\n  className,\n  ...rest\n}: ComponentProps<typeof CommandPrimitive.List>) => (\n  <CommandPrimitive.List\n    className={cn(\n      \"max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst CommandEmpty = (\n  rest: ComponentProps<typeof CommandPrimitive.Empty>,\n) => (\n  <CommandPrimitive.Empty\n    className=\"py-6 text-center text-muted-foreground text-sm\"\n    {...rest}\n  />\n);\n\nconst CommandGroup = ({\n  className,\n  ...rest\n}: ComponentProps<typeof CommandPrimitive.Group>) => (\n  <CommandPrimitive.Group\n    className={cn(\n      \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst CommandSeparator = ({\n  className,\n  ...rest\n}: ComponentProps<typeof CommandPrimitive.Separator>) => (\n  <CommandPrimitive.Separator\n    className={cn(\"-mx-1 h-px bg-border\", className)}\n    {...rest}\n  />\n);\n\nconst CommandItem = ({\n  className,\n  ...rest\n}: ComponentProps<typeof CommandPrimitive.Item>) => (\n  <CommandPrimitive.Item\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[disabled=true]:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\n/** A trailing shortcut hint inside a command item. */\nconst CommandShortcut = ({ className, ...rest }: ComponentProps<\"span\">) => (\n  <span\n    className={cn(\n      \"ml-auto text-muted-foreground text-xs tracking-widest\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    },
    {
      "path": "src/registry/thornberry/components/dialog.tsx",
      "content": "import { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { ComponentProps } from \"react\";\n\nconst DialogProvider = ArkDialog.RootProvider;\nconst DialogContext = ArkDialog.Context;\nconst DialogRoot = ArkDialog.Root;\n\nconst DialogTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDialog.Trigger>) => (\n  <ArkDialog.Trigger className={cn(\"\", className)} {...rest} />\n);\n\nconst DialogBackdrop = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDialog.Backdrop>) => (\n  <ArkDialog.Backdrop\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DialogPositioner = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDialog.Positioner>) => (\n  <ArkDialog.Positioner\n    className={cn(\n      \"fixed inset-0 z-50 flex items-center justify-center\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DialogContent = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDialog.Content>) => (\n  <ArkDialog.Content\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%] relative grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DialogTitle = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDialog.Title>) => (\n  <ArkDialog.Title\n    className={cn(\n      \"font-semibold text-lg leading-none tracking-tight\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst DialogDescription = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkDialog.Description>) => (\n  <ArkDialog.Description\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...rest}\n  />\n);\n\nconst DialogCloseTrigger = ({\n  className,\n  children,\n  asChild,\n  ...rest\n}: ComponentProps<typeof ArkDialog.CloseTrigger>) => {\n  // If there are no children, render the default X icon\n  if (!children) {\n    return (\n      <ArkDialog.CloseTrigger\n        className={cn(\n          \"absolute top-4 right-4 cursor-pointer rounded opacity-70 outline-none ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none\",\n          className,\n        )}\n        {...rest}\n      >\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </ArkDialog.CloseTrigger>\n    );\n  }\n\n  // If children are provided, use them inside the CloseTrigger\n  // This is useful for creating buttons that close the dialog\n  return (\n    <ArkDialog.CloseTrigger className={className} asChild={asChild} {...rest}>\n      {children}\n    </ArkDialog.CloseTrigger>\n  );\n};\n\nexport {\n  DialogRoot,\n  DialogTrigger,\n  DialogBackdrop,\n  DialogPositioner,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogCloseTrigger,\n  DialogProvider,\n  DialogContext,\n};\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:ui"
}