{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "aqua",
  "homepage": "https://aqua.duca.dev",
  "items": [
    {
      "name": "theme",
      "type": "registry:theme",
      "title": "Aqua Theme",
      "description": "Mac OS X era palette and typography for shadcn/ui projects.",
      "css": {
        ":root": {
          "--aqua-accent": "#2f7de0"
        },
        "*, *::before, *::after": {
          "--aqua-gel-hi": "color-mix(in oklab, var(--aqua-accent) 38%, white)",
          "--aqua-gel-light": "color-mix(in oklab, var(--aqua-accent) 62%, white)",
          "--aqua-gel-mid": "color-mix(in oklab, var(--aqua-accent) 90%, white)",
          "--aqua-gel-deep": "color-mix(in oklab, var(--aqua-accent) 85%, black)",
          "--aqua-edge": "color-mix(in oklab, var(--aqua-accent) 72%, black)",
          "--aqua-ring": "color-mix(in oklab, var(--aqua-accent) 55%, white)"
        }
      },
      "cssVars": {
        "theme": {
          "font-sans": "'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Verdana, sans-serif"
        },
        "light": {
          "background": "#eef0f3",
          "foreground": "#33383f",
          "card": "#f7f8fa",
          "card-foreground": "#33383f",
          "popover": "#f7f8fa",
          "popover-foreground": "#33383f",
          "primary": "#2f7de0",
          "primary-foreground": "#ffffff",
          "secondary": "#e4e7ec",
          "secondary-foreground": "#3a3f47",
          "muted": "#e4e7ec",
          "muted-foreground": "#7a8089",
          "accent": "#d5e6fb",
          "accent-foreground": "#1c5fb8",
          "destructive": "#e03a2f",
          "border": "#aeb3bc",
          "input": "#aeb3bc",
          "ring": "#6cb0f7"
        }
      }
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "The iChat buddy icon: photo, initials over a gel color, or the classic generic silhouette.",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/aqua/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "Soft gradient notice panel in note, caution and stop flavors.",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/aqua/ui/alert.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown Menu",
      "description": "Aqua context menu: white panel, gel highlight, checkable items and submenus.",
      "dependencies": ["@radix-ui/react-dropdown-menu", "lucide-react"],
      "devDependencies": ["tw-animate-css"],
      "files": [
        {
          "path": "registry/aqua/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "Etched form label in classic panel typography.",
      "dependencies": ["@radix-ui/react-label"],
      "files": [
        {
          "path": "registry/aqua/ui/label.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio Group",
      "description": "Glossy round radios that fill with gel and a white pip when selected.",
      "dependencies": ["@radix-ui/react-radio-group"],
      "files": [
        {
          "path": "registry/aqua/ui/radio-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "Multi-line Aqua text well with an inset shadow and blue focus halo.",
      "files": [
        {
          "path": "registry/aqua/ui/textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "Growl-style notifications: call toast() and an Alert slides in from the corner.",
      "dependencies": ["lucide-react"],
      "devDependencies": ["tw-animate-css"],
      "registryDependencies": ["@aqua/alert"],
      "files": [
        {
          "path": "registry/aqua/ui/toast.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "title": "Code Block",
      "description": "Shiki-highlighted code card with an Aqua copy button.",
      "dependencies": ["shiki", "lucide-react"],
      "files": [
        {
          "path": "registry/aqua/ui/code-block.tsx",
          "type": "registry:ui"
        },
        {
          "path": "registry/aqua/ui/copy-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "loader",
      "type": "registry:ui",
      "title": "Loader",
      "description": "The twelve-spoke spinner, ticking around in steps like the original.",
      "files": [
        {
          "path": "registry/aqua/ui/loader.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cursor",
      "type": "registry:ui",
      "title": "Cursor",
      "description": "Wrap your app and get the classic Aqua arrow, pointing hand and I-beam cursors.",
      "files": [
        {
          "path": "registry/aqua/ui/cursor.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "Tinted capsule label in blue, glossy gray and red.",
      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
      "files": [
        {
          "path": "registry/aqua/ui/badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "Glossy Aqua pill button with gel highlight, in blue, capsule and red.",
      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
      "files": [
        {
          "path": "registry/aqua/ui/button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "Aqua tab bar with glossy active state over a pinstripe content pane.",
      "dependencies": ["@radix-ui/react-tabs"],
      "files": [
        {
          "path": "registry/aqua/ui/tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "The classic Aqua text field: white well with an inset shadow and blue focus halo.",
      "files": [
        {
          "path": "registry/aqua/ui/input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "Glossy square that fills with blue gel when checked.",
      "dependencies": ["@radix-ui/react-checkbox", "lucide-react"],
      "files": [
        {
          "path": "registry/aqua/ui/checkbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "Gel toggle with a polished metal thumb.",
      "dependencies": ["@radix-ui/react-switch"],
      "files": [
        {
          "path": "registry/aqua/ui/switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "The Aqua popup button: glossy capsule with a gel arrow box, menu with gel highlight.",
      "dependencies": ["@radix-ui/react-select", "lucide-react"],
      "devDependencies": ["tw-animate-css"],
      "files": [
        {
          "path": "registry/aqua/ui/select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "iTunes volume slider: groove track, blue gel range, polished knob.",
      "dependencies": ["@radix-ui/react-slider"],
      "files": [
        {
          "path": "registry/aqua/ui/slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "The Aqua alert panel: soft gradient sheet with a deep drop shadow.",
      "dependencies": ["@radix-ui/react-dialog"],
      "devDependencies": ["tw-animate-css"],
      "files": [
        {
          "path": "registry/aqua/ui/dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "The iconic striped blue barber-pole progress bar.",
      "dependencies": ["@radix-ui/react-progress"],
      "css": {
        "@keyframes aqua-progress-stripes": {
          "from": {
            "background-position": "0 0"
          },
          "to": {
            "background-position": "20px 0"
          }
        }
      },
      "files": [
        {
          "path": "registry/aqua/ui/progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "ipod",
      "type": "registry:ui",
      "title": "iPod",
      "description": "The classic iPod: white shell, LCD screen and a working click wheel.",
      "files": [
        {
          "path": "registry/aqua/ui/ipod.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "window",
      "type": "registry:ui",
      "title": "Window",
      "description": "Brushed metal window chrome with traffic lights and a titlebar.",
      "files": [
        {
          "path": "registry/aqua/ui/window.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dock",
      "type": "registry:ui",
      "title": "Dock",
      "description": "The translucent shelf: magnifying items, hover labels and running indicators.",
      "files": [
        {
          "path": "registry/aqua/ui/dock.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chat-bubble",
      "type": "registry:ui",
      "title": "Chat Bubble",
      "description": "iChat gradient bubbles with sculpted tails, in blue and orange.",
      "files": [
        {
          "path": "registry/aqua/ui/chat-bubble.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "Dock-style label tooltip: dark translucent capsule with white text.",
      "dependencies": ["@radix-ui/react-tooltip"],
      "devDependencies": ["tw-animate-css"],
      "files": [
        {
          "path": "registry/aqua/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    }
  ]
}