{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "bricked-ui",
  "homepage": "https://github.com/bricked-ui/bricked-ui",
  "items": [
    {
      "name": "pixel-icon",
      "type": "registry:ui",
      "title": "Pixel Icon",
      "description": "930 pixel icons as SVG paths (7x7 grids, 16x16 brand marks, 42x42 Streamline Pixel set — CC BY 4.0, credit: Streamline, streamlinehq.com). Every component takes one via the icon prop — or pass your own grid.",
      "files": [
        {
          "path": "registry/bricked-ui/pixel-icon.tsx",
          "type": "registry:ui",
          "target": "components/ui/pixel-icon.tsx"
        }
      ],
      "registryDependencies": [
        "bricked-css"
      ]
    },
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "Field headers, orange when open.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/accordion.tsx",
          "type": "registry:ui",
          "target": "components/ui/accordion.tsx"
        }
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "Dark alert with title and body.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/alert.tsx",
          "type": "registry:ui",
          "target": "components/ui/alert.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert dialog",
      "description": "Blocking confirm with destructive action.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/alert-dialog.tsx",
          "type": "registry:ui",
          "target": "components/ui/alert-dialog.tsx"
        },
        {
          "path": "registry/bricked-ui/confirm-dialog.tsx",
          "type": "registry:ui",
          "target": "components/ui/confirm-dialog.tsx"
        }
      ]
    },
    {
      "name": "aspect-ratio",
      "type": "registry:ui",
      "title": "Aspect ratio",
      "description": "Content locked to a ratio.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/aspect-ratio.tsx",
          "type": "registry:ui",
          "target": "components/ui/aspect-ratio.tsx"
        }
      ]
    },
    {
      "name": "attachment",
      "type": "registry:ui",
      "title": "Attachment",
      "description": "File row with metadata and actions.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/attachment.tsx",
          "type": "registry:ui",
          "target": "components/ui/attachment.tsx"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "Orange or dark 48px avatar.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/avatar.tsx",
          "type": "registry:ui",
          "target": "components/ui/avatar.tsx"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "Orange or dark pixel badge.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/badge.tsx",
          "type": "registry:ui",
          "target": "components/ui/badge.tsx"
        }
      ]
    },
    {
      "name": "banner",
      "type": "registry:ui",
      "title": "Banner",
      "description": "Orange announcement bar.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/banner.tsx",
          "type": "registry:ui",
          "target": "components/ui/banner.tsx"
        }
      ]
    },
    {
      "name": "breadcrumbs",
      "type": "registry:ui",
      "title": "Breadcrumbs",
      "description": "Links with separators, current page tag.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/breadcrumbs.tsx",
          "type": "registry:ui",
          "target": "components/ui/breadcrumbs.tsx"
        }
      ]
    },
    {
      "name": "bubble",
      "type": "registry:ui",
      "title": "Bubble",
      "description": "Chat bubble with variants and alignment.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/bubble.tsx",
          "type": "registry:ui",
          "target": "components/ui/bubble.tsx"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "Brick button + square icon-button variant. sm/md/lg, primary/dark, left/right icon slots.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/button.tsx",
          "type": "registry:ui",
          "target": "components/ui/button.tsx"
        },
        {
          "path": "registry/bricked-ui/icon-button.tsx",
          "type": "registry:ui",
          "target": "components/ui/icon-button.tsx"
        }
      ]
    },
    {
      "name": "button-group",
      "type": "registry:ui",
      "title": "Button group",
      "description": "Related buttons with shared styling.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/button-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/button-group.tsx"
        }
      ]
    },
    {
      "name": "calendar",
      "type": "registry:ui",
      "title": "Calendar",
      "description": "Month grid with selected day.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/calendar.tsx",
          "type": "registry:ui",
          "target": "components/ui/calendar.tsx"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "Peach card with brick header and body.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/card.tsx",
          "type": "registry:ui",
          "target": "components/ui/card.tsx"
        }
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "Slides with prev/next and dots.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/carousel.tsx",
          "type": "registry:ui",
          "target": "components/ui/carousel.tsx"
        }
      ]
    },
    {
      "name": "chart",
      "type": "registry:ui",
      "title": "Chart",
      "description": "Pixel bars from plain divs.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/chart.tsx",
          "type": "registry:ui",
          "target": "components/ui/chart.tsx"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "28px sunken box, orange when checked.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/checkbox.tsx",
          "type": "registry:ui",
          "target": "components/ui/checkbox.tsx"
        }
      ]
    },
    {
      "name": "chips",
      "type": "registry:ui",
      "title": "Chips",
      "description": "Removable field tags.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/chips.tsx",
          "type": "registry:ui",
          "target": "components/ui/chips.tsx"
        }
      ]
    },
    {
      "name": "clock",
      "type": "registry:ui",
      "title": "Clock",
      "description": "Live 24h dark clock.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/clock.tsx",
          "type": "registry:ui",
          "target": "components/ui/clock.tsx"
        }
      ]
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "title": "Code block",
      "description": "Dark code with keyword/string tinting.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/code-block.tsx",
          "type": "registry:ui",
          "target": "components/ui/code-block.tsx"
        }
      ]
    },
    {
      "name": "coin-flip",
      "type": "registry:ui",
      "title": "Coin flip",
      "description": "Orange/ink flip square.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/coin-flip.tsx",
          "type": "registry:ui",
          "target": "components/ui/coin-flip.tsx"
        }
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "Single expand/collapse panel.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/collapsible.tsx",
          "type": "registry:ui",
          "target": "components/ui/collapsible.tsx"
        }
      ]
    },
    {
      "name": "color-picker",
      "type": "registry:ui",
      "title": "Color picker",
      "description": "Swatch grid of the brick palette.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/color-picker.tsx",
          "type": "registry:ui",
          "target": "components/ui/color-picker.tsx"
        }
      ]
    },
    {
      "name": "combo-box",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "Searchable select with list.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/combo-box.tsx",
          "type": "registry:ui",
          "target": "components/ui/combo-box.tsx"
        }
      ]
    },
    {
      "name": "command-palette",
      "type": "registry:ui",
      "title": "Command palette",
      "description": "Filterable search plus list dialog.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/command-palette.tsx",
          "type": "registry:ui",
          "target": "components/ui/command-palette.tsx"
        }
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context menu",
      "description": "Right-click action menu.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/context-menu.tsx",
          "type": "registry:ui",
          "target": "components/ui/context-menu.tsx"
        }
      ]
    },
    {
      "name": "copy-button",
      "type": "registry:ui",
      "title": "Copy button",
      "description": "Copies text, flips to a check on success.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/copy-button.tsx",
          "type": "registry:ui",
          "target": "components/ui/copy-button.tsx"
        }
      ]
    },
    {
      "name": "countdown",
      "type": "registry:ui",
      "title": "Countdown",
      "description": "Ticking d/h/m/s boxes.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/countdown.tsx",
          "type": "registry:ui",
          "target": "components/ui/countdown.tsx"
        }
      ]
    },
    {
      "name": "counter",
      "type": "registry:ui",
      "title": "Counter",
      "description": "Minus/plus stepper around a value box.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/counter.tsx",
          "type": "registry:ui",
          "target": "components/ui/counter.tsx"
        }
      ]
    },
    {
      "name": "data-table",
      "type": "registry:ui",
      "title": "Data table",
      "description": "Orange header table.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/data-table.tsx",
          "type": "registry:ui",
          "target": "components/ui/data-table.tsx"
        }
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date picker",
      "description": "Input opening a calendar.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/date-picker.tsx",
          "type": "registry:ui",
          "target": "components/ui/date-picker.tsx"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "Accessible window over inert content.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/dialog.tsx",
          "type": "registry:ui",
          "target": "components/ui/dialog.tsx"
        }
      ]
    },
    {
      "name": "dice",
      "type": "registry:ui",
      "title": "Dice",
      "description": "Rollable 72px die.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/dice.tsx",
          "type": "registry:ui",
          "target": "components/ui/dice.tsx"
        }
      ]
    },
    {
      "name": "direction",
      "type": "registry:ui",
      "title": "Direction",
      "description": "Sets text direction for a subtree.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/direction.tsx",
          "type": "registry:ui",
          "target": "components/ui/direction.tsx"
        }
      ]
    },
    {
      "name": "divider",
      "type": "registry:ui",
      "title": "Divider",
      "description": "Pixel dashed divider with label.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/divider.tsx",
          "type": "registry:ui",
          "target": "components/ui/divider.tsx"
        }
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "Drawer",
      "description": "Side slide-over panel.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/drawer.tsx",
          "type": "registry:ui",
          "target": "components/ui/drawer.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown menu",
      "description": "Trigger plus dark menu list.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/dropdown-menu.tsx",
          "type": "registry:ui",
          "target": "components/ui/dropdown-menu.tsx"
        }
      ]
    },
    {
      "name": "dropzone",
      "type": "registry:ui",
      "title": "Dropzone",
      "description": "File drop label plus compact file input.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/dropzone.tsx",
          "type": "registry:ui",
          "target": "components/ui/dropzone.tsx"
        },
        {
          "path": "registry/bricked-ui/file-input.tsx",
          "type": "registry:ui",
          "target": "components/ui/file-input.tsx"
        }
      ]
    },
    {
      "name": "empty-state",
      "type": "registry:ui",
      "title": "Empty state",
      "description": "Sunken empty slot with icon, text and action.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/empty-state.tsx",
          "type": "registry:ui",
          "target": "components/ui/empty-state.tsx"
        }
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "Label, control wrapper and hint/error line.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/field.tsx",
          "type": "registry:ui",
          "target": "components/ui/field.tsx"
        },
        {
          "path": "registry/bricked-ui/label.tsx",
          "type": "registry:ui",
          "target": "components/ui/label.tsx"
        },
        {
          "path": "registry/bricked-ui/form-message.tsx",
          "type": "registry:ui",
          "target": "components/ui/form-message.tsx"
        }
      ]
    },
    {
      "name": "fortune",
      "type": "registry:ui",
      "title": "Ask the wall",
      "description": "Random answer box.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/fortune.tsx",
          "type": "registry:ui",
          "target": "components/ui/fortune.tsx"
        }
      ]
    },
    {
      "name": "health-meter",
      "type": "registry:ui",
      "title": "Health meter",
      "description": "Ten-segment HP bar.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/health-meter.tsx",
          "type": "registry:ui",
          "target": "components/ui/health-meter.tsx"
        }
      ]
    },
    {
      "name": "hover-card",
      "type": "registry:ui",
      "title": "Hover card",
      "description": "Preview card behind a link.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/hover-card.tsx",
          "type": "registry:ui",
          "target": "components/ui/hover-card.tsx"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "Sunken field input plus search and date variants.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/input.tsx",
          "type": "registry:ui",
          "target": "components/ui/input.tsx"
        },
        {
          "path": "registry/bricked-ui/search-input.tsx",
          "type": "registry:ui",
          "target": "components/ui/search-input.tsx"
        },
        {
          "path": "registry/bricked-ui/date-input.tsx",
          "type": "registry:ui",
          "target": "components/ui/date-input.tsx"
        }
      ]
    },
    {
      "name": "input-group",
      "type": "registry:ui",
      "title": "Input group",
      "description": "Input with addons and buttons.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/input-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/input-group.tsx"
        }
      ]
    },
    {
      "name": "item",
      "type": "registry:ui",
      "title": "Item",
      "description": "Media plus title, description, actions.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/item.tsx",
          "type": "registry:ui",
          "target": "components/ui/item.tsx"
        }
      ]
    },
    {
      "name": "keycap",
      "type": "registry:ui",
      "title": "Keycap",
      "description": "Field kbd chips with separators.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/keycap.tsx",
          "type": "registry:ui",
          "target": "components/ui/keycap.tsx"
        }
      ]
    },
    {
      "name": "launch-pad",
      "type": "registry:ui",
      "title": "Launch pad",
      "description": "Sky box with flying rocket.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/launch-pad.tsx",
          "type": "registry:ui",
          "target": "components/ui/launch-pad.tsx"
        }
      ]
    },
    {
      "name": "leaderboard",
      "type": "registry:ui",
      "title": "Leaderboard",
      "description": "Ranked list with scores.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/leaderboard.tsx",
          "type": "registry:ui",
          "target": "components/ui/leaderboard.tsx"
        }
      ]
    },
    {
      "name": "like-button",
      "type": "registry:ui",
      "title": "Like button",
      "description": "Field-surface like with heart burst and count.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/like-button.tsx",
          "type": "registry:ui",
          "target": "components/ui/like-button.tsx"
        }
      ]
    },
    {
      "name": "list-group",
      "type": "registry:ui",
      "title": "List group",
      "description": "Selectable field list.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/list-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/list-group.tsx"
        }
      ]
    },
    {
      "name": "marker",
      "type": "registry:ui",
      "title": "Marker",
      "description": "Inline status row or labeled separator.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/marker.tsx",
          "type": "registry:ui",
          "target": "components/ui/marker.tsx"
        }
      ]
    },
    {
      "name": "menubar",
      "type": "registry:ui",
      "title": "Menubar",
      "description": "Desktop-style persistent menu bar.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/menubar.tsx",
          "type": "registry:ui",
          "target": "components/ui/menubar.tsx"
        }
      ]
    },
    {
      "name": "message",
      "type": "registry:ui",
      "title": "Message",
      "description": "Conversation message with avatar slot.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/message.tsx",
          "type": "registry:ui",
          "target": "components/ui/message.tsx"
        }
      ]
    },
    {
      "name": "message-scroller",
      "type": "registry:ui",
      "title": "Message scroller",
      "description": "Chat scroll container.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/message-scroller.tsx",
          "type": "registry:ui",
          "target": "components/ui/message-scroller.tsx"
        }
      ]
    },
    {
      "name": "modal",
      "type": "registry:ui",
      "title": "Modal",
      "description": "Overlay dialog. See also sheet, drawer, alert-dialog.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/modal.tsx",
          "type": "registry:ui",
          "target": "components/ui/modal.tsx"
        }
      ]
    },
    {
      "name": "navigation-menu",
      "type": "registry:ui",
      "title": "Navigation menu",
      "description": "Collection of site links.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/navigation-menu.tsx",
          "type": "registry:ui",
          "target": "components/ui/navigation-menu.tsx"
        }
      ]
    },
    {
      "name": "otp-input",
      "type": "registry:ui",
      "title": "OTP input",
      "description": "Segmented code boxes.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/otp-input.tsx",
          "type": "registry:ui",
          "target": "components/ui/otp-input.tsx"
        }
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "Page buttons with prev/next.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/pagination.tsx",
          "type": "registry:ui",
          "target": "components/ui/pagination.tsx"
        }
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "Dark bubble panel.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/popover.tsx",
          "type": "registry:ui",
          "target": "components/ui/popover.tsx"
        }
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "Segmented bar plus square ring gauge.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/progress.tsx",
          "type": "registry:ui",
          "target": "components/ui/progress.tsx"
        },
        {
          "path": "registry/bricked-ui/progress-ring.tsx",
          "type": "registry:ui",
          "target": "components/ui/progress-ring.tsx"
        }
      ]
    },
    {
      "name": "questionnaire",
      "type": "registry:ui",
      "title": "Questionnaire",
      "description": "Multi-step questions.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/questionnaire.tsx",
          "type": "registry:ui",
          "target": "components/ui/questionnaire.tsx"
        }
      ]
    },
    {
      "name": "radio",
      "type": "registry:ui",
      "title": "Radio",
      "description": "Octagon radio with dot icon.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/radio.tsx",
          "type": "registry:ui",
          "target": "components/ui/radio.tsx"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio group",
      "description": "Set of exclusive radio buttons.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/radio-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/radio-group.tsx"
        }
      ]
    },
    {
      "name": "rating",
      "type": "registry:ui",
      "title": "Rating",
      "description": "Five star radio buttons.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/rating.tsx",
          "type": "registry:ui",
          "target": "components/ui/rating.tsx"
        }
      ]
    },
    {
      "name": "resizable",
      "type": "registry:ui",
      "title": "Resizable",
      "description": "Resizable panel groups.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/resizable.tsx",
          "type": "registry:ui",
          "target": "components/ui/resizable.tsx"
        }
      ]
    },
    {
      "name": "ring-loader",
      "type": "registry:ui",
      "title": "Ring loader",
      "description": "Blinking 8-cube ring, plain or with label.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/ring-loader.tsx",
          "type": "registry:ui",
          "target": "components/ui/ring-loader.tsx"
        }
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll area",
      "description": "Sunken scroll container.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/scroll-area.tsx",
          "type": "registry:ui",
          "target": "components/ui/scroll-area.tsx"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "Native select plus styled native-select variant.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/select.tsx",
          "type": "registry:ui",
          "target": "components/ui/select.tsx"
        },
        {
          "path": "registry/bricked-ui/native-select.tsx",
          "type": "registry:ui",
          "target": "components/ui/native-select.tsx"
        }
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "Plain pixel rule.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/separator.tsx",
          "type": "registry:ui",
          "target": "components/ui/separator.tsx"
        }
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "Sheet complementing the main content.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/sheet.tsx",
          "type": "registry:ui",
          "target": "components/ui/sheet.tsx"
        }
      ]
    },
    {
      "name": "sidebar",
      "type": "registry:ui",
      "title": "Sidebar",
      "description": "Composable side navigation.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/sidebar.tsx",
          "type": "registry:ui",
          "target": "components/ui/sidebar.tsx"
        }
      ]
    },
    {
      "name": "sidebar-rail",
      "type": "registry:ui",
      "title": "Sidebar rail",
      "description": "Narrow icon rail for tight layouts.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/sidebar-rail.tsx",
          "type": "registry:ui",
          "target": "components/ui/sidebar-rail.tsx"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "Pulsing box plus lines.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/skeleton.tsx",
          "type": "registry:ui",
          "target": "components/ui/skeleton.tsx"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "Range with orange fill and ink thumb.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/slider.tsx",
          "type": "registry:ui",
          "target": "components/ui/slider.tsx"
        }
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "Loading indicator with label.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/spinner.tsx",
          "type": "registry:ui",
          "target": "components/ui/spinner.tsx"
        }
      ]
    },
    {
      "name": "stacking-loader",
      "type": "registry:ui",
      "title": "Stacking loader",
      "description": "Three dropping bricks.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/stacking-loader.tsx",
          "type": "registry:ui",
          "target": "components/ui/stacking-loader.tsx"
        }
      ]
    },
    {
      "name": "stat-card",
      "type": "registry:ui",
      "title": "Stat card",
      "description": "Dark stat with label, value and badge slot.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/stat-card.tsx",
          "type": "registry:ui",
          "target": "components/ui/stat-card.tsx"
        }
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "title": "Stepper",
      "description": "Numbered steps with connectors.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/stepper.tsx",
          "type": "registry:ui",
          "target": "components/ui/stepper.tsx"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "Off/On two-half track switch plus single toggle.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/switch.tsx",
          "type": "registry:ui",
          "target": "components/ui/switch.tsx"
        },
        {
          "path": "registry/bricked-ui/toggle.tsx",
          "type": "registry:ui",
          "target": "components/ui/toggle.tsx"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "Brick tabs with sunken field panel.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/tabs.tsx",
          "type": "registry:ui",
          "target": "components/ui/tabs.tsx"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "Sunken multiline field.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/textarea.tsx",
          "type": "registry:ui",
          "target": "components/ui/textarea.tsx"
        }
      ]
    },
    {
      "name": "timeline",
      "type": "registry:ui",
      "title": "Timeline",
      "description": "Markers with shade connectors.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/timeline.tsx",
          "type": "registry:ui",
          "target": "components/ui/timeline.tsx"
        }
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "Dark toast with icon and dismiss.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/toast.tsx",
          "type": "registry:ui",
          "target": "components/ui/toast.tsx"
        }
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle group",
      "description": "Set of two-state buttons.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/toggle-group.tsx",
          "type": "registry:ui",
          "target": "components/ui/toggle-group.tsx"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "Dark bubble on hover/focus.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/tooltip.tsx",
          "type": "registry:ui",
          "target": "components/ui/tooltip.tsx"
        }
      ]
    },
    {
      "name": "trace",
      "type": "registry:ui",
      "title": "Trace",
      "description": "Reasoning, tool calls and sources block.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/trace.tsx",
          "type": "registry:ui",
          "target": "components/ui/trace.tsx"
        }
      ]
    },
    {
      "name": "typewriter",
      "type": "registry:ui",
      "title": "Typewriter",
      "description": "Char reveal with caret.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/typewriter.tsx",
          "type": "registry:ui",
          "target": "components/ui/typewriter.tsx"
        }
      ]
    },
    {
      "name": "typography",
      "type": "registry:ui",
      "title": "Typography",
      "description": "Headings, paragraphs and lists.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/typography.tsx",
          "type": "registry:ui",
          "target": "components/ui/typography.tsx"
        }
      ]
    },
    {
      "name": "wall-builder",
      "type": "registry:ui",
      "title": "Wall builder",
      "description": "Layable brick wall with counter.",
      "dependencies": [],
      "registryDependencies": [
        "bricked-css",
        "pixel-icon"
      ],
      "files": [
        {
          "path": "registry/bricked-ui/wall-builder.tsx",
          "type": "registry:ui",
          "target": "components/ui/wall-builder.tsx"
        }
      ]
    },
    {
      "name": "bricked-css",
      "type": "registry:lib",
      "title": "Bricked CSS",
      "description": "Full bk-* stylesheet. Installs automatically as a dependency of every component - import it once in your CSS entry.",
      "files": [
        {
          "path": "registry/bricked-ui/bricked.css",
          "type": "registry:lib",
          "target": "app/bricked.css"
        }
      ]
    },
    {
      "name": "bricked-globals",
      "type": "registry:lib",
      "title": "Bricked globals",
      "description": "Tailwind v4 theme tokens and bk-cut / bk-bricks utilities.",
      "files": [
        {
          "path": "registry/bricked-ui/globals.css",
          "type": "registry:lib",
          "target": "app/globals.css"
        }
      ]
    }
  ]
}