{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "ark-cn",
  "homepage": "https://ark-cn.com",
  "items": [
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "A shadcn-style accordion component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react", "tw-animate-css"],
      "files": [
        {
          "path": "src/components/ui/accordion.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/accordion.tsx"
        }
      ],
      "css": {
        "@keyframes accordion-open-x": {
          "from": {
            "width": "0",
            "opacity": "0"
          },
          "to": {
            "width": "var(--width)",
            "opacity": "1"
          }
        },
        "@keyframes accordion-close-x": {
          "from": {
            "width": "var(--width)",
            "opacity": "1"
          },
          "to": {
            "width": "0",
            "opacity": "0"
          }
        }
      }
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "A shadcn-style alert component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/alert.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/alert.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "--color-destructive-foreground": "var(--destructive-foreground)",
          "--color-info": "var(--info)",
          "--color-info-foreground": "var(--info-foreground)",
          "--color-success": "var(--success)",
          "--color-success-foreground": "var(--success-foreground)",
          "--color-warning": "var(--warning)",
          "--color-warning-foreground": "var(--warning-foreground)"
        },
        "light": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-700)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-700)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-700)"
        },
        "dark": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-400)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-400)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-400)"
        }
      }
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert Dialog",
      "description": "A shadcn-style alert dialog component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/alert-dialog.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/alert-dialog.tsx"
        }
      ]
    },
    {
      "name": "angle-slider",
      "type": "registry:ui",
      "title": "Angle Slider",
      "description": "A shadcn-style angle slider component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/angle-slider.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/angle-slider.tsx"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "A shadcn-style avatar component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/avatar.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/avatar.tsx"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "A shadcn-style badge component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/badge.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/badge.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "--color-destructive-foreground": "var(--destructive-foreground)",
          "--color-info": "var(--info)",
          "--color-info-foreground": "var(--info-foreground)",
          "--color-success": "var(--success)",
          "--color-success-foreground": "var(--success-foreground)",
          "--color-warning": "var(--warning)",
          "--color-warning-foreground": "var(--warning-foreground)"
        },
        "light": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-700)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-700)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-700)"
        },
        "dark": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-400)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-400)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-400)"
        }
      }
    },
    {
      "name": "breadcrumb",
      "type": "registry:ui",
      "title": "Breadcrumb",
      "description": "A shadcn-style breadcrumb component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/breadcrumb.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/breadcrumb.tsx"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "A shadcn-style button component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["spinner"],
      "files": [
        {
          "path": "src/components/ui/button.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/button.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "--color-destructive-foreground": "var(--destructive-foreground)",
          "--color-info": "var(--info)",
          "--color-info-foreground": "var(--info-foreground)",
          "--color-success": "var(--success)",
          "--color-success-foreground": "var(--success-foreground)",
          "--color-warning": "var(--warning)",
          "--color-warning-foreground": "var(--warning-foreground)"
        },
        "light": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-700)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-700)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-700)"
        },
        "dark": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-400)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-400)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-400)"
        }
      }
    },
    {
      "name": "button-group",
      "type": "registry:ui",
      "title": "Button Group",
      "description": "A shadcn-style button group component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["button", "separator"],
      "files": [
        {
          "path": "src/components/ui/button-group.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/button-group.tsx"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "A flexible container for grouping related content and actions.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/card.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/card.tsx"
        }
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "A shadcn-style carousel component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/carousel.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/carousel.tsx"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "A shadcn-style checkbox component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/checkbox.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/checkbox.tsx"
        }
      ]
    },
    {
      "name": "clipboard",
      "type": "registry:ui",
      "title": "Clipboard",
      "description": "A shadcn-style clipboard component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "files": [
        {
          "path": "src/components/ui/clipboard.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/clipboard.tsx"
        }
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "A shadcn-style collapsible component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/collapsible.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/collapsible.tsx"
        }
      ]
    },
    {
      "name": "color-picker",
      "type": "registry:ui",
      "title": "Color Picker",
      "description": "A shadcn-style color picker component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/color-picker.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/color-picker.tsx"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "A shadcn-style combobox component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "registryDependencies": ["button", "input-group"],
      "files": [
        {
          "path": "src/components/ui/combobox.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/combobox.tsx"
        }
      ]
    },
    {
      "name": "command",
      "type": "registry:ui",
      "title": "Command",
      "description": "A shadcn-style command component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "registryDependencies": ["combobox"],
      "files": [
        {
          "path": "src/components/ui/command.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/command.tsx"
        }
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date Picker",
      "description": "A shadcn-style date picker component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority",
        "@internationalized/date"
      ],
      "registryDependencies": [
        "button",
        "button-group",
        "input",
        "input-group"
      ],
      "files": [
        {
          "path": "src/components/ui/date-picker.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/date-picker.tsx"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "A shadcn-style dialog component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "files": [
        {
          "path": "src/components/ui/dialog.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/dialog.tsx"
        }
      ]
    },
    {
      "name": "editable",
      "type": "registry:ui",
      "title": "Editable",
      "description": "A shadcn-style editable component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/editable.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/editable.tsx"
        }
      ]
    },
    {
      "name": "empty",
      "type": "registry:ui",
      "title": "Empty",
      "description": "Empty state placeholder with icon, title, description, and action slots.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/empty.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/empty.tsx"
        }
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "A shadcn-style field component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "registryDependencies": ["input"],
      "files": [
        {
          "path": "src/components/ui/field.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/field.tsx"
        }
      ]
    },
    {
      "name": "fieldset",
      "type": "registry:ui",
      "title": "Fieldset",
      "description": "A shadcn-style fieldset component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/fieldset.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/fieldset.tsx"
        }
      ]
    },
    {
      "name": "file-upload",
      "type": "registry:ui",
      "title": "File Upload",
      "description": "A shadcn-style file upload component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/file-upload.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/file-upload.tsx"
        }
      ]
    },
    {
      "name": "floating-panel",
      "type": "registry:ui",
      "title": "Floating Panel",
      "description": "A shadcn-style floating panel component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/floating-panel.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/floating-panel.tsx"
        }
      ]
    },
    {
      "name": "hover-card",
      "type": "registry:ui",
      "title": "Hover Card",
      "description": "A shadcn-style hover card component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/hover-card.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/hover-card.tsx"
        }
      ]
    },
    {
      "name": "image-cropper",
      "type": "registry:ui",
      "title": "Image Cropper",
      "description": "A shadcn-style image cropper component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/image-cropper.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/image-cropper.tsx"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "A shadcn-style input component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/input.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/input.tsx"
        }
      ]
    },
    {
      "name": "input-group",
      "type": "registry:ui",
      "title": "Input Group",
      "description": "A shadcn-style input group component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/input-group.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/input-group.tsx"
        }
      ]
    },
    {
      "name": "item",
      "type": "registry:ui",
      "title": "Item",
      "description": "Composable list item with media, content, title, description, and action slots.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["separator"],
      "files": [
        {
          "path": "src/components/ui/item.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/item.tsx"
        }
      ]
    },
    {
      "name": "kbd",
      "type": "registry:ui",
      "title": "Kbd",
      "description": "A shadcn-style keyboard shortcut component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/kbd.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/kbd.tsx"
        }
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "A shadcn-style label component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/label.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/label.tsx"
        }
      ]
    },
    {
      "name": "listbox",
      "type": "registry:ui",
      "title": "Listbox",
      "description": "A shadcn-style listbox component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/listbox.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/listbox.tsx"
        }
      ]
    },
    {
      "name": "marquee",
      "type": "registry:ui",
      "title": "Marquee",
      "description": "A shadcn-style marquee component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/marquee.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/marquee.tsx"
        }
      ],
      "css": {
        "@keyframes marquee-x": {
          "from": {
            "transform": "translateX(0)"
          },
          "to": {
            "transform": "translateX(var(--marquee-translate))"
          }
        },
        "@keyframes marquee-y": {
          "from": {
            "transform": "translateY(0)"
          },
          "to": {
            "transform": "translateY(var(--marquee-translate))"
          }
        },
        "[data-slot=\"marquee-root\"][data-paused] *, [data-slot=\"marquee-root\"][data-paused]": {
          "animation-play-state": "paused !important"
        },
        "[data-slot=\"marquee-content\"]": {
          "animation-timing-function": "linear",
          "animation-duration": "var(--marquee-duration)",
          "animation-delay": "var(--marquee-delay)",
          "animation-iteration-count": "var(--marquee-loop-count)"
        },
        "[data-slot=\"marquee-content\"][data-side=\"start\"], [data-slot=\"marquee-content\"][data-side=\"end\"]": {
          "animation-name": "marquee-x"
        },
        "[data-slot=\"marquee-content\"][data-side=\"top\"], [data-slot=\"marquee-content\"][data-side=\"bottom\"]": {
          "animation-name": "marquee-y"
        },
        "[data-slot=\"marquee-content\"][data-reverse]": {
          "animation-direction": "reverse"
        },
        "@media (prefers-reduced-motion: reduce)": {
          "[data-slot=\"marquee-content\"]": {
            "animation": "none !important"
          }
        },
        "[data-slot=\"marquee-edge\"]": {
          "z-index": "10"
        },
        "[data-slot=\"marquee-edge\"][data-orientation=\"horizontal\"][data-side=\"start\"]": {
          "background": "linear-gradient(to right, var(--background), transparent)"
        },
        "[data-slot=\"marquee-edge\"][data-orientation=\"horizontal\"][data-side=\"end\"]": {
          "background": "linear-gradient(to left, var(--background), transparent)"
        },
        "[data-slot=\"marquee-edge\"][data-orientation=\"vertical\"][data-side=\"top\"]": {
          "height": "20%",
          "background": "linear-gradient(to bottom, var(--background), transparent)"
        },
        "[data-slot=\"marquee-edge\"][data-orientation=\"vertical\"][data-side=\"bottom\"]": {
          "height": "20%",
          "background": "linear-gradient(to top, var(--background), transparent)"
        }
      }
    },
    {
      "name": "menu",
      "type": "registry:ui",
      "title": "Menu",
      "description": "A shadcn-style menu component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/menu.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/menu.tsx"
        }
      ]
    },
    {
      "name": "number-field",
      "type": "registry:ui",
      "title": "Number Field",
      "description": "A shadcn-style number field component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "registryDependencies": ["button", "input-group"],
      "files": [
        {
          "path": "src/components/ui/number-field.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/number-field.tsx"
        }
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "A shadcn-style pagination component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/pagination.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/pagination.tsx"
        }
      ]
    },
    {
      "name": "password-input",
      "type": "registry:ui",
      "title": "Password Input",
      "description": "A shadcn-style password input component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "registryDependencies": ["button", "input-group"],
      "files": [
        {
          "path": "src/components/ui/password-input.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/password-input.tsx"
        }
      ]
    },
    {
      "name": "pin-input",
      "type": "registry:ui",
      "title": "Pin Input",
      "description": "A shadcn-style pin input component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "registryDependencies": ["button-group"],
      "files": [
        {
          "path": "src/components/ui/pin-input.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/pin-input.tsx"
        }
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "A shadcn-style popover component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/popover.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/popover.tsx"
        }
      ]
    },
    {
      "name": "progress-circular",
      "type": "registry:ui",
      "title": "Progress Circular",
      "description": "A shadcn-style progress circular component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/progress-circular.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/progress-circular.tsx"
        }
      ]
    },
    {
      "name": "progress-linear",
      "type": "registry:ui",
      "title": "Progress Linear",
      "description": "A shadcn-style progress linear component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/progress-linear.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/progress-linear.tsx"
        }
      ]
    },
    {
      "name": "qr-code",
      "type": "registry:ui",
      "title": "Qr Code",
      "description": "A shadcn-style qr code component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/qr-code.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/qr-code.tsx"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio Group",
      "description": "A shadcn-style radio group component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/radio-group.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/radio-group.tsx"
        }
      ]
    },
    {
      "name": "rating-group",
      "type": "registry:ui",
      "title": "Rating Group",
      "description": "A shadcn-style rating group component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/rating-group.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/rating-group.tsx"
        }
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll Area",
      "description": "A shadcn-style scroll area component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/scroll-area.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/scroll-area.tsx"
        }
      ],
      "css": {
        "@layer base": {
          "[data-scope=\"scroll-area\"][data-part=\"viewport\"]": {
            "scrollbar-width": "none"
          },
          "[data-scope=\"scroll-area\"][data-part=\"viewport\"]::-webkit-scrollbar": {
            "display": "none"
          }
        }
      }
    },
    {
      "name": "segment-group",
      "type": "registry:ui",
      "title": "Segment Group",
      "description": "A shadcn-style segment group component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/segment-group.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/segment-group.tsx"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "A shadcn-style select component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["button", "button-group"],
      "files": [
        {
          "path": "src/components/ui/select.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/select.tsx"
        }
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "A shadcn-style separator component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/separator.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/separator.tsx"
        }
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "A shadcn-style sheet component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["scroll-area"],
      "files": [
        {
          "path": "src/components/ui/sheet.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/sheet.tsx"
        }
      ]
    },
    {
      "name": "sidebar",
      "type": "registry:ui",
      "title": "Sidebar",
      "description": "A shadcn-style sidebar component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "button",
        "input",
        "separator",
        "sheet",
        "tooltip"
      ],
      "files": [
        {
          "path": "src/components/ui/sidebar.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/sidebar.tsx"
        },
        {
          "path": "src/hooks/use-mobile.ts",
          "type": "registry:hook",
          "target": "src/hooks/use-mobile.ts"
        }
      ]
    },
    {
      "name": "signature-pad",
      "type": "registry:ui",
      "title": "Signature Pad",
      "description": "A shadcn-style signature pad component built with Ark UI primitives.",
      "dependencies": [
        "@ark-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/signature-pad.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/signature-pad.tsx"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "Placeholder to show a loading state before content loads.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/skeleton.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/skeleton.tsx"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "A shadcn-style slider component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/slider.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/slider.tsx"
        }
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "A shadcn-style spinner component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/spinner.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/spinner.tsx"
        }
      ]
    },
    {
      "name": "splitter",
      "type": "registry:ui",
      "title": "Splitter",
      "description": "A shadcn-style splitter component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/splitter.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/splitter.tsx"
        }
      ]
    },
    {
      "name": "steps",
      "type": "registry:ui",
      "title": "Steps",
      "description": "A shadcn-style steps component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/steps.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/steps.tsx"
        }
      ]
    },
    {
      "name": "swap",
      "type": "registry:ui",
      "title": "Swap",
      "description": "A shadcn-style swap component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/swap.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/swap.tsx"
        }
      ],
      "css": {
        "@keyframes swap-fade-in": {
          "from": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        },
        "@keyframes swap-fade-out": {
          "from": {
            "opacity": "1"
          },
          "to": {
            "opacity": "0"
          }
        },
        "@keyframes swap-rotate-in": {
          "from": {
            "transform": "rotate(-90deg)"
          },
          "to": {
            "transform": "rotate(0deg)"
          }
        },
        "@keyframes swap-rotate-out": {
          "from": {
            "transform": "rotate(0deg)"
          },
          "to": {
            "transform": "rotate(90deg)"
          }
        },
        "@keyframes swap-scale-in": {
          "from": {
            "transform": "scale(0)"
          },
          "to": {
            "transform": "scale(1)"
          }
        },
        "@keyframes swap-scale-out": {
          "from": {
            "transform": "scale(1)"
          },
          "to": {
            "transform": "scale(0)"
          }
        },
        "@keyframes swap-flip-in": {
          "from": {
            "transform": "rotateY(180deg)"
          },
          "to": {
            "transform": "rotateY(0deg)"
          }
        },
        "@keyframes swap-flip-out": {
          "from": {
            "transform": "rotateY(0deg)"
          },
          "to": {
            "transform": "rotateY(180deg)"
          }
        },
        "@keyframes swap-blur-in": {
          "from": {
            "filter": "blur(2px)"
          },
          "to": {
            "filter": "blur(0)"
          }
        },
        "@keyframes swap-blur-out": {
          "from": {
            "filter": "blur(0)"
          },
          "to": {
            "filter": "blur(2px)"
          }
        },
        ".swap-indicator-fade[data-state=\"open\"]": {
          "animation": "swap-fade-in 200ms ease-out, swap-blur-in 200ms ease-out"
        },
        ".swap-indicator-fade[data-state=\"closed\"]": {
          "animation": "swap-fade-out 100ms ease-in, swap-blur-out 100ms ease-in"
        },
        ".swap-indicator-flip": {
          "backface-visibility": "hidden"
        },
        ".swap-indicator-flip[data-state=\"open\"]": {
          "animation": "swap-flip-in 400ms ease, swap-blur-in 400ms ease"
        },
        ".swap-indicator-flip[data-state=\"closed\"]": {
          "animation": "swap-flip-out 200ms ease, swap-blur-out 200ms ease"
        },
        ".swap-indicator-rotate[data-state=\"open\"]": {
          "animation": "swap-rotate-in 250ms ease-out, swap-fade-in 250ms ease-out, swap-blur-in 250ms ease-out"
        },
        ".swap-indicator-rotate[data-state=\"closed\"]": {
          "animation": "swap-rotate-out 100ms ease-in, swap-fade-out 100ms ease-in, swap-blur-out 100ms ease-in"
        },
        ".swap-indicator-scale[data-state=\"open\"]": {
          "animation": "swap-scale-in 200ms ease-out, swap-fade-in 200ms ease-out, swap-blur-in 200ms ease-out"
        },
        ".swap-indicator-scale[data-state=\"closed\"]": {
          "animation": "swap-scale-out 100ms ease-in, swap-fade-out 100ms ease-in, swap-blur-out 100ms ease-in"
        },
        "@media (prefers-reduced-motion: reduce)": {
          ".swap-indicator-fade, .swap-indicator-flip, .swap-indicator-rotate, .swap-indicator-scale": {
            "animation": "none !important"
          }
        }
      }
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "A shadcn-style switch component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/switch.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/switch.tsx"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "A shadcn-style tabs component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/tabs.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/tabs.tsx"
        }
      ]
    },
    {
      "name": "tags-input",
      "type": "registry:ui",
      "title": "Tags Input",
      "description": "A shadcn-style tags input component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/tags-input.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/tags-input.tsx"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "A shadcn-style textarea component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/textarea.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/textarea.tsx"
        }
      ]
    },
    {
      "name": "timer",
      "type": "registry:ui",
      "title": "Timer",
      "description": "A shadcn-style timer component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/timer.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/timer.tsx"
        }
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "A shadcn-style toast component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "files": [
        {
          "path": "src/components/ui/toast.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/toast.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "--color-destructive-foreground": "var(--destructive-foreground)",
          "--color-info": "var(--info)",
          "--color-info-foreground": "var(--info-foreground)",
          "--color-success": "var(--success)",
          "--color-success-foreground": "var(--success-foreground)",
          "--color-warning": "var(--warning)",
          "--color-warning-foreground": "var(--warning-foreground)"
        },
        "light": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-700)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-700)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-700)"
        },
        "dark": {
          "--destructive-foreground": "var(--color-red-400)",
          "--info": "var(--color-blue-500)",
          "--info-foreground": "var(--color-blue-400)",
          "--success": "var(--color-emerald-500)",
          "--success-foreground": "var(--color-emerald-400)",
          "--warning": "var(--color-amber-500)",
          "--warning-foreground": "var(--color-amber-400)"
        }
      },
      "css": {
        "@layer base": {
          "[data-scope=\"toast\"][data-part=\"root\"]": {
            "translate": "var(--x) var(--y)",
            "scale": "var(--scale)",
            "z-index": "var(--z-index)",
            "height": "var(--height)",
            "opacity": "var(--opacity)",
            "will-change": "translate, opacity, scale",
            "transition": "translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms",
            "transition-timing-function": "cubic-bezier(0.21, 1.02, 0.73, 1)"
          },
          "[data-scope=\"toast\"][data-part=\"root\"][data-state=\"closed\"]": {
            "transition": "translate 400ms, scale 400ms, opacity 200ms",
            "transition-timing-function": "cubic-bezier(0.06, 0.71, 0.55, 1)"
          }
        }
      }
    },
    {
      "name": "toggle",
      "type": "registry:ui",
      "title": "Toggle",
      "description": "A shadcn-style toggle component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/toggle.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/toggle.tsx"
        }
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle Group",
      "description": "A shadcn-style toggle group component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["separator"],
      "files": [
        {
          "path": "src/components/ui/toggle-group.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/toggle-group.tsx"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "A shadcn-style tooltip component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/tooltip.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/tooltip.tsx"
        }
      ]
    },
    {
      "name": "tour",
      "type": "registry:ui",
      "title": "Tour",
      "description": "A shadcn-style tour component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/tour.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/tour.tsx"
        }
      ]
    },
    {
      "name": "tree-view",
      "type": "registry:ui",
      "title": "Tree View",
      "description": "A shadcn-style tree view component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "lucide-react"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/tree-view.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/tree-view.tsx"
        }
      ]
    },
    {
      "name": "zoom-image",
      "type": "registry:ui",
      "title": "Zoom Image",
      "description": "A shadcn-style zoom image component built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "registryDependencies": ["image-cropper"],
      "files": [
        {
          "path": "src/components/ui/zoom-image.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/zoom-image.tsx"
        }
      ]
    },
    {
      "name": "download-trigger",
      "type": "registry:ui",
      "title": "Download Trigger",
      "description": "A shadcn-style download trigger utility built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react", "class-variance-authority"],
      "registryDependencies": ["button"],
      "files": [
        {
          "path": "src/components/ui/download-trigger.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/download-trigger.tsx"
        }
      ]
    },
    {
      "name": "focus-trap",
      "type": "registry:ui",
      "title": "Focus Trap",
      "description": "A shadcn-style focus trap utility built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/focus-trap.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/focus-trap.tsx"
        }
      ]
    },
    {
      "name": "format",
      "type": "registry:ui",
      "title": "Format",
      "description": "Shadcn-style format utilities (Byte, Time, RelativeTime) built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/format.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/format.tsx"
        }
      ]
    },
    {
      "name": "highlight",
      "type": "registry:ui",
      "title": "Highlight",
      "description": "A shadcn-style text highlight utility built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/highlight.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/highlight.tsx"
        }
      ]
    },
    {
      "name": "locale",
      "type": "registry:ui",
      "title": "Locale Provider",
      "description": "A shadcn-style locale provider utility built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/locale.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/locale.tsx"
        }
      ]
    },
    {
      "name": "presence",
      "type": "registry:ui",
      "title": "Presence",
      "description": "A shadcn-style presence utility built with Ark UI primitives.",
      "dependencies": ["@ark-ui/react"],
      "files": [
        {
          "path": "src/components/ui/presence.tsx",
          "type": "registry:ui",
          "target": "src/components/ui/presence.tsx"
        }
      ]
    }
  ]
}