{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "Roi UI",
  "homepage": "https://roiui.com",
  "items": [
    {
      "name": "utils",
      "type": "registry:item",
      "dependencies": ["clsx"],
      "files": [
        {
          "path": "lib/utils.ts",
          "type": "registry:file",
          "target": "~/lib/utils.ts"
        }
      ]
    },
    {
      "name": "utils-tailwind",
      "type": "registry:item",
      "dependencies": ["clsx", "tailwind-merge"],
      "files": [
        {
          "path": "lib/utils-tailwind.ts",
          "type": "registry:file",
          "target": "~/lib/utils.ts"
        }
      ]
    },
    {
      "name": "accordion",
      "type": "registry:item",
      "title": "Accordion",
      "description": "A collapsible content component.",
      "files": [
        {
          "path": "registry/brook/ui/accordion/accordion.tsx",
          "type": "registry:file",
          "target": "~/components/ui/accordion/accordion.tsx"
        },
        {
          "path": "registry/brook/ui/accordion/accordion.module.css",
          "type": "registry:file",
          "target": "~/components/ui/accordion/accordion.module.css"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:item",
      "title": "Alert Dialog",
      "description": "A modal dialog that interrupts the user with important content.",
      "files": [
        {
          "path": "registry/brook/ui/alert-dialog/alert-dialog.tsx",
          "type": "registry:file",
          "target": "~/components/ui/alert-dialog/alert-dialog.tsx"
        },
        {
          "path": "registry/brook/ui/alert-dialog/alert-dialog.module.css",
          "type": "registry:file",
          "target": "~/components/ui/alert-dialog/alert-dialog.module.css"
        }
      ]
    },
    {
      "name": "autocomplete",
      "type": "registry:item",
      "registryDependencies": ["https://roiui.com/r/input.json"],
      "title": "Autocomplete",
      "description": "An input that suggests options as you type.",
      "files": [
        {
          "path": "registry/brook/ui/autocomplete/autocomplete.tsx",
          "type": "registry:file",
          "target": "~/components/ui/autocomplete/autocomplete.tsx"
        },
        {
          "path": "registry/brook/ui/autocomplete/autocomplete.module.css",
          "type": "registry:file",
          "target": "~/components/ui/autocomplete/autocomplete.module.css"
        }
      ]
    },
    {
      "name": "alert",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Alert",
      "description": "A component for displaying important messages to users.",
      "files": [
        {
          "path": "registry/brook/ui/alert/alert.tsx",
          "type": "registry:file",
          "target": "~/components/ui/alert/alert.tsx"
        },
        {
          "path": "registry/brook/ui/alert/alert.module.css",
          "type": "registry:file",
          "target": "~/components/ui/alert/alert.module.css"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:item",
      "title": "Avatar",
      "description": "An image element with a fallback for representing the user.",
      "files": [
        {
          "path": "registry/brook/ui/avatar/avatar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/avatar/avatar.tsx"
        },
        {
          "path": "registry/brook/ui/avatar/avatar.module.css",
          "type": "registry:file",
          "target": "~/components/ui/avatar/avatar.module.css"
        }
      ]
    },
    {
      "name": "background",
      "type": "registry:item",
      "title": "Background",
      "description": "A background component with various visual effects.",
      "files": [
        {
          "path": "registry/brook/ui/background/background.tsx",
          "type": "registry:file",
          "target": "~/components/ui/background/background.tsx"
        },
        {
          "path": "registry/brook/ui/background/background.module.css",
          "type": "registry:file",
          "target": "~/components/ui/background/background.module.css"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Badge",
      "description": "A small count and labeling component.",
      "files": [
        {
          "path": "registry/brook/ui/badge/badge.tsx",
          "type": "registry:file",
          "target": "~/components/ui/badge/badge.tsx"
        },
        {
          "path": "registry/brook/ui/badge/badge.module.css",
          "type": "registry:file",
          "target": "~/components/ui/badge/badge.module.css"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Button",
      "description": "A button component.",
      "files": [
        {
          "path": "registry/brook/ui/button/button.tsx",
          "type": "registry:file",
          "target": "~/components/ui/button/button.tsx"
        },
        {
          "path": "registry/brook/ui/button/button.module.css",
          "type": "registry:file",
          "target": "~/components/ui/button/button.module.css"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Card",
      "description": "A container component for displaying content.",
      "files": [
        {
          "path": "registry/brook/ui/card/card.tsx",
          "type": "registry:file",
          "target": "~/components/ui/card/card.tsx"
        },
        {
          "path": "registry/brook/ui/card/card.module.css",
          "type": "registry:file",
          "target": "~/components/ui/card/card.module.css"
        }
      ]
    },
    {
      "name": "calendar",
      "type": "registry:item",
      "dependencies": ["lucide-react", "react-day-picker"],
      "title": "Calendar",
      "description": "A date picker calendar component.",
      "files": [
        {
          "path": "registry/brook/ui/calendar/calendar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/calendar/calendar.tsx"
        },
        {
          "path": "registry/brook/ui/calendar/calendar.module.css",
          "type": "registry:file",
          "target": "~/components/ui/calendar/calendar.module.css"
        }
      ]
    },
    {
      "name": "carousel",
      "type": "registry:item",
      "title": "Carousel",
      "description": "A slideshow component for cycling through content.",
      "files": [
        {
          "path": "registry/brook/ui/carousel/carousel.tsx",
          "type": "registry:file",
          "target": "~/components/ui/carousel/carousel.tsx"
        },
        {
          "path": "registry/brook/ui/carousel/carousel.module.css",
          "type": "registry:file",
          "target": "~/components/ui/carousel/carousel.module.css"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:item",
      "title": "Checkbox",
      "description": "A control that allows users to select one or more options from a set.",
      "files": [
        {
          "path": "registry/brook/ui/checkbox/checkbox.tsx",
          "type": "registry:file",
          "target": "~/components/ui/checkbox/checkbox.tsx"
        },
        {
          "path": "registry/brook/ui/checkbox/checkbox.module.css",
          "type": "registry:file",
          "target": "~/components/ui/checkbox/checkbox.module.css"
        }
      ]
    },
    {
      "name": "checkbox-group",
      "type": "registry:item",
      "title": "Checkbox Group",
      "description": "A set of checkboxes with shared state management for selecting multiple options.",
      "files": [
        {
          "path": "registry/brook/ui/checkbox-group/checkbox-group.tsx",
          "type": "registry:file",
          "target": "~/components/ui/checkbox-group/checkbox-group.tsx"
        },
        {
          "path": "registry/brook/ui/checkbox-group/checkbox-group.module.css",
          "type": "registry:file",
          "target": "~/components/ui/checkbox-group/checkbox-group.module.css"
        }
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:item",
      "title": "Collapsible",
      "description": "An expandable/collapsible panel controlled by a button.",
      "files": [
        {
          "path": "registry/brook/ui/collapsible/collapsible.tsx",
          "type": "registry:file",
          "target": "~/components/ui/collapsible/collapsible.tsx"
        },
        {
          "path": "registry/brook/ui/collapsible/collapsible.module.css",
          "type": "registry:file",
          "target": "~/components/ui/collapsible/collapsible.module.css"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:item",
      "registryDependencies": ["https://roiui.com/r/input.json"],
      "title": "Combobox",
      "description": "A searchable select component.",
      "files": [
        {
          "path": "registry/brook/ui/combobox/combobox.tsx",
          "type": "registry:file",
          "target": "~/components/ui/combobox/combobox.tsx"
        },
        {
          "path": "registry/brook/ui/combobox/combobox.module.css",
          "type": "registry:file",
          "target": "~/components/ui/combobox/combobox.module.css"
        }
      ]
    },
    {
      "name": "command",
      "type": "registry:item",
      "title": "Command",
      "description": "A command palette component.",
      "files": [
        {
          "path": "registry/brook/ui/command/command.tsx",
          "type": "registry:file",
          "target": "~/components/ui/command/command.tsx"
        },
        {
          "path": "registry/brook/ui/command/command.module.css",
          "type": "registry:file",
          "target": "~/components/ui/command/command.module.css"
        }
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:item",
      "title": "Context Menu",
      "description": "A menu component triggered by right-click or long press.",
      "files": [
        {
          "path": "registry/brook/ui/context-menu/context-menu.tsx",
          "type": "registry:file",
          "target": "~/components/ui/context-menu/context-menu.tsx"
        },
        {
          "path": "registry/brook/ui/context-menu/context-menu.module.css",
          "type": "registry:file",
          "target": "~/components/ui/context-menu/context-menu.module.css"
        }
      ]
    },
    {
      "name": "copy-button",
      "type": "registry:item",
      "dependencies": ["motion", "lucide-react"],
      "title": "Copy Button",
      "description": "A button component with animated copy-to-clipboard functionality.",
      "files": [
        {
          "path": "registry/brook/ui/copy-button/copy-button.tsx",
          "type": "registry:file",
          "target": "~/components/ui/copy-button/copy-button.tsx"
        },
        {
          "path": "registry/brook/ui/copy-button/copy-button.module.css",
          "type": "registry:file",
          "target": "~/components/ui/copy-button/copy-button.module.css"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:item",
      "title": "Dialog",
      "description": "A modal dialog component.",
      "files": [
        {
          "path": "registry/brook/ui/dialog/dialog.tsx",
          "type": "registry:file",
          "target": "~/components/ui/dialog/dialog.tsx"
        },
        {
          "path": "registry/brook/ui/dialog/dialog.module.css",
          "type": "registry:file",
          "target": "~/components/ui/dialog/dialog.module.css"
        }
      ]
    },
    {
      "name": "drawer",
      "type": "registry:item",
      "title": "Drawer",
      "description": "A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.",
      "files": [
        {
          "path": "registry/brook/ui/drawer/drawer.tsx",
          "type": "registry:file",
          "target": "~/components/ui/drawer/drawer.tsx"
        },
        {
          "path": "registry/brook/ui/drawer/drawer.module.css",
          "type": "registry:file",
          "target": "~/components/ui/drawer/drawer.module.css"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:item",
      "title": "Dropdown Menu",
      "description": "A dropdown menu component.",
      "files": [
        {
          "path": "registry/brook/ui/dropdown-menu/dropdown-menu.tsx",
          "type": "registry:file",
          "target": "~/components/ui/dropdown-menu/dropdown-menu.tsx"
        },
        {
          "path": "registry/brook/ui/dropdown-menu/dropdown-menu.module.css",
          "type": "registry:file",
          "target": "~/components/ui/dropdown-menu/dropdown-menu.module.css"
        }
      ]
    },
    {
      "name": "expandable-card",
      "type": "registry:item",
      "dependencies": ["motion", "lucide-react"],
      "title": "Expandable Card",
      "description": "A card component that can expand to show more content.",
      "files": [
        {
          "path": "registry/brook/ui/expandable-card/expandable-card.tsx",
          "type": "registry:file",
          "target": "~/components/ui/expandable-card/expandable-card.tsx"
        },
        {
          "path": "registry/brook/ui/expandable-card/expandable-card.module.css",
          "type": "registry:file",
          "target": "~/components/ui/expandable-card/expandable-card.module.css"
        }
      ]
    },
    {
      "name": "expandable-card-carousel",
      "type": "registry:item",
      "dependencies": ["motion", "lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/expandable-card.json",
        "https://roiui.com/r/carousel.json"
      ],
      "title": "Expandable Card Carousel",
      "description": "A carousel of expandable cards showcasing core philosophies.",
      "files": [
        {
          "path": "registry/brook/blocks/expandable-card-carousel/page.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/page.tsx"
        },
        {
          "path": "registry/brook/blocks/expandable-card-carousel/components/expandable-card-carousel.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/expandable-card-carousel.tsx"
        },
        {
          "path": "registry/brook/blocks/expandable-card-carousel/components/expandable-card-carousel.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/expandable-card-carousel.module.css"
        },
        {
          "path": "registry/brook/blocks-shared-files/expandable-card-carousel/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/data.json"
        }
      ]
    },
    {
      "name": "field",
      "type": "registry:item",
      "title": "Field",
      "description": "A form field component with label and validation.",
      "files": [
        {
          "path": "registry/brook/ui/field/field.tsx",
          "type": "registry:file",
          "target": "~/components/ui/field/field.tsx"
        },
        {
          "path": "registry/brook/ui/field/field.module.css",
          "type": "registry:file",
          "target": "~/components/ui/field/field.module.css"
        }
      ]
    },
    {
      "name": "fieldset",
      "type": "registry:item",
      "title": "Fieldset",
      "description": "A native fieldset element with an easily stylable legend.",
      "files": [
        {
          "path": "registry/brook/ui/fieldset/fieldset.tsx",
          "type": "registry:file",
          "target": "~/components/ui/fieldset/fieldset.tsx"
        },
        {
          "path": "registry/brook/ui/fieldset/fieldset.module.css",
          "type": "registry:file",
          "target": "~/components/ui/fieldset/fieldset.module.css"
        }
      ]
    },
    {
      "name": "form",
      "type": "registry:item",
      "title": "Form",
      "description": "A form component for handling user input.",
      "files": [
        {
          "path": "registry/brook/ui/form/form.tsx",
          "type": "registry:file",
          "target": "~/components/ui/form/form.tsx"
        },
        {
          "path": "registry/brook/ui/form/form.module.css",
          "type": "registry:file",
          "target": "~/components/ui/form/form.module.css"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:item",
      "title": "Input",
      "description": "An input component for user text entry.",
      "files": [
        {
          "path": "registry/brook/ui/input/input.tsx",
          "type": "registry:file",
          "target": "~/components/ui/input/input.tsx"
        },
        {
          "path": "registry/brook/ui/input/input.module.css",
          "type": "registry:file",
          "target": "~/components/ui/input/input.module.css"
        }
      ]
    },
    {
      "name": "like-button",
      "type": "registry:item",
      "title": "Like Button",
      "description": "A button component for liking content.",
      "files": [
        {
          "path": "registry/brook/ui/like-button/like-button.tsx",
          "type": "registry:file",
          "target": "~/components/ui/like-button/like-button.tsx"
        },
        {
          "path": "registry/brook/ui/like-button/like-button.module.css",
          "type": "registry:file",
          "target": "~/components/ui/like-button/like-button.module.css"
        }
      ]
    },
    {
      "name": "kbd",
      "type": "registry:item",
      "title": "Kbd",
      "description": "A component for displaying keyboard keys and shortcuts.",
      "files": [
        {
          "path": "registry/brook/ui/kbd/kbd.tsx",
          "type": "registry:file",
          "target": "~/components/ui/kbd/kbd.tsx"
        },
        {
          "path": "registry/brook/ui/kbd/kbd.module.css",
          "type": "registry:file",
          "target": "~/components/ui/kbd/kbd.module.css"
        }
      ]
    },
    {
      "name": "menubar",
      "type": "registry:item",
      "title": "Menubar",
      "description": "A horizontal menu bar component.",
      "files": [
        {
          "path": "registry/brook/ui/menubar/menubar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/menubar/menubar.tsx"
        },
        {
          "path": "registry/brook/ui/menubar/menubar.module.css",
          "type": "registry:file",
          "target": "~/components/ui/menubar/menubar.module.css"
        }
      ]
    },
    {
      "name": "meter",
      "type": "registry:item",
      "title": "Meter",
      "description": "A graphical display of a numeric value within a range.",
      "files": [
        {
          "path": "registry/brook/ui/meter/meter.tsx",
          "type": "registry:file",
          "target": "~/components/ui/meter/meter.tsx"
        },
        {
          "path": "registry/brook/ui/meter/meter.module.css",
          "type": "registry:file",
          "target": "~/components/ui/meter/meter.module.css"
        }
      ]
    },
    {
      "name": "navigation-menu",
      "type": "registry:item",
      "title": "Navigation Menu",
      "description": "A navigation menu component.",
      "files": [
        {
          "path": "registry/brook/ui/navigation-menu/navigation-menu.tsx",
          "type": "registry:file",
          "target": "~/components/ui/navigation-menu/navigation-menu.tsx"
        },
        {
          "path": "registry/brook/ui/navigation-menu/navigation-menu.module.css",
          "type": "registry:file",
          "target": "~/components/ui/navigation-menu/navigation-menu.module.css"
        }
      ]
    },
    {
      "name": "otp-field",
      "type": "registry:item",
      "title": "OTP Field",
      "description": "A one-time password and verification code entry field.",
      "files": [
        {
          "path": "registry/brook/ui/otp-field/otp-field.tsx",
          "type": "registry:file",
          "target": "~/components/ui/otp-field/otp-field.tsx"
        },
        {
          "path": "registry/brook/ui/otp-field/otp-field.module.css",
          "type": "registry:file",
          "target": "~/components/ui/otp-field/otp-field.module.css"
        }
      ]
    },
    {
      "name": "popover",
      "type": "registry:item",
      "title": "Popover",
      "description": "A floating content container.",
      "files": [
        {
          "path": "registry/brook/ui/popover/popover.tsx",
          "type": "registry:file",
          "target": "~/components/ui/popover/popover.tsx"
        },
        {
          "path": "registry/brook/ui/popover/popover.module.css",
          "type": "registry:file",
          "target": "~/components/ui/popover/popover.module.css"
        }
      ]
    },
    {
      "name": "radio",
      "type": "registry:item",
      "title": "Radio",
      "description": "A customizable radio button component for selecting one option from a group.",
      "files": [
        {
          "path": "registry/brook/ui/radio/radio.tsx",
          "type": "registry:file",
          "target": "~/components/ui/radio/radio.tsx"
        },
        {
          "path": "registry/brook/ui/radio/radio.module.css",
          "type": "registry:file",
          "target": "~/components/ui/radio/radio.module.css"
        }
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:item",
      "title": "Scroll Area",
      "description": "A native scroll container with custom scrollbars.",
      "files": [
        {
          "path": "registry/brook/ui/scroll-area/scroll-area.tsx",
          "type": "registry:file",
          "target": "~/components/ui/scroll-area/scroll-area.tsx"
        },
        {
          "path": "registry/brook/ui/scroll-area/scroll-area.module.css",
          "type": "registry:file",
          "target": "~/components/ui/scroll-area/scroll-area.module.css"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:item",
      "title": "Select",
      "description": "A customizable select component for choosing from a list of options.",
      "files": [
        {
          "path": "registry/brook/ui/select/select.tsx",
          "type": "registry:file",
          "target": "~/components/ui/select/select.tsx"
        },
        {
          "path": "registry/brook/ui/select/select.module.css",
          "type": "registry:file",
          "target": "~/components/ui/select/select.module.css"
        }
      ]
    },
    {
      "name": "separator",
      "type": "registry:item",
      "title": "Separator",
      "description": "A separator element accessible to screen readers.",
      "files": [
        {
          "path": "registry/brook/ui/separator/separator.tsx",
          "type": "registry:file",
          "target": "~/components/ui/separator/separator.tsx"
        },
        {
          "path": "registry/brook/ui/separator/separator.module.css",
          "type": "registry:file",
          "target": "~/components/ui/separator/separator.module.css"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:item",
      "title": "Slider",
      "description": "A slider component for selecting values from a range.",
      "files": [
        {
          "path": "registry/brook/ui/slider/slider.tsx",
          "type": "registry:file",
          "target": "~/components/ui/slider/slider.tsx"
        },
        {
          "path": "registry/brook/ui/slider/slider.module.css",
          "type": "registry:file",
          "target": "~/components/ui/slider/slider.module.css"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:item",
      "title": "Switch",
      "description": "A toggle switch component.",
      "files": [
        {
          "path": "registry/brook/ui/switch/switch.tsx",
          "type": "registry:file",
          "target": "~/components/ui/switch/switch.tsx"
        },
        {
          "path": "registry/brook/ui/switch/switch.module.css",
          "type": "registry:file",
          "target": "~/components/ui/switch/switch.module.css"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:item",
      "title": "Tabs",
      "description": "A set of layered sections of content.",
      "files": [
        {
          "path": "registry/brook/ui/tabs/tabs.tsx",
          "type": "registry:file",
          "target": "~/components/ui/tabs/tabs.tsx"
        },
        {
          "path": "registry/brook/ui/tabs/tabs.module.css",
          "type": "registry:file",
          "target": "~/components/ui/tabs/tabs.module.css"
        }
      ]
    },
    {
      "name": "table",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Table",
      "description": "A responsive table component for displaying structured tabular data.",
      "files": [
        {
          "path": "registry/brook/ui/table/table.tsx",
          "type": "registry:file",
          "target": "~/components/ui/table/table.tsx"
        },
        {
          "path": "registry/brook/ui/table/table.module.css",
          "type": "registry:file",
          "target": "~/components/ui/table/table.module.css"
        }
      ]
    },
    {
      "name": "toast",
      "type": "registry:item",
      "title": "Toast",
      "description": "A succinct message notification.",
      "files": [
        {
          "path": "registry/brook/ui/toast/toast.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toast/toast.tsx"
        },
        {
          "path": "registry/brook/ui/toast/toast.module.css",
          "type": "registry:file",
          "target": "~/components/ui/toast/toast.module.css"
        }
      ]
    },
    {
      "name": "toggle",
      "type": "registry:item",
      "title": "Toggle",
      "description": "A two-state button that can be turned on or off.",
      "files": [
        {
          "path": "registry/brook/ui/toggle/toggle.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toggle/toggle.tsx"
        },
        {
          "path": "registry/brook/ui/toggle/toggle.module.css",
          "type": "registry:file",
          "target": "~/components/ui/toggle/toggle.module.css"
        }
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:item",
      "title": "Toggle Group",
      "description": "A set of two-state buttons that can be toggled on or off with shared state management.",
      "files": [
        {
          "path": "registry/brook/ui/toggle-group/toggle-group.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toggle-group/toggle-group.tsx"
        },
        {
          "path": "registry/brook/ui/toggle-group/toggle-group.module.css",
          "type": "registry:file",
          "target": "~/components/ui/toggle-group/toggle-group.module.css"
        }
      ]
    },
    {
      "name": "toolbar",
      "type": "registry:item",
      "title": "Toolbar",
      "description": "A toolbar component for grouping action buttons and controls.",
      "files": [
        {
          "path": "registry/brook/ui/toolbar/toolbar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toolbar/toolbar.tsx"
        },
        {
          "path": "registry/brook/ui/toolbar/toolbar.module.css",
          "type": "registry:file",
          "target": "~/components/ui/toolbar/toolbar.module.css"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:item",
      "title": "Tooltip",
      "description": "A popup that displays information on hover.",
      "files": [
        {
          "path": "registry/brook/ui/tooltip/tooltip.tsx",
          "type": "registry:file",
          "target": "~/components/ui/tooltip/tooltip.tsx"
        },
        {
          "path": "registry/brook/ui/tooltip/tooltip.module.css",
          "type": "registry:file",
          "target": "~/components/ui/tooltip/tooltip.module.css"
        }
      ]
    },
    {
      "name": "chart",
      "type": "registry:item",
      "dependencies": ["recharts"],
      "title": "Chart",
      "description": "Composable chart components for building any type of data visualization with Recharts primitives.",
      "files": [
        {
          "path": "registry/brook/ui/chart/chart.tsx",
          "type": "registry:file",
          "target": "~/components/ui/chart/chart.tsx"
        },
        {
          "path": "registry/brook/ui/chart/chart.module.css",
          "type": "registry:file",
          "target": "~/components/ui/chart/chart.module.css"
        }
      ]
    },
    {
      "name": "progress",
      "type": "registry:item",
      "title": "Progress",
      "description": "Displays the status of a task that takes a long time.",
      "files": [
        {
          "path": "registry/brook/ui/progress/progress.tsx",
          "type": "registry:file",
          "target": "~/components/ui/progress/progress.tsx"
        },
        {
          "path": "registry/brook/ui/progress/progress.module.css",
          "type": "registry:file",
          "target": "~/components/ui/progress/progress.module.css"
        }
      ]
    },
    {
      "name": "prop-table",
      "type": "registry:item",
      "title": "Prop Table",
      "description": "An expandable table for documenting component props.",
      "registryDependencies": ["https://roiui.com/r/collapsible.json"],
      "files": [
        {
          "path": "registry/brook/ui/prop-table/prop-table.tsx",
          "type": "registry:file",
          "target": "~/components/ui/prop-table/prop-table.tsx"
        },
        {
          "path": "registry/brook/ui/prop-table/prop-table.module.css",
          "type": "registry:file",
          "target": "~/components/ui/prop-table/prop-table.module.css"
        }
      ]
    },
    {
      "name": "number-field",
      "type": "registry:item",
      "title": "Number Field",
      "description": "A numeric input element with increment/decrement buttons and a scrub area.",
      "files": [
        {
          "path": "registry/brook/ui/number-field/number-field.tsx",
          "type": "registry:file",
          "target": "~/components/ui/number-field/number-field.tsx"
        },
        {
          "path": "registry/brook/ui/number-field/number-field.module.css",
          "type": "registry:file",
          "target": "~/components/ui/number-field/number-field.module.css"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:item",
      "title": "Slider",
      "description": "A range input component for selecting values within a given range.",
      "files": [
        {
          "path": "registry/brook/ui/slider/slider.tsx",
          "type": "registry:file",
          "target": "~/components/ui/slider/slider.tsx"
        },
        {
          "path": "registry/brook/ui/slider/slider.module.css",
          "type": "registry:file",
          "target": "~/components/ui/slider/slider.module.css"
        }
      ]
    },
    {
      "name": "card-login",
      "type": "registry:item",
      "registryDependencies": [
        "https://roiui.com/r/badge.json",
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/card.json",
        "https://roiui.com/r/checkbox.json",
        "https://roiui.com/r/field.json"
      ],
      "title": "Card Login",
      "description": "A login card component with email/password fields and social login options.",
      "files": [
        {
          "path": "registry/brook/blocks/card-login/components/card-login.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-login/card-login.tsx"
        },
        {
          "path": "registry/brook/blocks/card-login/components/card-login.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/card-login/card-login.module.css"
        }
      ]
    },
    {
      "name": "card-task",
      "type": "registry:item",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/alert-dialog.json",
        "https://roiui.com/r/avatar.json",
        "https://roiui.com/r/badge.json",
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/card.json",
        "https://roiui.com/r/combobox.json",
        "https://roiui.com/r/dialog.json",
        "https://roiui.com/r/dropdown-menu.json",
        "https://roiui.com/r/tooltip.json"
      ],
      "title": "Card Task",
      "description": "A task card component with badges, avatars, and action menu.",
      "files": [
        {
          "path": "registry/brook/blocks/card-task/components/card-task.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-task/card-task.tsx"
        },
        {
          "path": "registry/brook/blocks/card-task/components/card-task.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/card-task/card-task.module.css"
        }
      ]
    },
    {
      "name": "card-traffic",
      "type": "registry:item",
      "dependencies": ["recharts"],
      "registryDependencies": [
        "https://roiui.com/r/badge.json",
        "https://roiui.com/r/card.json",
        "https://roiui.com/r/chart.json"
      ],
      "title": "Card Traffic",
      "description": "A website traffic card component with line chart and statistics.",
      "files": [
        {
          "path": "registry/brook/blocks/card-traffic/components/card-traffic.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-traffic/card-traffic.tsx"
        },
        {
          "path": "registry/brook/blocks/card-traffic/components/card-traffic.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/card-traffic/card-traffic.module.css"
        },
        {
          "path": "registry/brook/blocks/card-traffic/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/card-traffic/data.json"
        }
      ]
    },
    {
      "name": "card-image-section",
      "type": "registry:item",
      "registryDependencies": [
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/card.json"
      ],
      "title": "Card Image Section",
      "description": "A section with 4 image cards in a masonry layout.",
      "files": [
        {
          "path": "registry/brook/blocks/card-image-section/page.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/page.tsx"
        },
        {
          "path": "registry/brook/blocks/card-image-section/components/card-image-section.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/card-image-section.tsx"
        },
        {
          "path": "registry/brook/blocks/card-image-section/components/card-image-section.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/card-image-section.module.css"
        },
        {
          "path": "registry/brook/blocks-shared-files/card-image-section/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/data.json"
        }
      ]
    },
    {
      "name": "ai-chat",
      "type": "registry:item",
      "registryDependencies": [
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/card.json",
        "https://roiui.com/r/field.json",
        "https://roiui.com/r/form.json",
        "https://roiui.com/r/select.json"
      ],
      "title": "AI Chat",
      "description": "An AI chat input component with mode selector and action buttons.",
      "files": [
        {
          "path": "registry/brook/blocks/ai-chat/components/ai-chat.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/ai-chat/ai-chat.tsx"
        },
        {
          "path": "registry/brook/blocks/ai-chat/components/ai-chat.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/ai-chat/ai-chat.module.css"
        }
      ]
    },
    {
      "name": "card-progress",
      "type": "registry:item",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/card.json",
        "https://roiui.com/r/progress.json"
      ],
      "title": "Progress Card",
      "description": "A file upload progress card with multiple file tracking.",
      "files": [
        {
          "path": "registry/brook/blocks/card-progress/components/progress-card.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-progress/progress-card.tsx"
        },
        {
          "path": "registry/brook/blocks/card-progress/components/progress-card.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/card-progress/progress-card.module.css"
        }
      ]
    },
    {
      "name": "pricing-section",
      "type": "registry:item",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/badge.json",
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/card.json"
      ],
      "title": "Pricing Section",
      "description": "A pricing section with three plan cards.",
      "files": [
        {
          "path": "registry/brook/blocks/pricing-section/components/pricing-section.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/pricing-section/pricing-section.tsx"
        },
        {
          "path": "registry/brook/blocks/pricing-section/components/pricing-section.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/pricing-section/pricing-section.module.css"
        },
        {
          "path": "registry/brook/blocks/pricing-section/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/pricing-section/data.json"
        }
      ]
    },
    {
      "name": "kanban-board",
      "type": "registry:item",
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "lucide-react"
      ],
      "registryDependencies": [
        "https://roiui.com/r/alert-dialog.json",
        "https://roiui.com/r/avatar.json",
        "https://roiui.com/r/badge.json",
        "https://roiui.com/r/button.json",
        "https://roiui.com/r/calendar.json",
        "https://roiui.com/r/card.json",
        "https://roiui.com/r/checkbox.json",
        "https://roiui.com/r/checkbox-group.json",
        "https://roiui.com/r/combobox.json",
        "https://roiui.com/r/context-menu.json",
        "https://roiui.com/r/dialog.json",
        "https://roiui.com/r/dropdown-menu.json",
        "https://roiui.com/r/field.json",
        "https://roiui.com/r/form.json",
        "https://roiui.com/r/input.json",
        "https://roiui.com/r/kbd.json",
        "https://roiui.com/r/popover.json",
        "https://roiui.com/r/select.json"
      ],
      "title": "Kanban Board",
      "description": "A full-featured kanban board with drag-and-drop functionality.",
      "files": [
        {
          "path": "registry/brook/blocks/kanban-board/components/kanban.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/kanban.tsx"
        },
        {
          "path": "registry/brook/blocks/kanban-board/components/kanban.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/kanban.module.css"
        },
        {
          "path": "registry/brook/blocks/kanban-board/components/project-board.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/project-board.tsx"
        },
        {
          "path": "registry/brook/blocks/kanban-board/components/task-dialog.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/task-dialog.tsx"
        },
        {
          "path": "registry/brook/blocks/kanban-board/components/delete-dialog.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/delete-dialog.tsx"
        },
        {
          "path": "registry/brook/blocks/kanban-board/components/filter-bar.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/filter-bar.tsx"
        },
        {
          "path": "registry/brook/blocks/kanban-board/components/priority-icon.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/priority-icon.tsx"
        },
        {
          "path": "registry/brook/blocks/kanban-board/hooks/use-kanban-dnd.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/use-kanban-dnd.ts"
        },
        {
          "path": "registry/brook/blocks/kanban-board/hooks/use-task-dialog.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/use-task-dialog.ts"
        },
        {
          "path": "registry/brook/blocks/kanban-board/lib/project.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/project.ts"
        },
        {
          "path": "registry/brook/blocks/kanban-board/types/index.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/types.ts"
        },
        {
          "path": "registry/brook/blocks/kanban-board/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/data.json"
        }
      ]
    },
    {
      "name": "accordion-tailwind",
      "type": "registry:item",
      "title": "Accordion (Tailwind)",
      "description": "A collapsible content component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/accordion.tsx",
          "type": "registry:file",
          "target": "~/components/ui/accordion/accordion.tsx"
        }
      ]
    },
    {
      "name": "alert-tailwind",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Alert (Tailwind)",
      "description": "A component for displaying important messages to users.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/alert.tsx",
          "type": "registry:file",
          "target": "~/components/ui/alert/alert.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-tailwind",
      "type": "registry:item",
      "title": "Alert Dialog (Tailwind)",
      "description": "A modal dialog that interrupts the user with important content.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/alert-dialog.tsx",
          "type": "registry:file",
          "target": "~/components/ui/alert-dialog/alert-dialog.tsx"
        }
      ]
    },
    {
      "name": "autocomplete-tailwind",
      "type": "registry:item",
      "registryDependencies": ["https://roiui.com/r/input-tailwind.json"],
      "title": "Autocomplete (Tailwind)",
      "description": "An input that suggests options as you type.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/autocomplete.tsx",
          "type": "registry:file",
          "target": "~/components/ui/autocomplete/autocomplete.tsx"
        }
      ]
    },
    {
      "name": "avatar-tailwind",
      "type": "registry:item",
      "title": "Avatar (Tailwind)",
      "description": "An image element with a fallback for representing the user.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/avatar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/avatar/avatar.tsx"
        }
      ]
    },
    {
      "name": "background-tailwind",
      "type": "registry:item",
      "title": "Background (Tailwind)",
      "description": "A background component with various visual effects.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/background.tsx",
          "type": "registry:file",
          "target": "~/components/ui/background/background.tsx"
        }
      ]
    },
    {
      "name": "badge-tailwind",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Badge (Tailwind)",
      "description": "A small count and labeling component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/badge.tsx",
          "type": "registry:file",
          "target": "~/components/ui/badge/badge.tsx"
        }
      ]
    },
    {
      "name": "button-tailwind",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Button (Tailwind)",
      "description": "A button component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/button.tsx",
          "type": "registry:file",
          "target": "~/components/ui/button/button.tsx"
        }
      ]
    },
    {
      "name": "card-tailwind",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Card (Tailwind)",
      "description": "A container component for displaying content.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/card.tsx",
          "type": "registry:file",
          "target": "~/components/ui/card/card.tsx"
        }
      ]
    },
    {
      "name": "calendar-tailwind",
      "type": "registry:item",
      "dependencies": ["lucide-react", "react-day-picker"],
      "title": "Calendar (Tailwind)",
      "description": "A date picker calendar component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/calendar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/calendar/calendar.tsx"
        }
      ]
    },
    {
      "name": "carousel-tailwind",
      "type": "registry:item",
      "title": "Carousel (Tailwind)",
      "description": "A slideshow component for cycling through content.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/carousel.tsx",
          "type": "registry:file",
          "target": "~/components/ui/carousel/carousel.tsx"
        }
      ]
    },
    {
      "name": "checkbox-tailwind",
      "type": "registry:item",
      "title": "Checkbox (Tailwind)",
      "description": "A control that allows users to select one or more options from a set.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/checkbox.tsx",
          "type": "registry:file",
          "target": "~/components/ui/checkbox/checkbox.tsx"
        }
      ]
    },
    {
      "name": "checkbox-group-tailwind",
      "type": "registry:item",
      "title": "Checkbox Group (Tailwind)",
      "description": "A set of checkboxes with shared state management for selecting multiple options.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/checkbox-group.tsx",
          "type": "registry:file",
          "target": "~/components/ui/checkbox-group/checkbox-group.tsx"
        }
      ]
    },
    {
      "name": "collapsible-tailwind",
      "type": "registry:item",
      "title": "Collapsible (Tailwind)",
      "description": "An expandable/collapsible panel controlled by a button.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/collapsible.tsx",
          "type": "registry:file",
          "target": "~/components/ui/collapsible/collapsible.tsx"
        }
      ]
    },
    {
      "name": "combobox-tailwind",
      "type": "registry:item",
      "registryDependencies": ["https://roiui.com/r/input-tailwind.json"],
      "title": "Combobox (Tailwind)",
      "description": "A searchable select component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/combobox.tsx",
          "type": "registry:file",
          "target": "~/components/ui/combobox/combobox.tsx"
        }
      ]
    },
    {
      "name": "command-tailwind",
      "type": "registry:item",
      "title": "Command (Tailwind)",
      "description": "A command palette component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/command.tsx",
          "type": "registry:file",
          "target": "~/components/ui/command/command.tsx"
        }
      ]
    },
    {
      "name": "context-menu-tailwind",
      "type": "registry:item",
      "title": "Context Menu (Tailwind)",
      "description": "A menu component triggered by right-click or long press.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/context-menu.tsx",
          "type": "registry:file",
          "target": "~/components/ui/context-menu/context-menu.tsx"
        }
      ]
    },
    {
      "name": "copy-button-tailwind",
      "type": "registry:item",
      "dependencies": ["motion", "lucide-react"],
      "title": "Copy Button (Tailwind)",
      "description": "A button component with animated copy-to-clipboard functionality.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/copy-button.tsx",
          "type": "registry:file",
          "target": "~/components/ui/copy-button/copy-button.tsx"
        }
      ]
    },
    {
      "name": "dialog-tailwind",
      "type": "registry:item",
      "title": "Dialog (Tailwind)",
      "description": "A modal dialog component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/dialog.tsx",
          "type": "registry:file",
          "target": "~/components/ui/dialog/dialog.tsx"
        }
      ]
    },
    {
      "name": "drawer-tailwind",
      "type": "registry:item",
      "title": "Drawer (Tailwind)",
      "description": "A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/drawer.tsx",
          "type": "registry:file",
          "target": "~/components/ui/drawer/drawer.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-tailwind",
      "type": "registry:item",
      "title": "Dropdown Menu (Tailwind)",
      "description": "A dropdown menu component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/dropdown-menu.tsx",
          "type": "registry:file",
          "target": "~/components/ui/dropdown-menu/dropdown-menu.tsx"
        }
      ]
    },
    {
      "name": "field-tailwind",
      "type": "registry:item",
      "title": "Field (Tailwind)",
      "description": "A form field component with label and validation.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/field.tsx",
          "type": "registry:file",
          "target": "~/components/ui/field/field.tsx"
        }
      ]
    },
    {
      "name": "fieldset-tailwind",
      "type": "registry:item",
      "title": "Fieldset (Tailwind)",
      "description": "A native fieldset element with an easily stylable legend.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/fieldset.tsx",
          "type": "registry:file",
          "target": "~/components/ui/fieldset/fieldset.tsx"
        }
      ]
    },
    {
      "name": "form-tailwind",
      "type": "registry:item",
      "title": "Form (Tailwind)",
      "description": "A form component for handling user input.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/form.tsx",
          "type": "registry:file",
          "target": "~/components/ui/form/form.tsx"
        }
      ]
    },
    {
      "name": "input-tailwind",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Input (Tailwind)",
      "description": "An input component for user text entry.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/input.tsx",
          "type": "registry:file",
          "target": "~/components/ui/input/input.tsx"
        }
      ]
    },
    {
      "name": "like-button-tailwind",
      "type": "registry:item",
      "title": "Like Button (Tailwind)",
      "description": "A button component for liking content.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/like-button.tsx",
          "type": "registry:file",
          "target": "~/components/ui/like-button/like-button.tsx"
        }
      ]
    },
    {
      "name": "kbd-tailwind",
      "type": "registry:item",
      "title": "Kbd (Tailwind)",
      "description": "A component for displaying keyboard keys and shortcuts.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/kbd.tsx",
          "type": "registry:file",
          "target": "~/components/ui/kbd/kbd.tsx"
        }
      ]
    },
    {
      "name": "menubar-tailwind",
      "type": "registry:item",
      "title": "Menubar (Tailwind)",
      "description": "A horizontal menu bar component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/menubar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/menubar/menubar.tsx"
        }
      ]
    },
    {
      "name": "meter-tailwind",
      "type": "registry:item",
      "title": "Meter (Tailwind)",
      "description": "A graphical display of a numeric value within a range.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/meter.tsx",
          "type": "registry:file",
          "target": "~/components/ui/meter/meter.tsx"
        }
      ]
    },
    {
      "name": "navigation-menu-tailwind",
      "type": "registry:item",
      "title": "Navigation Menu (Tailwind)",
      "description": "A navigation menu component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/navigation-menu.tsx",
          "type": "registry:file",
          "target": "~/components/ui/navigation-menu/navigation-menu.tsx"
        }
      ]
    },
    {
      "name": "otp-field-tailwind",
      "type": "registry:item",
      "title": "OTP Field (Tailwind)",
      "description": "A one-time password and verification code entry field.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/otp-field.tsx",
          "type": "registry:file",
          "target": "~/components/ui/otp-field/otp-field.tsx"
        }
      ]
    },
    {
      "name": "number-field-tailwind",
      "type": "registry:item",
      "title": "Number Field (Tailwind)",
      "description": "A numeric input element with increment/decrement buttons and a scrub area.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/number-field.tsx",
          "type": "registry:file",
          "target": "~/components/ui/number-field/number-field.tsx"
        }
      ]
    },
    {
      "name": "popover-tailwind",
      "type": "registry:item",
      "title": "Popover (Tailwind)",
      "description": "A floating content container.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/popover.tsx",
          "type": "registry:file",
          "target": "~/components/ui/popover/popover.tsx"
        }
      ]
    },
    {
      "name": "preview-card-tailwind",
      "type": "registry:item",
      "title": "Preview Card (Tailwind)",
      "description": "A floating preview card component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/preview-card.tsx",
          "type": "registry:file",
          "target": "~/components/ui/preview-card/preview-card.tsx"
        }
      ]
    },
    {
      "name": "progress-tailwind",
      "type": "registry:item",
      "title": "Progress (Tailwind)",
      "description": "Displays the status of a task that takes a long time.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/progress.tsx",
          "type": "registry:file",
          "target": "~/components/ui/progress/progress.tsx"
        }
      ]
    },
    {
      "name": "prop-table-tailwind",
      "type": "registry:item",
      "title": "Prop Table (Tailwind)",
      "description": "An expandable table for documenting component props.",
      "registryDependencies": ["https://roiui.com/r/collapsible-tailwind.json"],
      "files": [
        {
          "path": "registry/brook/tailwind/ui/prop-table.tsx",
          "type": "registry:file",
          "target": "~/components/ui/prop-table/prop-table.tsx"
        }
      ]
    },
    {
      "name": "radio-tailwind",
      "type": "registry:item",
      "title": "Radio (Tailwind)",
      "description": "A customizable radio button component for selecting one option from a group.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/radio.tsx",
          "type": "registry:file",
          "target": "~/components/ui/radio/radio.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-tailwind",
      "type": "registry:item",
      "title": "Scroll Area (Tailwind)",
      "description": "A native scroll container with custom scrollbars.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/scroll-area.tsx",
          "type": "registry:file",
          "target": "~/components/ui/scroll-area/scroll-area.tsx"
        }
      ]
    },
    {
      "name": "select-tailwind",
      "type": "registry:item",
      "title": "Select (Tailwind)",
      "description": "A customizable select component for choosing from a list of options.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/select.tsx",
          "type": "registry:file",
          "target": "~/components/ui/select/select.tsx"
        }
      ]
    },
    {
      "name": "separator-tailwind",
      "type": "registry:item",
      "title": "Separator (Tailwind)",
      "description": "A separator element accessible to screen readers.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/separator.tsx",
          "type": "registry:file",
          "target": "~/components/ui/separator/separator.tsx"
        }
      ]
    },
    {
      "name": "slider-tailwind",
      "type": "registry:item",
      "title": "Slider (Tailwind)",
      "description": "A slider component for selecting values from a range.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/slider.tsx",
          "type": "registry:file",
          "target": "~/components/ui/slider/slider.tsx"
        }
      ]
    },
    {
      "name": "switch-tailwind",
      "type": "registry:item",
      "title": "Switch (Tailwind)",
      "description": "A toggle switch component.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/switch.tsx",
          "type": "registry:file",
          "target": "~/components/ui/switch/switch.tsx"
        }
      ]
    },
    {
      "name": "tabs-tailwind",
      "type": "registry:item",
      "title": "Tabs (Tailwind)",
      "description": "A set of layered sections of content.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/tabs.tsx",
          "type": "registry:file",
          "target": "~/components/ui/tabs/tabs.tsx"
        }
      ]
    },
    {
      "name": "table-tailwind",
      "type": "registry:item",
      "dependencies": ["class-variance-authority"],
      "title": "Table (Tailwind)",
      "description": "A responsive table component for displaying structured tabular data.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/table.tsx",
          "type": "registry:file",
          "target": "~/components/ui/table/table.tsx"
        }
      ]
    },
    {
      "name": "toast-tailwind",
      "type": "registry:item",
      "title": "Toast (Tailwind)",
      "description": "A succinct message notification.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/toast.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toast/toast.tsx"
        }
      ]
    },
    {
      "name": "toggle-tailwind",
      "type": "registry:item",
      "title": "Toggle (Tailwind)",
      "description": "A two-state button that can be turned on or off.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/toggle.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toggle/toggle.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-tailwind",
      "type": "registry:item",
      "title": "Toggle Group (Tailwind)",
      "description": "A set of two-state buttons that can be toggled on or off with shared state management.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/toggle-group.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toggle-group/toggle-group.tsx"
        }
      ]
    },
    {
      "name": "tooltip-tailwind",
      "type": "registry:item",
      "title": "Tooltip (Tailwind)",
      "description": "A popup that displays information on hover.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/tooltip.tsx",
          "type": "registry:file",
          "target": "~/components/ui/tooltip/tooltip.tsx"
        }
      ]
    },
    {
      "name": "toolbar-tailwind",
      "type": "registry:item",
      "title": "Toolbar (Tailwind)",
      "description": "A toolbar component for grouping action buttons and controls.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/toolbar.tsx",
          "type": "registry:file",
          "target": "~/components/ui/toolbar/toolbar.tsx"
        }
      ]
    },
    {
      "name": "chart-tailwind",
      "type": "registry:item",
      "dependencies": ["recharts"],
      "title": "Chart (Tailwind)",
      "description": "Composable chart components for building any type of data visualization with Recharts primitives.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/chart.tsx",
          "type": "registry:file",
          "target": "~/components/ui/chart/chart.tsx"
        }
      ]
    },
    {
      "name": "ai-chat-tailwind",
      "type": "registry:item",
      "registryDependencies": [
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/card-tailwind.json",
        "https://roiui.com/r/field-tailwind.json",
        "https://roiui.com/r/form-tailwind.json",
        "https://roiui.com/r/select-tailwind.json"
      ],
      "title": "AI Chat (Tailwind)",
      "description": "An AI chat input component with mode selector and action buttons.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/ai-chat/components/ai-chat.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/ai-chat/ai-chat.tsx"
        }
      ]
    },
    {
      "name": "card-progress-tailwind",
      "type": "registry:item",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/card-tailwind.json",
        "https://roiui.com/r/progress-tailwind.json"
      ],
      "title": "Progress Card (Tailwind)",
      "description": "A file upload progress card with multiple file tracking.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/card-progress/components/progress-card.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-progress/progress-card.tsx"
        }
      ]
    },
    {
      "name": "card-image-section-tailwind",
      "type": "registry:item",
      "registryDependencies": [
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/card-tailwind.json"
      ],
      "title": "Card Image Section (Tailwind)",
      "description": "A section with 4 image cards in a masonry layout.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/card-image-section/page.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/page.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/card-image-section/components/card-image-section.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/card-image-section.tsx"
        },
        {
          "path": "registry/brook/blocks-shared-files/card-image-section/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/card-image-section/data.json"
        }
      ]
    },
    {
      "name": "card-login-tailwind",
      "type": "registry:item",
      "registryDependencies": [
        "https://roiui.com/r/badge-tailwind.json",
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/card-tailwind.json",
        "https://roiui.com/r/checkbox-tailwind.json",
        "https://roiui.com/r/field-tailwind.json"
      ],
      "title": "Card Login (Tailwind)",
      "description": "A login card component with email/password fields and social login options.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/card-login/components/card-login.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-login/card-login.tsx"
        }
      ]
    },
    {
      "name": "card-task-tailwind",
      "type": "registry:item",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/alert-dialog-tailwind.json",
        "https://roiui.com/r/avatar-tailwind.json",
        "https://roiui.com/r/badge-tailwind.json",
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/card-tailwind.json",
        "https://roiui.com/r/combobox-tailwind.json",
        "https://roiui.com/r/dialog-tailwind.json",
        "https://roiui.com/r/dropdown-menu-tailwind.json",
        "https://roiui.com/r/tooltip-tailwind.json"
      ],
      "title": "Card Task (Tailwind)",
      "description": "A task card component with badges, avatars, and action menu.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/card-task/components/card-task.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-task/card-task.tsx"
        }
      ]
    },
    {
      "name": "card-traffic-tailwind",
      "type": "registry:item",
      "dependencies": ["recharts"],
      "registryDependencies": [
        "https://roiui.com/r/badge-tailwind.json",
        "https://roiui.com/r/card-tailwind.json",
        "https://roiui.com/r/chart-tailwind.json"
      ],
      "title": "Card Traffic (Tailwind)",
      "description": "A website traffic card component with line chart and statistics.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/card-traffic/components/card-traffic.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/card-traffic/card-traffic.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/card-traffic/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/card-traffic/data.json"
        }
      ]
    },
    {
      "name": "expandable-card-tailwind",
      "type": "registry:item",
      "dependencies": ["motion", "lucide-react"],
      "title": "Expandable Card (Tailwind)",
      "description": "A card component that can expand to show more content.",
      "files": [
        {
          "path": "registry/brook/tailwind/ui/expandable-card.tsx",
          "type": "registry:file",
          "target": "~/components/ui/expandable-card/expandable-card.tsx"
        }
      ]
    },
    {
      "name": "expandable-card-carousel-tailwind",
      "type": "registry:item",
      "dependencies": ["motion", "lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/expandable-card-tailwind.json",
        "https://roiui.com/r/carousel-tailwind.json"
      ],
      "title": "Expandable Card Carousel (Tailwind)",
      "description": "A carousel of expandable cards showcasing core philosophies.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/expandable-card-carousel/page.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/page.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/expandable-card-carousel/components/expandable-card-carousel.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/expandable-card-carousel.tsx"
        },
        {
          "path": "registry/brook/blocks-shared-files/expandable-card-carousel/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-carousel/data.json"
        }
      ]
    },
    {
      "name": "pricing-section-tailwind",
      "type": "registry:item",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "https://roiui.com/r/badge-tailwind.json",
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/card-tailwind.json"
      ],
      "title": "Pricing Section (Tailwind)",
      "description": "A pricing section with three plan cards.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/pricing-section/components/pricing-section.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/pricing-section/pricing-section.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/pricing-section/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/pricing-section/data.json"
        }
      ]
    },
    {
      "name": "kanban-board-tailwind",
      "type": "registry:item",
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "lucide-react"
      ],
      "registryDependencies": [
        "https://roiui.com/r/alert-dialog-tailwind.json",
        "https://roiui.com/r/avatar-tailwind.json",
        "https://roiui.com/r/badge-tailwind.json",
        "https://roiui.com/r/button-tailwind.json",
        "https://roiui.com/r/calendar-tailwind.json",
        "https://roiui.com/r/card-tailwind.json",
        "https://roiui.com/r/checkbox-tailwind.json",
        "https://roiui.com/r/checkbox-group-tailwind.json",
        "https://roiui.com/r/combobox-tailwind.json",
        "https://roiui.com/r/context-menu-tailwind.json",
        "https://roiui.com/r/dialog-tailwind.json",
        "https://roiui.com/r/dropdown-menu-tailwind.json",
        "https://roiui.com/r/field-tailwind.json",
        "https://roiui.com/r/form-tailwind.json",
        "https://roiui.com/r/input-tailwind.json",
        "https://roiui.com/r/kbd-tailwind.json",
        "https://roiui.com/r/popover-tailwind.json",
        "https://roiui.com/r/select-tailwind.json"
      ],
      "title": "Kanban Board (Tailwind)",
      "description": "A full-featured kanban board with drag-and-drop functionality.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/components/kanban.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/kanban.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/components/project-board.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/project-board.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/components/task-dialog.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/task-dialog.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/components/delete-dialog.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/delete-dialog.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/components/filter-bar.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/filter-bar.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/components/priority-icon.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/priority-icon.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/hooks/use-kanban-dnd.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/use-kanban-dnd.ts"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/hooks/use-task-dialog.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/use-task-dialog.ts"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/lib/project.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/project.ts"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/types/index.ts",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/types.ts"
        },
        {
          "path": "registry/brook/tailwind/blocks/kanban-board/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/kanban-board/data.json"
        }
      ]
    },
    {
      "name": "expandable-card-spread",
      "type": "registry:item",
      "dependencies": ["motion"],
      "title": "Expandable Card Spread",
      "description": "A spread of expandable cards with mobile swipe-to-cycle stack view.",
      "files": [
        {
          "path": "registry/brook/blocks/expandable-card-spread/page.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/page.tsx"
        },
        {
          "path": "registry/brook/blocks/expandable-card-spread/components/expandable-card-spread.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/expandable-card-spread.tsx"
        },
        {
          "path": "registry/brook/blocks/expandable-card-spread/components/expandable-card-spread.module.css",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/expandable-card-spread.module.css"
        },
        {
          "path": "registry/brook/blocks/expandable-card-spread/components/mobile-stack.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/mobile-stack.tsx"
        },
        {
          "path": "registry/brook/blocks/expandable-card-spread/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/data.json"
        },
        {
          "path": "hooks/use-mobile.ts",
          "type": "registry:file",
          "target": "~/hooks/use-mobile.ts"
        }
      ]
    },
    {
      "name": "expandable-card-spread-tailwind",
      "type": "registry:item",
      "dependencies": ["motion"],
      "title": "Expandable Card Spread (Tailwind)",
      "description": "A spread of expandable cards with mobile swipe-to-cycle stack view.",
      "files": [
        {
          "path": "registry/brook/tailwind/blocks/expandable-card-spread/page.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/page.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/expandable-card-spread/components/expandable-card-spread.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/expandable-card-spread.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/expandable-card-spread/components/mobile-stack.tsx",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/mobile-stack.tsx"
        },
        {
          "path": "registry/brook/tailwind/blocks/expandable-card-spread/data.json",
          "type": "registry:file",
          "target": "~/components/blocks/expandable-card-spread/data.json"
        },
        {
          "path": "hooks/use-mobile.ts",
          "type": "registry:file",
          "target": "~/hooks/use-mobile.ts"
        }
      ]
    }
  ]
}
