{
  "homepage": "https://www.lumiui.dev/",
  "items": [
    {
      "name": "ui",
      "registryDependencies": [
        "@lumi-ui/accordion",
        "@lumi-ui/alert-dialog",
        "@lumi-ui/arrow-svg",
        "@lumi-ui/autocomplete",
        "@lumi-ui/avatar",
        "@lumi-ui/badge",
        "@lumi-ui/breadcrumb",
        "@lumi-ui/button",
        "@lumi-ui/card",
        "@lumi-ui/chart",
        "@lumi-ui/checkbox",
        "@lumi-ui/checkbox-group",
        "@lumi-ui/collapsible",
        "@lumi-ui/combobox",
        "@lumi-ui/command-menu",
        "@lumi-ui/context-menu",
        "@lumi-ui/dialog",
        "@lumi-ui/drawer",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/field",
        "@lumi-ui/fieldset",
        "@lumi-ui/form",
        "@lumi-ui/input",
        "@lumi-ui/kbd",
        "@lumi-ui/label",
        "@lumi-ui/menubar",
        "@lumi-ui/meter",
        "@lumi-ui/navigation-menu",
        "@lumi-ui/number-field",
        "@lumi-ui/popover",
        "@lumi-ui/preview-card",
        "@lumi-ui/progress",
        "@lumi-ui/radio",
        "@lumi-ui/resizable",
        "@lumi-ui/scroll-area",
        "@lumi-ui/select",
        "@lumi-ui/separator",
        "@lumi-ui/sheet",
        "@lumi-ui/sidebar",
        "@lumi-ui/skeleton",
        "@lumi-ui/slider",
        "@lumi-ui/switch",
        "@lumi-ui/tabs",
        "@lumi-ui/textarea",
        "@lumi-ui/toast",
        "@lumi-ui/toggle",
        "@lumi-ui/toggle-group",
        "@lumi-ui/toolbar",
        "@lumi-ui/tooltip"
      ],
      "type": "registry:ui"
    },
    {
      "name": "chat-input",
      "type": "registry:ui",
      "title": "Chat Input",
      "description": "A chat input component.",
      "dependencies": ["motion", "lucide-react"],
      "registryDependencies": [
        "@lumi-ui/button",
        "@lumi-ui/dialog",
        "@lumi-ui/scroll-area"
      ],
      "files": [
        {
          "path": "registry/ai/chat-input.tsx",
          "type": "registry:ui",
          "target": "components/ai-elements/chat-input.tsx"
        }
      ],
      "categories": ["ai"]
    },
    {
      "dependencies": ["clsx", "tailwind-merge"],
      "files": [
        {
          "path": "registry/lib/utils.ts",
          "type": "registry:lib"
        }
      ],
      "name": "utils",
      "type": "registry:lib"
    },
    {
      "files": [
        {
          "path": "registry/hooks/use-mobile.ts",
          "type": "registry:hook"
        }
      ],
      "name": "use-mobile",
      "type": "registry:hook"
    },
    {
      "name": "accordion",
      "title": "Accordion",
      "description": "A set of collapsible panels with headings.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority",
        "lucide-react"
      ],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/accordion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar",
      "title": "Avatar",
      "description": "An easily stylable avatar component.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "title": "Alert Dialog",
      "description": "A dialog that requires user response to proceed.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils", "@lumi-ui/button", "@lumi-ui/dialog"],
      "files": [
        {
          "path": "registry/ui/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dialog",
      "title": "Dialog",
      "description": "A popup that opens on top of the entire page.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority",
        "lucide-react"
      ],
      "registryDependencies": ["utils", "@lumi-ui/button"],
      "files": [
        {
          "path": "registry/ui/dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "drawer",
      "title": "Drawer",
      "description": "A panel that slides in from the edge of the screen.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["utils", "@lumi-ui/button"],
      "files": [
        {
          "path": "registry/ui/drawer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tabs",
      "title": "Tabs",
      "description": "A component for toggling between related panels on the same page.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-area",
      "title": "Scroll Area",
      "description": "A native scroll container with custom scrollbars.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/scroll-area.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "popover",
      "title": "Popover",
      "description": "An accessible popup anchored to a button.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/popover.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "title": "Dropdown Menu",
      "description": "A list of actions in a dropdown, enhanced with keyboard navigation.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["utils", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "autocomplete",
      "title": "Autocomplete",
      "description": "An input that suggests options as you type.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["utils", "@lumi-ui/button", "@lumi-ui/input"],
      "files": [
        {
          "path": "registry/ui/autocomplete.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input",
      "title": "Input",
      "description": "A native input element that automatically works with Field.",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "type": "registry:ui",
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "button",
      "title": "Button",
      "description": "A button component that can be rendered as another tag or focusable when disabled.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "registry/ui/button.tsx",
          "type": "registry:ui"
        }
      ],
      "registryDependencies": ["utils"]
    },
    {
      "name": "checkbox",
      "title": "Checkbox",
      "description": "An easily stylable checkbox component.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/checkbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "switch",
      "title": "Switch",
      "description": "A control that indicates whether a setting is on or off.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "select",
      "title": "Select",
      "description": "A common form component for choosing a predefined value in a dropdown menu.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "registryDependencies": ["utils", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "navigation-menu",
      "title": "Navigation Menu",
      "description": "A collection of links and menus for website navigation.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["utils", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/navigation-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "collapsible",
      "title": "Collapsible",
      "description": "A collapsible panel controlled by a button.",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["utils"],
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/ui/collapsible.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-menu",
      "title": "Command Menu",
      "description": "A mobile-friendly command palette for search and quick actions.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "utils",
        "@lumi-ui/arrow-svg",
        "@lumi-ui/input",
        "@lumi-ui/dialog",
        "@lumi-ui/scroll-area",
        "@lumi-ui/autocomplete"
      ],
      "files": [
        {
          "path": "registry/ui/command-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "preview-card",
      "title": "Preview Card",
      "description": "An accessible popup anchored to a button.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/preview-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress",
      "title": "Progress",
      "description": "Displays the status of a task that takes a long time.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "field",
      "title": "Field",
      "description": "A component that provides labeling and validation for form controls.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["utils", "@lumi-ui/input"],
      "files": [
        {
          "path": "registry/ui/field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "fieldset",
      "title": "Field Set",
      "description": "A native fieldset element with an easily stylable legend.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["utils", "@lumi-ui/separator"],
      "files": [
        {
          "path": "registry/ui/fieldset.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "form",
      "title": "Form",
      "description": "A native form element with consolidated error handling.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radio",
      "title": "Radio",
      "description": "An easily stylable radio button component.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "registryDependencies": ["utils"],
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/ui/radio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tooltip",
      "title": "Tooltip",
      "description": "A popup that appears when an element is hovered or focused, showing a hint for sighted users.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle",
      "title": "Toggle",
      "description": "A two-state button that can be on or off.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/toggle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle-group",
      "title": "Toggle Group",
      "description": "Provides a shared state to a series of toggle buttons.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["@lumi-ui/toggle", "utils"],
      "files": [
        {
          "path": "registry/ui/toggle-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toast",
      "title": "Toast",
      "description": "Generates toast notifications.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["@lumi-ui/button", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/toast.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox-group",
      "title": "Checkbox Group",
      "type": "registry:ui",
      "description": "Provides a shared state to a series of checkboxes.",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["@lumi-ui/checkbox", "utils"],
      "files": [
        {
          "path": "registry/ui/checkbox-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slider",
      "title": "Slider",
      "description": "An easily stylable range input.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "separator",
      "title": "Separator",
      "description": "A separator element accessible to screen readers.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/separator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "number-field",
      "title": "Number Field",
      "description": "A numeric input element with increment and decrement buttons, and a scrub area.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/number-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "meter",
      "title": "Meter",
      "description": "A graphical display of a numeric value within a range.",
      "type": "registry:ui",
      "registryDependencies": ["utils"],
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/ui/meter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "otp-field",
      "title": "OTP Field",
      "description": "A one-time password input composed of individual character slots.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority", "lucide-react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/otp-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toolbar",
      "title": "Toolbar",
      "description": "A container for grouping a set of buttons and controls.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "registryDependencies": ["@lumi-ui/button", "utils"],
      "files": [
        {
          "path": "registry/ui/toolbar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "context-menu",
      "title": "Context Menu",
      "description": "A menu that appears at the pointer on right click or long press.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["utils", "@lumi-ui/arrow-svg"],
      "files": [
        {
          "path": "registry/ui/context-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "combobox",
      "title": "Combobox",
      "description": "An input combined with a list of predefined items to select.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["@lumi-ui/input", "@lumi-ui/button", "utils"],
      "files": [
        {
          "path": "registry/ui/combobox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "menubar",
      "title": "Menubar",
      "description": "A menu bar providing commands and options for your application.",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "class-variance-authority"
      ],
      "registryDependencies": ["@lumi-ui/arrow-svg", "utils"],
      "files": [
        {
          "path": "registry/ui/menubar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sheet",
      "title": "Sheet",
      "description": "Extends the Dialog component to display content that complements the main content of the screen.",
      "type": "registry:ui",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "registryDependencies": ["@lumi-ui/dialog", "@lumi-ui/button", "utils"],
      "files": [
        {
          "path": "registry/ui/sheet.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "resizable",
      "title": "Resizable",
      "description": "Accessible resizable panel groups and layouts with keyboard support.",
      "type": "registry:ui",
      "dependencies": ["react-resizable-panels", "lucide-react"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/resizable.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "arrow-svg",
      "title": "Arrow SVG",
      "description": "Arrow SVG component.",
      "type": "registry:ui",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "registry/ui/arrow-svg.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "label",
      "title": "Label",
      "type": "registry:ui",
      "dependencies": [],
      "registryDependencies": [],
      "description": "Renders an accessible label associated with controls.",
      "files": [
        {
          "path": "registry/ui/label.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sidebar",
      "title": "Sidebar",
      "description": "App sidebar",
      "type": "registry:ui",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority",
        "lucide-react",
        "react-resizable-panels"
      ],
      "registryDependencies": [
        "@lumi-ui/button",
        "@lumi-ui/resizable",
        "@lumi-ui/separator",
        "@lumi-ui/sheet",
        "@lumi-ui/tooltip",
        "@lumi-ui/input",
        "@lumi-ui/use-mobile"
      ],
      "files": [
        {
          "path": "registry/ui/sidebar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "textarea",
      "title": "Textarea",
      "description": "A native textarea element.",
      "dependencies": [],
      "registryDependencies": ["utils"],
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/ui/textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chart",
      "title": "Chart",
      "description": "Beautiful charts. Built using Recharts.",
      "dependencies": ["recharts"],
      "registryDependencies": ["utils"],
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/ui/chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "breadcrumb",
      "title": "Breadcrumb",
      "description": "Displays the path to the current resource using a hierarchy of links.",
      "dependencies": [],
      "registryDependencies": ["utils"],
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/ui/breadcrumb.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge",
      "title": "Badge",
      "description": "Displays a small count or status indicator.",
      "type": "registry:ui",
      "dependencies": ["class-variance-authority"],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "card",
      "title": "Card",
      "description": "Displays content inside a themed container.",
      "type": "registry:ui",
      "dependencies": [],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "kbd",
      "title": "KBD",
      "description": "Styles keyboard key hints and key groups.",
      "type": "registry:ui",
      "dependencies": [],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/kbd.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "skeleton",
      "title": "Skeleton",
      "description": "A placeholder used while content is loading.",
      "type": "registry:ui",
      "dependencies": [],
      "registryDependencies": ["utils"],
      "files": [
        {
          "path": "registry/ui/skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sidebar-01",
      "categories": ["sidebar", "dashboard"],
      "description": "Sidebar with collapsible icons and sections.",
      "type": "registry:block",
      "meta": {
        "iframeHeight": 1200
      },
      "registryDependencies": [
        "@lumi-ui/sidebar",
        "@lumi-ui/separator",
        "@lumi-ui/scroll-area",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/dialog",
        "@lumi-ui/chart",
        "@lumi-ui/tabs",
        "@lumi-ui/input",
        "@lumi-ui/sheet",
        "@lumi-ui/form",
        "@lumi-ui/field",
        "@lumi-ui/button",
        "@lumi-ui/combobox",
        "@lumi-ui/collapsible",
        "@lumi-ui/toggle-group",
        "@lumi-ui/toast",
        "@lumi-ui/card",
        "@lumi-ui/breadcrumb",
        "@lumi-ui/kbd"
      ],
      "files": [
        {
          "path": "registry/blocks/sidebar-01/page.tsx",
          "target": "app/dashboard/page.tsx",
          "type": "registry:page"
        },
        {
          "path": "registry/blocks/sidebar-01/components/app-sidebar.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-01/components/nav-main.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-01/components/nav-projects.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-01/components/nav-user.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-01/components/search-combobox.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-01/components/team-switcher.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "sidebar-02",
      "categories": ["sidebar", "dashboard"],
      "description": "Dashboard layout with sidebar and main content area.",
      "type": "registry:block",
      "meta": {
        "iframeHeight": 1200
      },
      "registryDependencies": [
        "@lumi-ui/sidebar",
        "@lumi-ui/separator",
        "@lumi-ui/scroll-area",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/chart",
        "@lumi-ui/collapsible"
      ],
      "files": [
        {
          "path": "registry/blocks/sidebar-02/page.tsx",
          "target": "app/dashboard/page.tsx",
          "type": "registry:page"
        },
        {
          "path": "registry/blocks/sidebar-02/components/app-sidebar.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-02/components/nav-main.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/sidebar-02/components/version-switcher.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "dialog-01",
      "categories": ["dialog", "dashboard"],
      "description": "Complex user management UI with nested dialogs.",
      "type": "registry:block",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "@lumi-ui/dialog",
        "@lumi-ui/alert-dialog",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/button",
        "@lumi-ui/select",
        "@lumi-ui/toast",
        "@lumi-ui/separator"
      ],
      "files": [
        {
          "path": "registry/blocks/dialog-01/page.tsx",
          "target": "app/dashboard/page.tsx",
          "type": "registry:page"
        },
        {
          "path": "registry/blocks/dialog-01/components/team-management.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-01/components/member-card.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "dialog-02",
      "categories": ["dialog"],
      "description": "Image gallery with nested auth dialogs. Inspired by Unsplash.",
      "type": "registry:block",
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "@lumi-ui/dialog",
        "@lumi-ui/alert-dialog",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/button",
        "@lumi-ui/select",
        "@lumi-ui/toast",
        "@lumi-ui/separator"
      ],
      "files": [
        {
          "path": "registry/blocks/dialog-02/page.tsx",
          "target": "app/dashboard/page.tsx",
          "type": "registry:page"
        },
        {
          "path": "registry/blocks/dialog-02/components/info-menu.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-02/components/stats-chart.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-02/components/login-form.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-02/components/signup-form.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-02/components/share-menu.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-02/components/tooltip-group.tsx",
          "type": "registry:component"
        },
        {
          "path": "registry/blocks/dialog-02/components/profile-card.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "project-status-picker",
      "title": "Project Status Picker",
      "description": "A compact status selector optimized for efficiency. Features custom hotkey logic for instant selection, rich item rendering with status colors, and contextual tooltips. Inspired by Linear.",
      "type": "registry:component",
      "categories": ["form-input", "dashboard"],
      "meta": {
        "iframeHeight": 500
      },
      "dependencies": ["lucide-react"],
      "registryDependencies": [
        "utils",
        "@lumi-ui/button",
        "@lumi-ui/combobox",
        "@lumi-ui/tooltip",
        "@lumi-ui/separator"
      ],
      "files": [
        {
          "path": "registry/components/project-status-picker.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "expandable-dialog",
      "title": "Expandable Dialog",
      "description": "Responsive dialog that can expand and shrink",
      "type": "registry:component",
      "categories": ["layout-navigation"],
      "dependencies": ["lucide-react", "motion"],
      "registryDependencies": [
        "@lumi-ui/button",
        "@lumi-ui/dialog",
        "@lumi-ui/scroll-area"
      ],
      "meta": {
        "iframeHeight": 1000
      },
      "files": [
        {
          "path": "registry/components/expandable-dialog.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "morphing-dialog",
      "title": "Morphing Dialog",
      "description": "A fluid card-to-modal transition pattern. Combines Base UI's accessible dialog primitives with Framer Motion's shared layout animations for a seamless expansion effect. Inspired by Linear.",
      "type": "registry:component",
      "categories": ["layout-navigation"],
      "dependencies": ["lucide-react", "motion"],
      "meta": {
        "iframeHeight": 1000
      },
      "registryDependencies": [
        "@lumi-ui/button",
        "@lumi-ui/dialog",
        "@lumi-ui/scroll-area"
      ],
      "files": [
        {
          "path": "registry/components/morphing-dialog.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "vercel-notification",
      "title": "Vercel Notification Popover",
      "description": "A Vercel-style notification center that adapts to the device. Renders as a popover on desktop and a bottom sheet on mobile, featuring animated tabs and hover actions.",
      "type": "registry:component",
      "categories": ["overlays-dialogs", "dashboard"],
      "meta": {
        "alignment": "top-right",
        "iframeHeight": 800
      },
      "dependencies": ["lucide-react", "@base-ui/react"],
      "registryDependencies": [
        "@lumi-ui/use-mobile",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/input",
        "@lumi-ui/popover",
        "@lumi-ui/sheet",
        "@lumi-ui/tabs",
        "@lumi-ui/button"
      ],
      "files": [
        {
          "path": "registry/components/vercel-notification.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "t3-model-selector",
      "title": "T3 Chat Model Selector",
      "description": "A multi-tabbed popover for selecting items from categorized groups. Features vertical navigation, search filtering, and rich hover details. Inspired by T3 Chat.",
      "type": "registry:component",
      "categories": ["form-input", "chat"],
      "meta": {
        "alignment": "bottom-center",
        "iframeHeight": 800
      },
      "dependencies": [
        "lucide-react",
        "@base-ui/react",
        "@icons-pack/react-simple-icons"
      ],
      "registryDependencies": [
        "utils",
        "@lumi-ui/button",
        "@lumi-ui/dropdown-menu",
        "@lumi-ui/input",
        "@lumi-ui/label",
        "@lumi-ui/popover",
        "@lumi-ui/preview-card",
        "@lumi-ui/radio",
        "@lumi-ui/scroll-area",
        "@lumi-ui/separator",
        "@lumi-ui/tabs",
        "@lumi-ui/tooltip"
      ],
      "files": [
        {
          "path": "registry/components/t3-model-selector.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "slider-video-trimmer",
      "title": "Video Trimmer",
      "description": "A video editing interface for trimming video clips. Features a timeline with draggable handles, a preview player, and export functionality.",
      "type": "registry:component",
      "categories": ["media", "form-input"],
      "meta": {
        "alignment": "center",
        "iframeHeight": 600
      },
      "dependencies": ["lucide-react", "@base-ui/react"],
      "registryDependencies": [
        "utils",
        "@lumi-ui/badge",
        "@lumi-ui/button",
        "@lumi-ui/card",
        "@lumi-ui/fieldset",
        "@lumi-ui/slider",
        "@lumi-ui/toast"
      ],
      "files": [
        {
          "path": "registry/components/slider-video-trimmer.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "team-switcher",
      "title": "Team Switcher",
      "description": "A team switcher component that allows users to switch teams. Features a sheet modal for creating new teams.",
      "type": "registry:component",
      "categories": ["form-input", "dashboard"],
      "meta": {
        "iframeHeight": 800
      },
      "dependencies": ["lucide-react", "@base-ui/react"],
      "registryDependencies": [
        "utils",
        "@lumi-ui/button",
        "@lumi-ui/combobox",
        "@lumi-ui/field",
        "@lumi-ui/form",
        "@lumi-ui/scroll-area",
        "@lumi-ui/sheet",
        "@lumi-ui/toast",
        "@lumi-ui/textarea",
        "@lumi-ui/kbd"
      ],
      "files": [
        {
          "path": "registry/components/team-switcher.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "collapsible-file-tree",
      "title": "Collapsible File Tree",
      "description": "A file tree component with collapsible folders and file badges.",
      "type": "registry:component",
      "categories": ["layout-navigation"],
      "dependencies": ["lucide-react"],
      "registryDependencies": ["@lumi-ui/collapsible"],
      "files": [
        {
          "path": "registry/components/collapsible-file-tree.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "onboarding-dialog",
      "title": "Onboarding Dialog",
      "description": "A multi-step onboarding dialog with carousel navigation.",
      "type": "registry:component",
      "categories": ["overlays-dialogs", "dashboard"],
      "dependencies": ["motion", "@base-ui/react"],
      "registryDependencies": [
        "utils",
        "@lumi-ui/button",
        "@lumi-ui/carousel",
        "@lumi-ui/dialog"
      ],
      "files": [
        {
          "path": "registry/components/onboarding-dialog.tsx",
          "type": "registry:component"
        }
      ]
    }
  ],
  "name": "lumi-ui"
}