{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "cubby-ui",
  "homepage": "https://www.cubby-ui.dev",
  "items": [
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "A accordion component.",
      "files": [
        {
          "path": "registry/default/accordion/accordion.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/accordion.tsx"
        }
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "A alert component.",
      "files": [
        {
          "path": "registry/default/alert/alert.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/alert.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert-dialog",
      "description": "A alert-dialog component.",
      "files": [
        {
          "path": "registry/default/alert-dialog/alert-dialog.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/alert-dialog.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "all",
      "type": "registry:block",
      "title": "All Components",
      "description": "Install all Cubby UI components with a single command.",
      "author": "Cubby UI",
      "files": [],
      "registryDependencies": [
        "@cubby-ui/accordion",
        "@cubby-ui/alert",
        "@cubby-ui/alert-dialog",
        "@cubby-ui/aspect-ratio",
        "@cubby-ui/autocomplete",
        "@cubby-ui/avatar",
        "@cubby-ui/badge",
        "@cubby-ui/base-drawer",
        "@cubby-ui/breadcrumbs",
        "@cubby-ui/button",
        "@cubby-ui/button-group",
        "@cubby-ui/calendar",
        "@cubby-ui/card",
        "@cubby-ui/carousel",
        "@cubby-ui/checkbox",
        "@cubby-ui/checkbox-group",
        "@cubby-ui/circular-slider",
        "@cubby-ui/code-block",
        "@cubby-ui/collapsible",
        "@cubby-ui/combobox",
        "@cubby-ui/command",
        "@cubby-ui/context-menu",
        "@cubby-ui/copy-button",
        "@cubby-ui/cropper",
        "@cubby-ui/data-table",
        "@cubby-ui/date-picker",
        "@cubby-ui/date-range-picker",
        "@cubby-ui/dialog",
        "@cubby-ui/drawer",
        "@cubby-ui/dropdown-menu",
        "@cubby-ui/fancy-button",
        "@cubby-ui/field",
        "@cubby-ui/fieldset",
        "@cubby-ui/filters",
        "@cubby-ui/form",
        "@cubby-ui/input",
        "@cubby-ui/input-group",
        "@cubby-ui/input-otp",
        "@cubby-ui/kbd",
        "@cubby-ui/label",
        "@cubby-ui/marching-border",
        "@cubby-ui/menubar",
        "@cubby-ui/meter",
        "@cubby-ui/navigation-menu",
        "@cubby-ui/number-field",
        "@cubby-ui/otp-field",
        "@cubby-ui/pagination",
        "@cubby-ui/popover",
        "@cubby-ui/preview-card",
        "@cubby-ui/progress",
        "@cubby-ui/qr-code",
        "@cubby-ui/radio-group",
        "@cubby-ui/resizable",
        "@cubby-ui/scroll-area",
        "@cubby-ui/scroll-fade",
        "@cubby-ui/select",
        "@cubby-ui/separator",
        "@cubby-ui/sheet",
        "@cubby-ui/shimmer",
        "@cubby-ui/skeleton",
        "@cubby-ui/slider",
        "@cubby-ui/switch",
        "@cubby-ui/table",
        "@cubby-ui/tabs",
        "@cubby-ui/textarea",
        "@cubby-ui/timeline",
        "@cubby-ui/toast",
        "@cubby-ui/toggle",
        "@cubby-ui/toggle-group",
        "@cubby-ui/toolbar",
        "@cubby-ui/tooltip",
        "@cubby-ui/transition-panel",
        "@cubby-ui/tree"
      ]
    },
    {
      "name": "aspect-ratio",
      "type": "registry:ui",
      "title": "Aspect-ratio",
      "description": "A aspect-ratio component.",
      "files": [
        {
          "path": "registry/default/aspect-ratio/aspect-ratio.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/aspect-ratio.tsx"
        }
      ]
    },
    {
      "name": "autocomplete",
      "type": "registry:ui",
      "title": "Autocomplete",
      "description": "A autocomplete component.",
      "files": [
        {
          "path": "registry/default/autocomplete/autocomplete.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/autocomplete.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "A avatar component.",
      "files": [
        {
          "path": "registry/default/avatar/avatar.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/avatar.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "A badge component.",
      "files": [
        {
          "path": "registry/default/badge/badge.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/badge.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "base-drawer",
      "type": "registry:ui",
      "title": "Base Drawer",
      "description": "A base-drawer component.",
      "files": [
        {
          "path": "registry/default/base-drawer/base-drawer.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/base-drawer.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "breadcrumbs",
      "type": "registry:ui",
      "title": "Breadcrumbs",
      "description": "A breadcrumbs component.",
      "files": [
        {
          "path": "registry/default/breadcrumbs/breadcrumbs.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/breadcrumbs.tsx"
        }
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "A simple button component.",
      "files": [
        {
          "path": "registry/default/button/button.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/button.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "button-group",
      "type": "registry:ui",
      "title": "Button Group",
      "description": "A button-group component.",
      "files": [
        {
          "path": "registry/default/button-group/button-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/button-group.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/separator"
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "calendar",
      "type": "registry:ui",
      "title": "Calendar",
      "description": "A calendar component.",
      "files": [
        {
          "path": "registry/default/calendar/calendar.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/calendar.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button"
      ],
      "dependencies": [
        "react-day-picker",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "A card component.",
      "files": [
        {
          "path": "registry/default/card/card.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/card.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "A carousel component.",
      "files": [
        {
          "path": "registry/default/carousel/carousel.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/carousel.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button"
      ],
      "dependencies": [
        "embla-carousel-react",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "A checkbox component.",
      "files": [
        {
          "path": "registry/default/checkbox/checkbox.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/checkbox.tsx"
        }
      ]
    },
    {
      "name": "checkbox-group",
      "type": "registry:ui",
      "title": "Checkbox-group",
      "description": "A checkbox-group component.",
      "files": [
        {
          "path": "registry/default/checkbox-group/checkbox-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/checkbox-group.tsx"
        }
      ]
    },
    {
      "name": "circular-slider",
      "type": "registry:ui",
      "title": "Circular Slider",
      "description": "A circular-slider component.",
      "files": [
        {
          "path": "registry/default/circular-slider/circular-slider.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/circular-slider/circular-slider.tsx"
        },
        {
          "path": "registry/default/circular-slider/lib/angle-calculations.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/circular-slider/lib/angle-calculations.ts"
        },
        {
          "path": "registry/default/circular-slider/lib/pointer-utils.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/circular-slider/lib/pointer-utils.ts"
        },
        {
          "path": "registry/default/circular-slider/lib/svg-constants.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/circular-slider/lib/svg-constants.ts"
        },
        {
          "path": "registry/default/circular-slider/lib/svg-utils.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/circular-slider/lib/svg-utils.ts"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "title": "Code-block",
      "description": "A code-block component.",
      "files": [
        {
          "path": "registry/default/code-block/code-block.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/code-block/code-block.tsx"
        },
        {
          "path": "registry/default/code-block/lib/shiki-shared.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/code-block/lib/shiki-shared.ts"
        },
        {
          "path": "registry/default/code-block/lib/transformers/diff.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/code-block/lib/transformers/diff.ts"
        },
        {
          "path": "registry/default/code-block/lib/transformers/focus.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/code-block/lib/transformers/focus.ts"
        },
        {
          "path": "registry/default/code-block/lib/transformers/highlight-lines.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/code-block/lib/transformers/highlight-lines.ts"
        },
        {
          "path": "registry/default/code-block/lib/transformers/utils.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/code-block/lib/transformers/utils.ts"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/copy-button",
        "@cubby-ui/tabs",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@icons-pack/react-simple-icons",
        "shiki",
        "@hugeicons/react",
        "@hugeicons/core-free-icons",
        "hast-util-to-jsx-runtime"
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "A collapsible component.",
      "files": [
        {
          "path": "registry/default/collapsible/collapsible.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/collapsible.tsx"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "A combobox component.",
      "files": [
        {
          "path": "registry/default/combobox/combobox.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/combobox/combobox.tsx"
        },
        {
          "path": "registry/default/combobox/hooks/use-async-combobox.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/combobox/hooks/use-async-combobox.ts"
        },
        {
          "path": "registry/default/combobox/hooks/use-creatable-combobox.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/combobox/hooks/use-creatable-combobox.ts"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/label",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "command",
      "type": "registry:ui",
      "title": "Command",
      "description": "A command component.",
      "files": [
        {
          "path": "registry/default/command/command.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/command.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/input-group",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context-menu",
      "description": "A context-menu component.",
      "files": [
        {
          "path": "registry/default/context-menu/context-menu.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/context-menu.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "copy-button",
      "type": "registry:ui",
      "title": "Copy Button",
      "description": "A copy-button component.",
      "files": [
        {
          "path": "registry/default/copy-button/copy-button.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/copy-button/copy-button.tsx"
        },
        {
          "path": "registry/default/copy-button/hooks/use-copy-to-clipboard.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/copy-button/hooks/use-copy-to-clipboard.ts"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/toast"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "cropper",
      "type": "registry:ui",
      "title": "Cropper",
      "description": "A cropper component.",
      "files": [
        {
          "path": "registry/default/cropper/cropper.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/cropper.tsx"
        }
      ],
      "dependencies": [
        "@origin-space/image-cropper",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "data-table",
      "type": "registry:ui",
      "title": "Data Table",
      "description": "A data-table component.",
      "files": [
        {
          "path": "registry/default/data-table/data-table.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/data-table/data-table.tsx"
        },
        {
          "path": "registry/default/data-table/data-table-column-toggle.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/data-table/data-table-column-toggle.tsx"
        },
        {
          "path": "registry/default/data-table/data-table-context.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/data-table/data-table-context.tsx"
        },
        {
          "path": "registry/default/data-table/data-table-pagination.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/data-table/data-table-pagination.tsx"
        },
        {
          "path": "registry/default/data-table/data-table-search.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/data-table/data-table-search.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/checkbox",
        "@cubby-ui/toolbar",
        "@cubby-ui/table",
        "@cubby-ui/dropdown-menu",
        "@cubby-ui/button",
        "@cubby-ui/input-group",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@tanstack/react-table",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date-picker",
      "description": "A date-picker component.",
      "files": [
        {
          "path": "registry/default/date-picker/date-picker.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/date-picker.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/calendar",
        "@cubby-ui/popover"
      ],
      "dependencies": [
        "dayjs",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "date-range-picker",
      "type": "registry:ui",
      "title": "Date-range-picker",
      "description": "A date-range-picker component.",
      "files": [
        {
          "path": "registry/default/date-range-picker/date-range-picker.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/date-range-picker.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/calendar",
        "@cubby-ui/popover"
      ],
      "dependencies": [
        "dayjs",
        "react-day-picker",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "A dialog component.",
      "files": [
        {
          "path": "registry/default/dialog/dialog.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/dialog.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "Drawer",
      "description": "A drawer component.",
      "files": [
        {
          "path": "registry/default/drawer/drawer.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/drawer/drawer.tsx"
        },
        {
          "path": "registry/default/drawer/lib/drawer-utils.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/drawer/lib/drawer-utils.ts"
        },
        {
          "path": "registry/default/drawer/hooks/use-scroll-snap.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/drawer/hooks/use-scroll-snap.ts"
        },
        {
          "path": "registry/default/drawer/hooks/use-virtual-keyboard.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/drawer/hooks/use-virtual-keyboard.ts"
        },
        {
          "path": "registry/default/drawer/hooks/use-visual-viewport-height.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/drawer/hooks/use-visual-viewport-height.ts"
        },
        {
          "path": "registry/default/drawer/drawer.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/drawer/drawer.css"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown-menu",
      "description": "A dropdown-menu component.",
      "files": [
        {
          "path": "registry/default/dropdown-menu/dropdown-menu.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/dropdown-menu.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "elevated",
      "type": "registry:lib",
      "title": "elevated",
      "description": "A utility function for elevated.",
      "files": [
        {
          "path": "registry/default/lib/elevated.tsx",
          "type": "registry:lib",
          "target": "lib/cubby-ui/elevated.tsx"
        }
      ]
    },
    {
      "name": "fancy-button",
      "type": "registry:ui",
      "title": "Fancy Button",
      "description": "A fancy-button component.",
      "files": [
        {
          "path": "registry/default/fancy-button/fancy-button.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/fancy-button.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "A field component.",
      "files": [
        {
          "path": "registry/default/field/field.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/field.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/input"
      ]
    },
    {
      "name": "fieldset",
      "type": "registry:ui",
      "title": "Fieldset",
      "description": "A fieldset component.",
      "files": [
        {
          "path": "registry/default/fieldset/fieldset.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/fieldset.tsx"
        }
      ]
    },
    {
      "name": "filters",
      "type": "registry:ui",
      "title": "Filters",
      "description": "A filter bar of segmented pills with per-field operators and value controls.",
      "files": [
        {
          "path": "registry/default/filters/filters.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/filters/filters.tsx"
        },
        {
          "path": "registry/default/filters/lib/filters-types.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/filters/lib/filters-types.ts"
        },
        {
          "path": "registry/default/filters/lib/filters-utils.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/filters/lib/filters-utils.ts"
        },
        {
          "path": "registry/default/filters/filters-context.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/filters/filters-context.tsx"
        },
        {
          "path": "registry/default/filters/filters-value-controls.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/filters/filters-value-controls.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/badge",
        "@cubby-ui/button",
        "@cubby-ui/button-group",
        "@cubby-ui/combobox",
        "@cubby-ui/dropdown-menu",
        "@cubby-ui/kbd",
        "@cubby-ui/input",
        "@cubby-ui/use-controllable-state"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "form",
      "type": "registry:ui",
      "title": "Form",
      "description": "A form component.",
      "files": [
        {
          "path": "registry/default/form/form.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/form.tsx"
        }
      ]
    },
    {
      "name": "highlight-text",
      "type": "registry:lib",
      "title": "highlightText",
      "description": "A utility function for highlight text.",
      "files": [
        {
          "path": "registry/default/lib/highlight-text.tsx",
          "type": "registry:lib",
          "target": "lib/cubby-ui/highlight-text.tsx"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "A input component.",
      "files": [
        {
          "path": "registry/default/input/input.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/input.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "input-group",
      "type": "registry:ui",
      "title": "Input Group",
      "description": "A input-group component.",
      "files": [
        {
          "path": "registry/default/input-group/input-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/input-group.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/input",
        "@cubby-ui/textarea"
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "input-otp",
      "type": "registry:ui",
      "title": "Input-otp",
      "description": "A input-otp component.",
      "files": [
        {
          "path": "registry/default/input-otp/input-otp.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/input-otp.tsx"
        }
      ],
      "dependencies": [
        "input-otp",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "kbd",
      "type": "registry:ui",
      "title": "Kbd",
      "description": "A kbd component.",
      "files": [
        {
          "path": "registry/default/kbd/kbd.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/kbd.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "A label component.",
      "files": [
        {
          "path": "registry/default/label/label.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/label.tsx"
        }
      ]
    },
    {
      "name": "marching-border",
      "type": "registry:ui",
      "title": "Marching Border",
      "description": "A marching-border component.",
      "files": [
        {
          "path": "registry/default/marching-border/marching-border.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/marching-border/marching-border.tsx"
        },
        {
          "path": "registry/default/marching-border/marching-border.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/marching-border/marching-border.css"
        }
      ]
    },
    {
      "name": "menubar",
      "type": "registry:ui",
      "title": "Menubar",
      "description": "A menubar component.",
      "files": [
        {
          "path": "registry/default/menubar/menubar.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/menubar.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "meter",
      "type": "registry:ui",
      "title": "Meter",
      "description": "A meter component.",
      "files": [
        {
          "path": "registry/default/meter/meter.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/meter.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "navigation-menu",
      "type": "registry:ui",
      "title": "Navigation-menu",
      "description": "A navigation-menu component.",
      "files": [
        {
          "path": "registry/default/navigation-menu/navigation-menu.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/navigation-menu.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "number-field",
      "type": "registry:ui",
      "title": "Number Field",
      "description": "A number-field component.",
      "files": [
        {
          "path": "registry/default/number-field/number-field.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/number-field.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "otp-field",
      "type": "registry:ui",
      "title": "Otp Field",
      "description": "A otp-field component.",
      "files": [
        {
          "path": "registry/default/otp-field/otp-field.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/otp-field/otp-field.tsx"
        },
        {
          "path": "registry/default/otp-field/hooks/use-invalid-feedback.ts",
          "type": "registry:hook",
          "target": "components/ui/cubby-ui/otp-field/hooks/use-invalid-feedback.ts"
        },
        {
          "path": "registry/default/otp-field/otp-field.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/otp-field/otp-field.css"
        }
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "A pagination component.",
      "files": [
        {
          "path": "registry/default/pagination/pagination.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/pagination.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "A popover component.",
      "files": [
        {
          "path": "registry/default/popover/popover.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/popover.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ]
    },
    {
      "name": "preview-card",
      "type": "registry:ui",
      "title": "Preview-card",
      "description": "A preview-card component.",
      "files": [
        {
          "path": "registry/default/preview-card/preview-card.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/preview-card.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "A progress component.",
      "files": [
        {
          "path": "registry/default/progress/progress.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/progress.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "qr-code",
      "type": "registry:ui",
      "title": "QR Code",
      "description": "A from-scratch, zero-dependency QR code generator rendered as pure scalable SVG.",
      "files": [
        {
          "path": "registry/default/qr-code/qr-code.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/qr-code/qr-code.tsx"
        },
        {
          "path": "registry/default/qr-code/lib/bit-buffer.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/bit-buffer.ts"
        },
        {
          "path": "registry/default/qr-code/lib/encoder.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/encoder.ts"
        },
        {
          "path": "registry/default/qr-code/lib/export.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/export.ts"
        },
        {
          "path": "registry/default/qr-code/lib/galois.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/galois.ts"
        },
        {
          "path": "registry/default/qr-code/lib/index.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/index.ts"
        },
        {
          "path": "registry/default/qr-code/lib/mask.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/mask.ts"
        },
        {
          "path": "registry/default/qr-code/lib/matrix.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/matrix.ts"
        },
        {
          "path": "registry/default/qr-code/lib/mode.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/mode.ts"
        },
        {
          "path": "registry/default/qr-code/lib/path-builders.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/path-builders.ts"
        },
        {
          "path": "registry/default/qr-code/lib/reed-solomon.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/reed-solomon.ts"
        },
        {
          "path": "registry/default/qr-code/lib/rounded.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/rounded.ts"
        },
        {
          "path": "registry/default/qr-code/lib/svg-builder.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/svg-builder.ts"
        },
        {
          "path": "registry/default/qr-code/lib/tables.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/tables.ts"
        },
        {
          "path": "registry/default/qr-code/lib/types.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/qr-code/lib/types.ts"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio-group",
      "description": "A radio-group component.",
      "files": [
        {
          "path": "registry/default/radio-group/radio-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/radio-group.tsx"
        }
      ]
    },
    {
      "name": "resizable",
      "type": "registry:ui",
      "title": "Resizable",
      "description": "A resizable component.",
      "files": [
        {
          "path": "registry/default/resizable/resizable.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/resizable.tsx"
        }
      ],
      "dependencies": [
        "react-resizable-panels",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll-area",
      "description": "A scroll-area component.",
      "files": [
        {
          "path": "registry/default/scroll-area/scroll-area.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/scroll-area/scroll-area.tsx"
        },
        {
          "path": "registry/default/scroll-area/scroll-area.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/scroll-area/scroll-area.css"
        }
      ]
    },
    {
      "name": "scroll-fade",
      "type": "registry:component",
      "title": "Scroll Fade",
      "description": "A CSS utility that fades the edges of any scroll container as you scroll, with no component required.",
      "files": [
        {
          "path": "registry/default/scroll-fade/scroll-fade.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/scroll-fade.css"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "A select component.",
      "files": [
        {
          "path": "registry/default/select/select.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/select.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "A separator component.",
      "files": [
        {
          "path": "registry/default/separator/separator.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/separator.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "A sheet component.",
      "files": [
        {
          "path": "registry/default/sheet/sheet.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/sheet.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "shimmer",
      "type": "registry:component",
      "title": "Shimmer",
      "description": "A CSS utility that sweeps an animated highlight across text for live status and streaming states, with no component required.",
      "files": [
        {
          "path": "registry/default/shimmer/shimmer.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/shimmer.css"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "A skeleton component.",
      "files": [
        {
          "path": "registry/default/skeleton/skeleton.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/skeleton/skeleton.tsx"
        },
        {
          "path": "registry/default/skeleton/skeleton.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/skeleton/skeleton.css"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "A slider component.",
      "files": [
        {
          "path": "registry/default/slider/slider.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/slider.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "style",
      "type": "registry:style",
      "title": "Cubby UI Theme",
      "description": "Initialize your project with Cubby UI's theme system including OKLCH colors and CSS variables.",
      "author": "Cubby UI",
      "extends": "none",
      "files": [],
      "cssVars": {
        "theme": {
          "color-background": "var(--background)",
          "color-foreground": "var(--foreground)",
          "color-card": "var(--card)",
          "color-card-foreground": "var(--card-foreground)",
          "color-popover": "var(--popover)",
          "color-popover-foreground": "var(--popover-foreground)",
          "color-primary": "var(--primary)",
          "color-primary-foreground": "var(--primary-foreground)",
          "color-neutral": "var(--neutral)",
          "color-neutral-foreground": "var(--neutral-foreground)",
          "color-secondary": "var(--secondary)",
          "color-secondary-foreground": "var(--secondary-foreground)",
          "color-muted": "var(--muted)",
          "color-muted-foreground": "var(--muted-foreground)",
          "color-accent": "var(--accent)",
          "color-accent-foreground": "var(--accent-foreground)",
          "color-destructive": "var(--destructive)",
          "color-destructive-foreground": "var(--destructive-foreground)",
          "color-border": "var(--border)",
          "color-input": "var(--input)",
          "color-input-elevated": "var(--input-elevated)",
          "color-ring": "var(--ring)",
          "color-scrollbar": "var(--scrollbar)",
          "color-sidebar": "var(--sidebar)",
          "color-sidebar-foreground": "var(--sidebar-foreground)",
          "color-sidebar-primary": "var(--sidebar-primary)",
          "color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
          "color-sidebar-accent": "var(--sidebar-accent)",
          "color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
          "color-sidebar-border": "var(--sidebar-border)",
          "color-sidebar-ring": "var(--sidebar-ring)",
          "color-danger": "var(--danger)",
          "color-danger-foreground": "var(--danger-foreground)",
          "color-danger-border": "var(--danger-border)",
          "color-warning": "var(--warning)",
          "color-warning-foreground": "var(--warning-foreground)",
          "color-warning-border": "var(--warning-border)",
          "color-info": "var(--info)",
          "color-info-foreground": "var(--info-foreground)",
          "color-info-border": "var(--info-border)",
          "color-success": "var(--success)",
          "color-success-foreground": "var(--success-foreground)",
          "color-success-border": "var(--success-border)",
          "radius-xs": "calc(var(--radius) - 6px)",
          "radius-sm": "calc(var(--radius) - 4px)",
          "radius-md": "calc(var(--radius) - 2px)",
          "radius-lg": "var(--radius)",
          "radius-xl": "calc(var(--radius) + 2px)",
          "radius-2xl": "calc(var(--radius) + 4px)",
          "radius-3xl": "calc(var(--radius) + 6px)",
          "radius-4xl": "calc(var(--radius) + 8px)",
          "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
          "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)",
          "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)",
          "ease-out-expo": "cubic-bezier(0.19, 1, 0.22, 1)",
          "shadow-inset": "0 1px 2px 0 oklch(0 0 0 / 0.08)",
          "shadow-inset-highlight": "0 -1px oklch(1 0 0 / 0.04)",
          "color-surface-1": "var(--surface-1)",
          "color-surface-2": "var(--surface-2)",
          "color-surface-3": "var(--surface-3)",
          "color-surface-4": "var(--surface-4)",
          "color-surface-5": "var(--surface-5)",
          "color-surface-6": "var(--surface-6)",
          "color-surface-7": "var(--surface-7)",
          "color-surface-8": "var(--surface-8)",
          "color-surface-hover": "var(--surface-hover)",
          "color-surface-selected": "var(--surface-selected)",
          "shadow-surface-1": "var(--surface-shadow-1)",
          "shadow-surface-2": "var(--surface-shadow-2)",
          "shadow-surface-3": "var(--surface-shadow-3)",
          "shadow-surface-4": "var(--surface-shadow-4)",
          "shadow-surface-5": "var(--surface-shadow-5)",
          "shadow-surface-6": "var(--surface-shadow-6)",
          "shadow-surface-7": "var(--surface-shadow-7)",
          "shadow-surface-8": "var(--surface-shadow-8)",
          "shadow-surface-rim-1": "var(--surface-rim-1)",
          "shadow-surface-rim-2": "var(--surface-rim-2)",
          "shadow-surface-rim-3": "var(--surface-rim-3)",
          "shadow-surface-rim-4": "var(--surface-rim-4)",
          "shadow-surface-rim-5": "var(--surface-rim-5)",
          "shadow-surface-rim-6": "var(--surface-rim-6)",
          "shadow-surface-rim-7": "var(--surface-rim-7)",
          "shadow-surface-rim-8": "var(--surface-rim-8)"
        },
        "light": {
          "radius": "0.75rem",
          "neutral-hue": "270",
          "neutral-chroma": "0.004",
          "neutral-chroma-low": "0.002",
          "background": "var(--surface-1)",
          "foreground": "oklch(0.18 var(--neutral-chroma) var(--neutral-hue))",
          "card": "var(--surface-3)",
          "card-foreground": "var(--foreground)",
          "popover": "var(--surface-3)",
          "popover-foreground": "var(--foreground)",
          "primary": "oklch(0.6 0.2 250)",
          "primary-foreground": "oklch(1 0 0)",
          "primary-soft-foreground": "var(--primary)",
          "neutral": "oklch(0.22 0 0)",
          "neutral-foreground": "oklch(\r\n    0.98 var(--neutral-chroma-low) var(--neutral-hue)\r\n  )",
          "secondary": "oklch(0.92 0 0)",
          "secondary-foreground": "oklch(0.32 var(--neutral-chroma) var(--neutral-hue))",
          "muted": "oklch(0.94 0 0)",
          "muted-foreground": "oklch(0.5 var(--neutral-chroma) var(--neutral-hue))",
          "accent": "oklch(0.91 0 0)",
          "accent-foreground": "oklch(0.22 var(--neutral-chroma) var(--neutral-hue))",
          "destructive": "oklch(0.53 0.19 25)",
          "destructive-foreground": "oklch(\r\n    0.98 var(--neutral-chroma-low) var(--neutral-hue)\r\n  )",
          "destructive-soft-foreground": "var(--destructive)",
          "primary-hover": "color-mix(in oklch, var(--primary), black 5%)",
          "neutral-hover": "color-mix(in oklch, var(--neutral), white 10%)",
          "destructive-hover": "color-mix(in oklch, var(--destructive), black 5%)",
          "secondary-hover": "color-mix(in oklch, var(--secondary), black 5%)",
          "outline-hover": "color-mix(in oklch, var(--card), black 5%)",
          "border": "oklch(0 0 0 / 10%)",
          "input": "var(--surface-3)",
          "input-elevated": "oklch(0 0 0 / 8%)",
          "ring": "oklch(0.55 0.2 250)",
          "scrollbar": "oklch(0.87 0 0)",
          "sidebar": "var(--surface-1)",
          "sidebar-foreground": "var(--foreground)",
          "sidebar-primary": "var(--primary)",
          "sidebar-primary-foreground": "var(--primary-foreground)",
          "sidebar-accent": "var(--accent)",
          "sidebar-accent-foreground": "var(--accent-foreground)",
          "sidebar-border": "oklch(0.9 var(--neutral-chroma) var(--neutral-hue))",
          "sidebar-ring": "var(--ring)",
          "danger": "oklch(0.97 0.04 25)",
          "danger-foreground": "oklch(0.55 0.18 25)",
          "danger-border": "oklch(0.9 0.1 25)",
          "warning": "oklch(0.98 0.06 85)",
          "warning-foreground": "oklch(0.58 0.14 85)",
          "warning-border": "oklch(0.92 0.1 85)",
          "info": "oklch(0.97 0.04 250)",
          "info-foreground": "oklch(0.45 0.2 250)",
          "info-border": "oklch(0.9 0.1 250)",
          "success": "oklch(0.97 0.04 145)",
          "success-foreground": "oklch(0.48 0.18 145)",
          "success-border": "oklch(0.9 0.1 145)",
          "surface-1": "oklch(0.97 0 0)",
          "surface-2": "oklch(0.985 0 0)",
          "surface-3": "oklch(1 0 0)",
          "surface-4": "oklch(1 0 0)",
          "surface-5": "oklch(1 0 0)",
          "surface-6": "oklch(1 0 0)",
          "surface-7": "oklch(1 0 0)",
          "surface-8": "oklch(1 0 0)",
          "surface-hover": "oklch(0 0 0 / 0.04)",
          "surface-selected": "oklch(0 0 0 / 0.08)",
          "surface-rim-color": "oklch(0 0 0 / 0)",
          "surface-shadow-ring": "oklch(0 0 0 / 0.06)",
          "surface-shadow-near": "oklch(0 0 0 / 0.06)",
          "surface-shadow-mid": "oklch(0 0 0 / 0.05)",
          "surface-shadow-far": "oklch(0 0 0 / 0.04)",
          "surface-shadow-ambient": "oklch(0 0 0 / 0.03)",
          "surface-shadow-1": "0 0 0 1px var(--surface-shadow-ring)",
          "surface-shadow-2": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near)",
          "surface-shadow-3": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid)",
          "surface-shadow-4": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid)",
          "surface-shadow-5": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far)",
          "surface-shadow-6": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far),\r\n    0 24px 24px -12px var(--surface-shadow-far)",
          "surface-shadow-7": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far),\r\n    0 24px 24px -12px var(--surface-shadow-far),\r\n    0 48px 48px -24px var(--surface-shadow-ambient)",
          "surface-shadow-8": "0 0 0 1px var(--surface-shadow-ring),\r\n    0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far),\r\n    0 24px 24px -12px var(--surface-shadow-far),\r\n    0 48px 48px -24px var(--surface-shadow-ambient),\r\n    0 96px 96px -48px var(--surface-shadow-ambient)",
          "surface-rim-1": "0 0 transparent",
          "surface-rim-2": "0 0 transparent",
          "surface-rim-3": "0 0 transparent",
          "surface-rim-4": "0 0 transparent",
          "surface-rim-5": "0 0 transparent",
          "surface-rim-6": "0 0 transparent",
          "surface-rim-7": "0 0 transparent",
          "surface-rim-8": "0 0 transparent"
        },
        "dark": {
          "foreground": "oklch(0.94 var(--neutral-chroma) var(--neutral-hue))",
          "neutral": "oklch(0.95 var(--neutral-chroma) var(--neutral-hue))",
          "neutral-foreground": "oklch(0.13 var(--neutral-chroma) var(--neutral-hue))",
          "secondary": "oklch(0.35 var(--neutral-chroma) var(--neutral-hue))",
          "secondary-foreground": "oklch(0.94 var(--neutral-chroma) var(--neutral-hue))",
          "muted": "oklch(0.24 var(--neutral-chroma) var(--neutral-hue))",
          "muted-foreground": "oklch(0.73 var(--neutral-chroma) var(--neutral-hue))",
          "accent": "oklch(0.31 var(--neutral-chroma) var(--neutral-hue))",
          "accent-foreground": "oklch(0.95 var(--neutral-chroma) var(--neutral-hue))",
          "destructive": "oklch(0.5 0.22 25)",
          "destructive-foreground": "oklch(1 0 0)",
          "primary-soft-foreground": "color-mix(in oklch, var(--primary), white 30%)",
          "destructive-soft-foreground": "color-mix(in oklch, var(--destructive), white 30%)",
          "primary-hover": "color-mix(in oklch, var(--primary), white 10%)",
          "neutral-hover": "color-mix(in oklch, var(--neutral), black 10%)",
          "destructive-hover": "color-mix(in oklch, var(--destructive), white 15%)",
          "secondary-hover": "color-mix(in oklch, var(--secondary), white 5%)",
          "outline-hover": "color-mix(in oklch, var(--card), white 5%)",
          "border": "oklch(1 0 0 / 10%)",
          "input-elevated": "oklch(1 0 0 / 9%)",
          "scrollbar": "oklch(0.7 var(--neutral-chroma) var(--neutral-hue))",
          "sidebar-border": "oklch(0.28 var(--neutral-chroma) var(--neutral-hue))",
          "danger": "oklch(0.26 0.07 25)",
          "danger-foreground": "oklch(0.75 0.15 25)",
          "danger-border": "oklch(0.36 0.11 25)",
          "warning": "oklch(0.28 0.06 85)",
          "warning-foreground": "oklch(0.78 0.12 85)",
          "warning-border": "oklch(0.38 0.09 85)",
          "info": "oklch(0.26 0.07 250)",
          "info-foreground": "oklch(0.72 0.16 250)",
          "info-border": "oklch(0.36 0.11 250)",
          "success": "oklch(0.26 0.07 145)",
          "success-foreground": "oklch(0.72 0.15 145)",
          "success-border": "oklch(0.36 0.11 145)",
          "surface-1": "oklch(0.205 var(--neutral-chroma) var(--neutral-hue))",
          "surface-2": "oklch(0.235 var(--neutral-chroma) var(--neutral-hue))",
          "surface-3": "oklch(0.264 var(--neutral-chroma) var(--neutral-hue))",
          "surface-4": "oklch(0.293 var(--neutral-chroma) var(--neutral-hue))",
          "surface-5": "oklch(0.321 var(--neutral-chroma) var(--neutral-hue))",
          "surface-6": "oklch(0.348 var(--neutral-chroma) var(--neutral-hue))",
          "surface-7": "oklch(0.375 var(--neutral-chroma) var(--neutral-hue))",
          "surface-8": "oklch(0.402 var(--neutral-chroma) var(--neutral-hue))",
          "surface-hover": "oklch(1 0 0 / 0.04)",
          "surface-selected": "oklch(1 0 0 / 0.08)",
          "surface-rim-color": "oklch(1 0 0 / 0.04)",
          "surface-hi-base": "oklch(1 0 0 / 0.01)",
          "surface-hi-mid": "oklch(1 0 0 / 0.02)",
          "surface-hi-high": "oklch(1 0 0 / 0.04)",
          "surface-hi-peak": "oklch(1 0 0 / 0.06)",
          "surface-ring-base": "oklch(1 0 0 / 0.02)",
          "surface-ring-mid": "oklch(1 0 0 / 0.04)",
          "surface-ring-high": "oklch(1 0 0 / 0.06)",
          "surface-shadow-near": "oklch(0 0 0 / 0.18)",
          "surface-shadow-mid": "oklch(0 0 0 / 0.16)",
          "surface-shadow-far": "oklch(0 0 0 / 0.14)",
          "surface-shadow-ambient": "oklch(0 0 0 / 0.12)",
          "surface-shadow-1": "0 0 transparent",
          "surface-shadow-2": "0 1px 1px -0.5px var(--surface-shadow-near)",
          "surface-shadow-3": "0 0 0 1px oklch(0 0 0 / 0.12), 0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid)",
          "surface-shadow-4": "0 0 0 1px oklch(0 0 0 / 0.14), 0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid)",
          "surface-shadow-5": "0 0 0 1px oklch(0 0 0 / 0.16), 0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far)",
          "surface-shadow-6": "0 0 0 1px oklch(0 0 0 / 0.18), 0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far),\r\n    0 24px 24px -12px var(--surface-shadow-far)",
          "surface-shadow-7": "0 0 0 1px oklch(0 0 0 / 0.2), 0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far),\r\n    0 24px 24px -12px var(--surface-shadow-far),\r\n    0 48px 48px -24px var(--surface-shadow-ambient)",
          "surface-shadow-8": "0 0 0 1px oklch(0 0 0 / 0.22), 0 1px 1px -0.5px var(--surface-shadow-near),\r\n    0 3px 3px -1.5px var(--surface-shadow-mid),\r\n    0 6px 6px -3px var(--surface-shadow-mid),\r\n    0 12px 12px -6px var(--surface-shadow-far),\r\n    0 24px 24px -12px var(--surface-shadow-far),\r\n    0 48px 48px -24px var(--surface-shadow-ambient),\r\n    0 96px 96px -48px var(--surface-shadow-ambient)",
          "surface-rim-1": "inset 0 0 0 1px var(--surface-ring-base)",
          "surface-rim-2": "inset 0 1px 0 0 var(--surface-hi-base),\r\n    inset 0 0 0 1px var(--surface-ring-base)",
          "surface-rim-3": "inset 0 1px 0 0 var(--surface-hi-mid),\r\n    inset 0 0 0 1px var(--surface-ring-base)",
          "surface-rim-4": "inset 0 1px 0 0 var(--surface-hi-mid),\r\n    inset 0 0 0 1px var(--surface-ring-mid)",
          "surface-rim-5": "inset 0 1px 0 0 var(--surface-hi-high),\r\n    inset 0 0 0 1px var(--surface-ring-mid)",
          "surface-rim-6": "inset 0 1px 0 0 var(--surface-hi-high),\r\n    inset 0 0 0 1px var(--surface-ring-high)",
          "surface-rim-7": "inset 0 1px 0 0 var(--surface-hi-peak),\r\n    inset 0 0 0 1px var(--surface-ring-high)",
          "surface-rim-8": "inset 0 1px 0 0 var(--surface-hi-peak),\r\n    inset 0 0 0 1px var(--surface-ring-high)"
        }
      },
      "css": {
        "@layer base": {
          "body": {
            "position": "relative"
          },
          ".root": {
            "isolation": "isolate"
          }
        }
      }
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "A switch component.",
      "files": [
        {
          "path": "registry/default/switch/switch.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/switch.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "table",
      "type": "registry:ui",
      "title": "Table",
      "description": "A table component.",
      "files": [
        {
          "path": "registry/default/table/table.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/table.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/scroll-area",
        "@cubby-ui/elevated"
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "A tabs component.",
      "files": [
        {
          "path": "registry/default/tabs/tabs.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/tabs.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated",
        "@cubby-ui/use-animated-height"
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "A textarea component.",
      "files": [
        {
          "path": "registry/default/textarea/textarea.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/textarea.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "timeline",
      "type": "registry:ui",
      "title": "Timeline",
      "description": "A timeline component.",
      "files": [
        {
          "path": "registry/default/timeline/timeline.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/timeline.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "A toast component.",
      "files": [
        {
          "path": "registry/default/toast/toast.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/toast/toast.tsx"
        },
        {
          "path": "registry/default/toast/toast.css",
          "type": "registry:file",
          "target": "components/ui/cubby-ui/toast/toast.css"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority",
        "motion",
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "toggle",
      "type": "registry:ui",
      "title": "Toggle",
      "description": "A toggle component.",
      "files": [
        {
          "path": "registry/default/toggle/toggle.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/toggle.tsx"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle-group",
      "description": "A toggle-group component.",
      "files": [
        {
          "path": "registry/default/toggle-group/toggle-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/toggle-group.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/toggle"
      ]
    },
    {
      "name": "toolbar",
      "type": "registry:ui",
      "title": "Toolbar",
      "description": "A toolbar component.",
      "files": [
        {
          "path": "registry/default/toolbar/toolbar.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/toolbar.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/button",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "A tooltip component.",
      "files": [
        {
          "path": "registry/default/tooltip/tooltip.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/tooltip.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/elevated"
      ]
    },
    {
      "name": "transition-panel",
      "type": "registry:ui",
      "title": "Transition Panel",
      "description": "A transition-panel component.",
      "files": [
        {
          "path": "registry/default/transition-panel/transition-panel.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/transition-panel.tsx"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/use-animated-height"
      ]
    },
    {
      "name": "tree",
      "type": "registry:ui",
      "title": "Tree",
      "description": "A tree component.",
      "files": [
        {
          "path": "registry/default/tree/tree.tsx",
          "type": "registry:ui",
          "target": "components/ui/cubby-ui/tree/tree.tsx"
        },
        {
          "path": "registry/default/tree/lib/tree-utils.ts",
          "type": "registry:lib",
          "target": "components/ui/cubby-ui/tree/lib/tree-utils.ts"
        }
      ],
      "registryDependencies": [
        "@cubby-ui/checkbox",
        "@cubby-ui/elevated"
      ],
      "dependencies": [
        "@hugeicons/react",
        "@hugeicons/core-free-icons"
      ]
    },
    {
      "name": "use-animated-height",
      "type": "registry:hook",
      "title": "useAnimatedHeight",
      "description": "A custom React hook for animated height.",
      "files": [
        {
          "path": "registry/default/hooks/use-animated-height.ts",
          "type": "registry:hook",
          "target": "hooks/cubby-ui/use-animated-height.ts"
        }
      ]
    },
    {
      "name": "use-controllable-state",
      "type": "registry:hook",
      "title": "useControllableState",
      "description": "A custom React hook for controllable state.",
      "files": [
        {
          "path": "registry/default/hooks/use-controllable-state.ts",
          "type": "registry:hook",
          "target": "hooks/cubby-ui/use-controllable-state.ts"
        }
      ]
    },
    {
      "name": "use-fuzzy-filter",
      "type": "registry:hook",
      "title": "useFuzzyFilter",
      "description": "A custom React hook for fuzzy filter.",
      "files": [
        {
          "path": "registry/default/hooks/use-fuzzy-filter.ts",
          "type": "registry:hook",
          "target": "hooks/cubby-ui/use-fuzzy-filter.ts"
        }
      ],
      "dependencies": [
        "match-sorter"
      ]
    },
    {
      "name": "use-list-virtualizer",
      "type": "registry:hook",
      "title": "useListVirtualizer",
      "description": "A custom React hook for list virtualizer.",
      "files": [
        {
          "path": "registry/default/hooks/use-list-virtualizer.ts",
          "type": "registry:hook",
          "target": "hooks/cubby-ui/use-list-virtualizer.ts"
        }
      ],
      "dependencies": [
        "@tanstack/react-virtual"
      ]
    }
  ]
}