{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "cupertinoui",
  "homepage": "https://cupertino-ui.com",
  "items": [
    {
      "name": "macos-theme",
      "type": "registry:style",
      "title": "macOS theme",
      "description": "The macOS 27 theme: colors, fills, materials, text styles, radii and control sizes, mapped onto shadcn tokens. Import app/macos.css from your global stylesheet.",
      "dependencies": [
        "clsx",
        "tailwind-merge",
        "tw-animate-css"
      ],
      "files": [
        {
          "path": "registry/macos/macos.css",
          "type": "registry:file",
          "target": "app/macos.css"
        },
        {
          "path": "lib/utils.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "Push buttons in every macOS 27 style: the accent-filled default button, bordered, tinted, borderless and destructive, from mini to extra large.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/button.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority",
        "@base-ui/react"
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Text Field",
      "description": "A single-line text field with the macOS hairline border and accent focus ring.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Text Area",
      "description": "A multi-line text field that grows with its content.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "An accessible label for form controls, set in the macOS body text style.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/label.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "search-field",
      "type": "registry:ui",
      "title": "Search Field",
      "description": "A capsule search field with a magnifying glass, in content, Liquid Glass toolbar and sidebar styles, and a filter field.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/search-field.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority",
        "lucide-react"
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "A 16pt rounded checkbox that fills with the accent color, with mixed state support.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/checkbox.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio Group",
      "description": "A set of radio buttons where only one can be selected at a time.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/radio-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "The macOS 27 toggle with a pill-shaped knob, in mini, small, medium and large sizes.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/switch.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "A thin capsule track with the macOS 27 pill knob. Supports ranges and tick marks.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/slider.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "title": "Stepper",
      "description": "A number field with the small up and down arrows beside it, stepped by clicks, held arrows and the keyboard.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/stepper.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress Indicator",
      "description": "A determinate progress bar in the accent color.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/progress.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Pop-up Button",
      "description": "A pop-up button that opens a menu of options, in bordered and System Settings styles.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/select.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "@base-ui/react"
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "A tabs for switching between views, with a plain tab bar variant.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/tabs.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority",
        "@base-ui/react"
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "A hairline that divides content horizontally or vertically.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/separator.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Menu",
      "description": "A pull-down menu with shortcuts, checkmarks, submenus and the macOS 27 rounded highlight.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "@base-ui/react"
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context Menu",
      "description": "The menu that appears on right-click or Control-click.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/context-menu.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "@base-ui/react"
      ]
    },
    {
      "name": "menubar",
      "type": "registry:ui",
      "title": "Menu Bar",
      "description": "The macOS menu bar: the app menus on the left and status items with the clock on the right.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/menubar.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "@base-ui/react"
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "A modal panel window with a close button in the traffic light position.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/dialog.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "@base-ui/react"
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert",
      "description": "A macOS 27 alert: a narrow glass panel with a bold title, message and capsule buttons.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "A panel that slides in from an edge of the window.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/sheet.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "@base-ui/react"
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "Rich content in a glass bubble attached to a control.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/popover.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "A small label that explains a control on hover.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "window",
      "type": "registry:ui",
      "title": "Window",
      "description": "The window frame: corner radius, shadow, traffic lights, the inactive state, dragging, resizing, and minimizing into the Dock.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/window.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react"
      ]
    },
    {
      "name": "dock",
      "type": "registry:ui",
      "title": "Dock",
      "description": "The Liquid Glass shelf of app icons with magnification, running indicators, badges, labels and auto-hide. Windows minimize into it.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/dock.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "grouped-form",
      "type": "registry:ui",
      "title": "Grouped Form",
      "description": "The System Settings layout: titled sections of rounded groups, each row a label and a control.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/grouped-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inspector",
      "type": "registry:ui",
      "title": "Inspector",
      "description": "An inspector pane like Xcode's or Pages': sections of right-aligned labels beside small controls.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/inspector.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "icon-tile",
      "type": "registry:ui",
      "title": "Icon Tile",
      "description": "The colored rounded-square icons used in System Settings and other lists.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/icon-tile.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "A round picture of a person, with initials on the macOS contact gradient as a fallback.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "chart",
      "type": "registry:ui",
      "title": "Chart",
      "description": "shadcn/ui's Recharts charts, restyled after Swift Charts: secondary axis labels, hairline grids, round markers and a glass tooltip.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/chart.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "recharts"
      ]
    },
    {
      "name": "toggle",
      "type": "registry:ui",
      "title": "Toggle",
      "description": "A button that stays pressed, like Bold in a format bar.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/toggle.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle Group",
      "description": "Toggles in a row: one of several, or any number with multiple.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/toggle"
      ],
      "files": [
        {
          "path": "registry/macos/ui/toggle-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "button-group",
      "type": "registry:ui",
      "title": "Button Group",
      "description": "Buttons and fields joined into one control, like the + and \u2212 buttons under a list.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/separator"
      ],
      "files": [
        {
          "path": "registry/macos/ui/button-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "Form layout: a label, the control, a description and errors, in groups and fieldsets.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/label",
        "@cupertinoui/separator"
      ],
      "files": [
        {
          "path": "registry/macos/ui/field.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "input-group",
      "type": "registry:ui",
      "title": "Input Group",
      "description": "A text field with icons, text or buttons inside it.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button",
        "@cupertinoui/input",
        "@cupertinoui/textarea"
      ],
      "files": [
        {
          "path": "registry/macos/ui/input-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "input-otp",
      "type": "registry:ui",
      "title": "OTP Input",
      "description": "A verification code field with one box per character, on Base UI's OTP Field.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/input-otp.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ]
    },
    {
      "name": "native-select",
      "type": "registry:ui",
      "title": "Native Select",
      "description": "The browser's own select, dressed as a macOS pop-up button.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/native-select.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react"
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combo Box",
      "description": "A text field that filters a menu of choices as you type.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button",
        "@cupertinoui/input-group"
      ],
      "files": [
        {
          "path": "registry/macos/ui/combobox.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ]
    },
    {
      "name": "calendar",
      "type": "registry:ui",
      "title": "Calendar",
      "description": "The macOS graphical date picker: today in red, the chosen day on an accent circle.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/calendar.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react",
        "react-day-picker"
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "An inline callout in a pane: a tinted box with a symbol, a title and a description.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/alert.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "A small capsule: an accent label, a grey count or the red badge of a Dock icon.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/badge.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "The macOS spinning progress indicator: twelve spokes that turn a step at a time.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/spinner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "A grey placeholder that pulses while content loads.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty",
      "type": "registry:ui",
      "title": "Empty",
      "description": "The empty state of a list or pane: a large grey symbol, a title and a hint.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/empty.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority"
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "macOS notifications: glass banners at the top right that slide in and stack.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button",
        "@cupertinoui/spinner"
      ],
      "files": [
        {
          "path": "registry/macos/ui/toast.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ]
    },
    {
      "name": "breadcrumb",
      "type": "registry:ui",
      "title": "Breadcrumb",
      "description": "A path like Finder's path bar: small icons and names, separated by chevrons.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/breadcrumb.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "Page links: borderless, with the current page filled with the accent color.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/pagination.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react"
      ]
    },
    {
      "name": "navigation-menu",
      "type": "registry:ui",
      "title": "Navigation Menu",
      "description": "Site navigation with menus that morph from one to the next, on the menu material.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/navigation-menu.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority",
        "lucide-react"
      ]
    },
    {
      "name": "command",
      "type": "registry:ui",
      "title": "Command",
      "description": "A command palette in the style of Spotlight, built on cmdk.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/dialog"
      ],
      "files": [
        {
          "path": "registry/macos/ui/command.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "cmdk",
        "lucide-react"
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "A macOS box: a rounded panel with a hairline edge, a header, content and a footer.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "Disclosure sections like Finder's Get Info window, with triangles that turn as they open.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/accordion.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "A section that shows and hides its content with a height animation.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/collapsible.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "Slides you swipe or step through with round arrow buttons, built on Embla.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/carousel.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "embla-carousel-react",
        "lucide-react"
      ]
    },
    {
      "name": "aspect-ratio",
      "type": "registry:ui",
      "title": "Aspect Ratio",
      "description": "Keeps content, such as an image, at a width-to-height ratio.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/aspect-ratio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "item",
      "type": "registry:ui",
      "title": "Item",
      "description": "A row of a list: an icon or picture, a title and description, and actions at the end.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/separator"
      ],
      "files": [
        {
          "path": "registry/macos/ui/item.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "kbd",
      "type": "registry:ui",
      "title": "Kbd",
      "description": "Key caps for keyboard shortcuts: \u2318, \u21e7, \u2325, \u2303 and letters.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/kbd.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table",
      "type": "registry:ui",
      "title": "Table",
      "description": "A plain table styled as a macOS list: grey column titles, stripes and an accent selected row.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tree-view",
      "type": "registry:ui",
      "title": "Tree View",
      "description": "An outline of rows that open and close with disclosure triangles, with arrow-key navigation and focused and unfocused selection.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/tree-view.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react"
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll Area",
      "description": "A scrolling region with macOS overlay scrollers that appear while you scroll.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/scroll-area.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "resizable",
      "type": "registry:ui",
      "title": "Resizable",
      "description": "A split view: panels with dividers to drag, like Mail's message list and preview.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/resizable.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "react-resizable-panels"
      ]
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "title": "Code Block",
      "description": "Code with syntax colors in SF Mono, a title, line numbers and a copy button.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/code-block.tsx",
          "type": "registry:ui"
        },
        {
          "path": "registry/macos/hooks/use-highlighted-code.ts",
          "type": "registry:hook"
        },
        {
          "path": "registry/macos/lib/highlighter.tsx",
          "type": "registry:lib"
        }
      ],
      "dependencies": [
        "class-variance-authority",
        "lucide-react",
        "shiki"
      ]
    },
    {
      "name": "hover-card",
      "type": "registry:ui",
      "title": "Hover Card",
      "description": "A preview that appears while the pointer rests on a link, on the popover's glass.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/hover-card.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "Drawer",
      "description": "A panel that slides in from an edge and can be swiped away.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/drawer.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "direction",
      "type": "registry:ui",
      "title": "Direction",
      "description": "Sets left-to-right or right-to-left for the Base UI parts inside.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/direction.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react"
      ]
    },
    {
      "name": "bubble",
      "type": "registry:ui",
      "title": "Bubble",
      "description": "Message bubbles as in Messages: blue for what you send, grey for what you receive.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/bubble.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "message",
      "type": "registry:ui",
      "title": "Message",
      "description": "A message with its sender, avatar and footer, holding one or more bubbles.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/message.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "message-scroller",
      "type": "registry:ui",
      "title": "Message Scroller",
      "description": "A transcript that keeps the newest message in view, with a button back to it.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/message-scroller.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@shadcn/react",
        "lucide-react"
      ]
    },
    {
      "name": "attachment",
      "type": "registry:ui",
      "title": "Attachment",
      "description": "A file in a message: its icon or picture, name and size, with an upload state.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/attachment.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "marker",
      "type": "registry:ui",
      "title": "Marker",
      "description": "A note between messages: a date, a status or a divider.",
      "registryDependencies": [
        "@cupertinoui/macos-theme"
      ],
      "files": [
        {
          "path": "registry/macos/ui/marker.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ]
    },
    {
      "name": "trace",
      "type": "registry:ui",
      "title": "Trace",
      "description": "The steps an assistant takes, with status and details that unfold.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/collapsible"
      ],
      "files": [
        {
          "path": "registry/macos/ui/trace.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react"
      ]
    },
    {
      "name": "questionnaire",
      "type": "registry:ui",
      "title": "Questionnaire",
      "description": "Questions asked one at a time, with choices, text answers and progress.",
      "registryDependencies": [
        "@cupertinoui/macos-theme",
        "@cupertinoui/button"
      ],
      "files": [
        {
          "path": "registry/macos/ui/questionnaire.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "@shadcn/react",
        "lucide-react"
      ]
    }
  ]
}