{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "macos-theme",
  "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",
      "content": "/*\n * macOS 27 theme for shadcn/ui.\n *\n * Every visual value the components use lives here. Colors, text styles,\n * control heights and control radii are what macOS 27 reports through\n * AppKit's public API. Window chrome, materials and shadows were measured\n * from macOS 27 screenshots at 1pt = 1px. The Design Sources page of the\n * CupertinoUI docs lists the source of each group, including the values not\n * measured yet.\n */\n\n@custom-variant dark (&:is(.dark *));\n\n:root {\n  /* Fonts. SF Pro is not redistributable; the system stack resolves to it on Apple devices. */\n  --font-macos: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro\", \"Helvetica Neue\", \"Segoe UI\", Inter, system-ui, sans-serif;\n  --font-macos-mono: ui-monospace, \"SF Mono\", SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n\n  /* Accents */\n  --mac-blue: #0088ff;\n  --mac-red: #ff383c;\n  --mac-orange: #ff8d28;\n  --mac-yellow: #ffcc00;\n  --mac-green: #34c759;\n  --mac-mint: #00c8b3;\n  --mac-teal: #00c3d0;\n  --mac-cyan: #00c0e8;\n  --mac-indigo: #6155f5;\n  --mac-purple: #cb30e0;\n  --mac-pink: #ff2d55;\n  --mac-brown: #ac7f5e;\n  --mac-gray: #8e8e93;\n\n  /* Accent (the user-selectable highlight color on macOS) */\n  --mac-accent: var(--mac-blue);\n  --mac-accent-foreground: #ffffff;\n  /* Selected rows in a focused list, and the highlighted menu item */\n  --mac-selection: #0064e1;\n  --mac-menu-highlight: #0069f9;\n  /* Selected rows in an unfocused list */\n  --mac-selection-unfocused: rgb(0 0 0 / 0.14);\n  --mac-link: #0068da;\n\n  /* Labels */\n  --mac-label: rgb(0 0 0 / 0.85);\n  --mac-label-secondary: rgb(0 0 0 / 0.5);\n  --mac-label-tertiary: rgb(0 0 0 / 0.26);\n  --mac-label-quaternary: rgb(0 0 0 / 0.1);\n  --mac-label-quinary: rgb(0 0 0 / 0.05);\n\n  /* Fills */\n  --mac-fill-primary: rgb(0 0 0 / 0.1);\n  --mac-fill-secondary: rgb(0 0 0 / 0.08);\n  --mac-fill-tertiary: rgb(0 0 0 / 0.05);\n  --mac-fill-quaternary: rgb(0 0 0 / 0.03);\n  --mac-fill-quinary: rgb(0 0 0 / 0.008);\n\n  /* Controls: bordered buttons, pop-ups, tabss */\n  --mac-control: rgb(0 0 0 / 0.08);\n  --mac-control-pressed: rgb(0 0 0 / 0.16);\n  --mac-control-disabled: rgb(0 0 0 / 0.04);\n  /* Text fields */\n  --mac-field: #ffffff;\n  --mac-field-border: rgb(0 0 0 / 0.08);\n\n  /* Surfaces */\n  --mac-window: #ffffff;\n  --mac-content: #ffffff;\n  --mac-content-alternate: rgb(0 0 0 / 0.05);\n  --mac-group: var(--mac-fill-quaternary);\n  --mac-separator: rgb(0 0 0 / 0.05);\n  --mac-grid: rgb(0 0 0 / 0.1);\n  --mac-border: rgb(0 0 0 / 0.1);\n  --mac-sidebar: rgb(233 239 245 / 0.86);\n  --mac-sidebar-selection: rgb(0 0 0 / 0.06);\n  --mac-sidebar-label-inactive: #878787;\n  --mac-titlebar: rgb(255 255 255 / 0.92);\n\n  /* Liquid Glass (toolbar capsules, search fields in toolbars) */\n  --mac-glass: rgb(255 255 255 / 0.82);\n  --mac-glass-pressed: rgb(0 0 0 / 0.07);\n  --mac-glass-selected: rgb(0 0 0 / 0.08);\n  --mac-glass-edge: rgb(255 255 255 / 0.95);\n  --mac-glass-rim: rgb(0 0 0 / 0.1);\n  --mac-glass-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.08), 0 8px 15px rgb(0 0 0 / 0.04);\n\n  /* Materials (translucent, blurred backgrounds) */\n  --mac-material-menu: rgb(244 244 246 / 0.74);\n  --mac-material-popover: rgb(246 246 246 / 0.8);\n  --mac-material-hud: rgb(246 246 246 / 0.86);\n  --mac-material-tooltip: rgb(246 246 246 / 0.9);\n  --mac-material-dock: rgb(255 255 255 / 0.32);\n  --mac-dock-label: rgb(246 246 246 / 0.85);\n  --mac-material-blur: 30px;\n  --mac-material-border: rgb(0 0 0 / 0.1);\n  --mac-material-highlight: rgb(255 255 255 / 0.5);\n  --mac-overlay: rgb(171 171 171 / 0.6);\n\n  /* Window controls */\n  --mac-traffic-close: #ff5f57;\n  --mac-traffic-minimize: #febc2e;\n  --mac-traffic-zoom: #28c840;\n  --mac-traffic-inactive: #dcdfe3;\n  --mac-traffic-edge: inset 0 0 0 0.5px rgb(0 0 0 / 0.12);\n\n  /* Shadows */\n  --mac-shadow-menu: inset 0 0 0 1px rgb(255 255 255 / 0.55), 0 0 0 0.5px rgb(0 0 0 / 0.16), 0 8px 48px rgb(0 0 0 / 0.25);\n  --mac-shadow-popover: 0 0 0 0.5px var(--mac-material-border), 0 8px 48px rgb(0 0 0 / 0.2);\n  --mac-shadow-tooltip: 0 0 0 0.5px rgb(0 0 0 / 0.12), 0 2px 8px rgb(0 0 0 / 0.15);\n  --mac-shadow-dock-label: inset 0 1px 0 rgb(255 255 255 / 0.8), 0 0 0 0.5px rgb(0 0 0 / 0.12), 0 2px 8px rgb(0 0 0 / 0.15);\n  /* Light catches the top and bottom edges of the Dock; the sides get a darker rim. */\n  --mac-shadow-dock: inset 0 1px 0 rgb(255 255 255 / 0.75), inset 0 -1px 0 rgb(255 255 255 / 0.55), inset 1px 0 0 rgb(0 0 0 / 0.1), inset -1px 0 0 rgb(0 0 0 / 0.1), inset 0 6px 6px -5px rgb(255 255 255 / 0.3), 0 8px 24px rgb(0 0 0 / 0.12);\n  --mac-shadow-window: 0 0 1px rgb(0 0 0 / 0.8), 0 18px 54px rgb(0 0 0 / 0.3);\n  --mac-shadow-window-inactive: 0 0 1px rgb(0 0 0 / 0.8), 0 7px 21px rgb(0 0 0 / 0.2);\n  --mac-window-rim: transparent;\n  --mac-focus-ring: 0 0 0 3.5px color-mix(in srgb, var(--mac-accent) 50%, transparent);\n\n  /* Radii */\n  --mac-radius-control: 6px;\n  --mac-radius-menu: 13px;\n  --mac-radius-item: 8px;\n  --mac-radius-group: 12px;\n  --mac-radius-popover: 20px;\n  --mac-radius-alert: 34px;\n  --mac-radius-window: 16px;\n\n  /* Control heights (mini, small, medium, large, extra large) */\n  --mac-control-mini: 16px;\n  --mac-control-small: 20px;\n  --mac-control-medium: 24px;\n  --mac-control-large: 28px;\n  --mac-control-xl: 36px;\n\n  /* shadcn tokens mapped onto macOS values, so unmodified shadcn components follow the theme too */\n  --radius: var(--mac-radius-control);\n  --background: var(--mac-window);\n  --foreground: var(--mac-label);\n  --card: var(--mac-content);\n  --card-foreground: var(--mac-label);\n  --popover: var(--mac-material-popover);\n  --popover-foreground: var(--mac-label);\n  --primary: var(--mac-accent);\n  --primary-foreground: var(--mac-accent-foreground);\n  --secondary: var(--mac-control);\n  --secondary-foreground: var(--mac-label);\n  --muted: var(--mac-fill-tertiary);\n  --muted-foreground: var(--mac-label-secondary);\n  --accent: var(--mac-accent);\n  --accent-foreground: var(--mac-accent-foreground);\n  --destructive: var(--mac-red);\n  --border: var(--mac-border);\n  --input: var(--mac-field-border);\n  --ring: var(--mac-accent);\n  --chart-1: var(--mac-blue);\n  --chart-2: var(--mac-green);\n  --chart-3: var(--mac-orange);\n  --chart-4: var(--mac-purple);\n  --chart-5: var(--mac-pink);\n  --sidebar: var(--mac-sidebar);\n  --sidebar-foreground: var(--mac-label);\n  --sidebar-primary: var(--mac-accent);\n  --sidebar-primary-foreground: var(--mac-accent-foreground);\n  --sidebar-accent: var(--mac-sidebar-selection);\n  --sidebar-accent-foreground: var(--mac-label);\n  --sidebar-border: var(--mac-separator);\n  --sidebar-ring: var(--mac-accent);\n}\n\n.dark {\n  --mac-blue: #0091ff;\n  --mac-red: #ff4245;\n  --mac-orange: #ff9230;\n  --mac-yellow: #ffd600;\n  --mac-green: #30d158;\n  --mac-mint: #00dac3;\n  --mac-teal: #00d2e0;\n  --mac-cyan: #3cd3fe;\n  --mac-indigo: #6d7cff;\n  --mac-purple: #db34f2;\n  --mac-pink: #ff375f;\n  --mac-brown: #b78a66;\n  --mac-gray: #98989d;\n\n  --mac-selection: #0059d1;\n  --mac-selection-unfocused: rgb(255 255 255 / 0.18);\n  --mac-link: #419cff;\n\n  --mac-label: rgb(255 255 255 / 0.85);\n  --mac-label-secondary: rgb(255 255 255 / 0.55);\n  --mac-label-tertiary: rgb(255 255 255 / 0.25);\n  --mac-label-quaternary: rgb(255 255 255 / 0.1);\n  --mac-label-quinary: rgb(255 255 255 / 0.05);\n\n  --mac-fill-primary: rgb(255 255 255 / 0.1);\n  --mac-fill-secondary: rgb(255 255 255 / 0.08);\n  --mac-fill-tertiary: rgb(255 255 255 / 0.05);\n  --mac-fill-quaternary: rgb(255 255 255 / 0.03);\n  --mac-fill-quinary: rgb(255 255 255 / 0.008);\n\n  --mac-control: rgb(255 255 255 / 0.08);\n  --mac-control-pressed: rgb(255 255 255 / 0.16);\n  --mac-control-disabled: rgb(255 255 255 / 0.04);\n  --mac-field: #1e1e1e;\n  --mac-field-border: rgb(255 255 255 / 0.04);\n\n  --mac-window: #1e1f20;\n  --mac-content: #1e2023;\n  --mac-content-alternate: rgb(255 255 255 / 0.05);\n  --mac-separator: rgb(255 255 255 / 0.05);\n  --mac-grid: rgb(255 255 255 / 0.1);\n  --mac-border: rgb(255 255 255 / 0.1);\n  --mac-sidebar: rgb(41 44 50 / 0.9);\n  --mac-sidebar-selection: rgb(255 255 255 / 0.12);\n  --mac-sidebar-label-inactive: rgb(255 255 255 / 0.35);\n  --mac-titlebar: #232528;\n\n  --mac-glass: #323435;\n  --mac-glass-pressed: rgb(255 255 255 / 0.08);\n  --mac-glass-selected: rgb(255 255 255 / 0.1);\n  --mac-glass-edge: rgb(255 255 255 / 0.17);\n  --mac-glass-rim: rgb(0 0 0 / 0.72);\n  --mac-glass-shadow: 0 0 0 transparent;\n\n  --mac-material-menu: rgb(48 52 60 / 0.6);\n  --mac-material-popover: rgb(36 36 36 / 0.82);\n  --mac-material-hud: rgb(30 30 30 / 0.86);\n  --mac-material-tooltip: rgb(20 20 20 / 0.72);\n  /* The dark Dock barely tints the wallpaper: it brightens what is behind it. */\n  --mac-material-dock: rgb(255 255 255 / 0.015);\n  --mac-material-dock-saturation: 100%;\n  --mac-material-dock-brightness: 1.15;\n  --mac-dock-label: rgb(68 68 70 / 0.42);\n  --mac-dock-label-saturation: 100%;\n  --mac-material-border: rgb(255 255 255 / 0.15);\n  --mac-material-highlight: rgb(255 255 255 / 0.08);\n  --mac-overlay: rgb(23 23 23 / 0.62);\n\n  --mac-traffic-close: linear-gradient(#f4534a 45%, #ef6861);\n  --mac-traffic-minimize: #fcba00;\n  --mac-traffic-zoom: linear-gradient(#2cc100, #00bc01 40%, #00bc01 55%, #4fc337);\n  --mac-traffic-inactive: #4b4d52;\n  --mac-traffic-edge: inset 0 0.75px 0 rgb(255 255 255 / 0.5), inset 0 -0.75px 0 rgb(255 255 255 / 0.4);\n\n  --mac-shadow-menu: inset 0 0 0 1px rgb(255 255 255 / 0.1), 0 0 0 1px rgb(0 0 0 / 0.85), 0 8px 48px rgb(0 0 0 / 0.45);\n  --mac-shadow-popover: 0 0 0 0.5px var(--mac-material-border), 0 0 0 1px rgb(0 0 0 / 0.5), 0 8px 48px rgb(0 0 0 / 0.45);\n  --mac-shadow-tooltip: inset 0 0 0 0.6px rgb(255 255 255 / 0.15), 0 0 2px rgb(0 0 0 / 0.4), 0 2px 8px rgb(0 0 0 / 0.2);\n  --mac-shadow-dock-label: inset 0 1px 0 rgb(255 255 255 / 0.18), inset 0 5px 5px -4px rgb(255 255 255 / 0.07);\n  --mac-shadow-dock: inset 0 1px 0 rgb(190 215 255 / 0.34), inset 0 -1px 0 rgb(190 215 255 / 0.33), inset 1px 0 0 rgb(0 0 0 / 0.8), inset -1px 0 0 rgb(0 0 0 / 0.8), inset 0 6px 6px -5px rgb(190 215 255 / 0.1), inset 0 -6px 6px -5px rgb(190 215 255 / 0.09), 0 8px 24px rgb(0 0 0 / 0.2);\n  --mac-shadow-window: 0 0 0 1px rgb(0 0 0 / 0.92), 0 18px 54px rgb(0 0 0 / 0.57);\n  --mac-shadow-window-inactive: 0 0 0 1px rgb(0 0 0 / 0.92), 0 7px 21px rgb(0 0 0 / 0.35);\n  --mac-window-rim: rgb(255 255 255 / 0.1);\n}\n\n/* An inactive (unfocused) window greys out its accent color, like macOS does. */\n[data-slot=\"window\"][data-inactive] {\n  --mac-accent: rgb(0 0 0 / 0.14);\n  --mac-selection: var(--mac-selection-unfocused);\n  --mac-sidebar: rgb(240 244 248 / 0.97);\n  --mac-sidebar-selection: rgb(0 0 0 / 0.04);\n  --mac-titlebar: #ffffff;\n}\n\n.dark [data-slot=\"window\"][data-inactive],\n.dark[data-slot=\"window\"][data-inactive] {\n  --mac-accent: rgb(255 255 255 / 0.21);\n  --mac-content: #202226;\n  --mac-sidebar: #24272d;\n  --mac-sidebar-selection: rgb(255 255 255 / 0.065);\n  --mac-titlebar: #282a2d;\n  --mac-glass: #2e3032;\n}\n\n@theme inline {\n  --font-sans: var(--font-macos);\n  --font-mono: var(--font-macos-mono);\n\n  --radius-sm: calc(var(--radius) - 2px);\n  --radius-md: var(--radius);\n  --radius-lg: calc(var(--radius) + 2px);\n  --radius-xl: calc(var(--radius) + 4px);\n\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n\n  --color-mac-blue: var(--mac-blue);\n  --color-mac-red: var(--mac-red);\n  --color-mac-orange: var(--mac-orange);\n  --color-mac-yellow: var(--mac-yellow);\n  --color-mac-green: var(--mac-green);\n  --color-mac-mint: var(--mac-mint);\n  --color-mac-teal: var(--mac-teal);\n  --color-mac-cyan: var(--mac-cyan);\n  --color-mac-indigo: var(--mac-indigo);\n  --color-mac-purple: var(--mac-purple);\n  --color-mac-pink: var(--mac-pink);\n  --color-mac-brown: var(--mac-brown);\n  --color-mac-gray: var(--mac-gray);\n  --color-mac-accent: var(--mac-accent);\n  --color-mac-accent-foreground: var(--mac-accent-foreground);\n  --color-mac-selection: var(--mac-selection);\n  --color-mac-selection-unfocused: var(--mac-selection-unfocused);\n  --color-mac-menu-highlight: var(--mac-menu-highlight);\n  --color-mac-link: var(--mac-link);\n  --color-mac-label: var(--mac-label);\n  --color-mac-label-secondary: var(--mac-label-secondary);\n  --color-mac-label-tertiary: var(--mac-label-tertiary);\n  --color-mac-label-quaternary: var(--mac-label-quaternary);\n  --color-mac-label-quinary: var(--mac-label-quinary);\n  --color-mac-fill: var(--mac-fill-tertiary);\n  --color-mac-fill-primary: var(--mac-fill-primary);\n  --color-mac-fill-secondary: var(--mac-fill-secondary);\n  --color-mac-fill-tertiary: var(--mac-fill-tertiary);\n  --color-mac-fill-quaternary: var(--mac-fill-quaternary);\n  --color-mac-fill-quinary: var(--mac-fill-quinary);\n  --color-mac-fill-strong: var(--mac-fill-primary);\n  --color-mac-control: var(--mac-control);\n  --color-mac-control-pressed: var(--mac-control-pressed);\n  --color-mac-control-disabled: var(--mac-control-disabled);\n  --color-mac-field: var(--mac-field);\n  --color-mac-field-border: var(--mac-field-border);\n  --color-mac-window: var(--mac-window);\n  --color-mac-content: var(--mac-content);\n  --color-mac-content-alternate: var(--mac-content-alternate);\n  --color-mac-group: var(--mac-group);\n  --color-mac-separator: var(--mac-separator);\n  --color-mac-grid: var(--mac-grid);\n  --color-mac-border: var(--mac-border);\n  --color-mac-sidebar: var(--mac-sidebar);\n  --color-mac-sidebar-selection: var(--mac-sidebar-selection);\n  --color-mac-titlebar: var(--mac-titlebar);\n  --color-mac-glass: var(--mac-glass);\n  --color-mac-glass-pressed: var(--mac-glass-pressed);\n  --color-mac-glass-selected: var(--mac-glass-selected);\n  --color-mac-overlay: var(--mac-overlay);\n\n  --radius-mac-control: var(--mac-radius-control);\n  --radius-mac-menu: var(--mac-radius-menu);\n  --radius-mac-item: var(--mac-radius-item);\n  --radius-mac-group: var(--mac-radius-group);\n  --radius-mac-popover: var(--mac-radius-popover);\n  --radius-mac-alert: var(--mac-radius-alert);\n  --radius-mac-window: var(--mac-radius-window);\n\n  --shadow-mac-menu: var(--mac-shadow-menu);\n  --shadow-mac-popover: var(--mac-shadow-popover);\n  --shadow-mac-tooltip: var(--mac-shadow-tooltip);\n  --shadow-mac-dock: var(--mac-shadow-dock);\n  --shadow-mac-dock-label: var(--mac-shadow-dock-label);\n  --shadow-mac-window: var(--mac-shadow-window);\n  --shadow-mac-window-inactive: var(--mac-shadow-window-inactive);\n  --shadow-mac-focus: var(--mac-focus-ring);\n\n  /* macOS text styles: size / line height */\n  --text-mac-large-title: 26px;\n  --text-mac-large-title--line-height: 32px;\n  --text-mac-title-1: 22px;\n  --text-mac-title-1--line-height: 26px;\n  --text-mac-title-2: 17px;\n  --text-mac-title-2--line-height: 22px;\n  --text-mac-title-3: 15px;\n  --text-mac-title-3--line-height: 20px;\n  --text-mac-headline: 13px;\n  --text-mac-headline--line-height: 16px;\n  --text-mac-body: 13px;\n  --text-mac-body--line-height: 16px;\n  --text-mac-callout: 12px;\n  --text-mac-callout--line-height: 15px;\n  --text-mac-subheadline: 11px;\n  --text-mac-subheadline--line-height: 14px;\n  --text-mac-footnote: 10px;\n  --text-mac-footnote--line-height: 13px;\n  --text-mac-caption: 10px;\n  --text-mac-caption--line-height: 13px;\n}\n\n/* Translucent, blurred backgrounds used by menus, popovers, sidebars and title bars. */\n@utility mac-material-menu {\n  background-color: var(--mac-material-menu);\n  -webkit-backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n  backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n}\n\n@utility mac-material-popover {\n  background-color: var(--mac-material-popover);\n  -webkit-backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n  backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n}\n\n@utility mac-material-hud {\n  background-color: var(--mac-material-hud);\n  -webkit-backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n  backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n}\n\n@utility mac-material-tooltip {\n  background-color: var(--mac-material-tooltip);\n  -webkit-backdrop-filter: blur(20px) saturate(180%);\n  backdrop-filter: blur(20px) saturate(180%);\n}\n\n@utility mac-material-dock {\n  background-color: var(--mac-material-dock);\n  -webkit-backdrop-filter: blur(var(--mac-material-blur)) saturate(var(--mac-material-dock-saturation, 180%)) brightness(var(--mac-material-dock-brightness, 1));\n  backdrop-filter: blur(var(--mac-material-blur)) saturate(var(--mac-material-dock-saturation, 180%)) brightness(var(--mac-material-dock-brightness, 1));\n}\n\n/* The label above a Dock icon: a capsule with an arrow pointing at it. */\n@utility mac-material-dock-label {\n  background-color: var(--mac-dock-label);\n  -webkit-backdrop-filter: blur(20px) saturate(var(--mac-dock-label-saturation, 180%));\n  backdrop-filter: blur(20px) saturate(var(--mac-dock-label-saturation, 180%));\n}\n\n@utility mac-material-sidebar {\n  background-color: var(--mac-sidebar);\n  -webkit-backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n  backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n}\n\n@utility mac-material-titlebar {\n  background-color: var(--mac-titlebar);\n  -webkit-backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n  backdrop-filter: blur(var(--mac-material-blur)) saturate(180%);\n}\n\n/*\n * Liquid Glass: the capsule behind toolbar items and toolbar search fields.\n * Light catches the top and bottom edges; the sides get a darker rim.\n */\n@utility mac-glass {\n  background-color: var(--mac-glass);\n  box-shadow:\n    inset 0 1px 0 var(--mac-glass-edge),\n    inset 0 -1px 0 var(--mac-glass-edge),\n    inset 1px 0 0 var(--mac-glass-rim),\n    inset -1px 0 0 var(--mac-glass-rim),\n    var(--mac-glass-shadow);\n}\n\n/* The macOS focus ring: a soft accent halo plus a crisp inner edge. */\n@utility mac-focus-ring {\n  outline: none;\n  box-shadow:\n    0 0 0 3.5px color-mix(in srgb, var(--mac-accent) 50%, transparent),\n    inset 0 0 0 1px color-mix(in srgb, var(--mac-accent) 50%, transparent);\n}\n\n/* Rounded alternating stripes behind 20px table rows (every second row). */\n/* Text that shimmers while something is in progress, as in shadcn's Trace\n   and Attachment: a lighter band sweeps across the label color. */\n@utility shimmer {\n  background-image: linear-gradient(\n    100deg,\n    currentColor 35%,\n    color-mix(in srgb, currentColor 30%, transparent) 50%,\n    currentColor 65%\n  );\n  background-size: 300% 100%;\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: mac-shimmer 2.2s linear infinite;\n}\n\n@utility shimmer-none {\n  animation: none;\n  background-image: none;\n  -webkit-text-fill-color: currentColor;\n}\n\n@keyframes mac-shimmer {\n  from {\n    background-position: 100% 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n\n@utility mac-table-stripes {\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='40'%3E%3Crect y='20' width='100%25' height='20' rx='5'/%3E%3C/svg%3E\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='40'%3E%3Crect y='20' width='100%25' height='20' rx='5'/%3E%3C/svg%3E\");\n  -webkit-mask-size: 100% 40px;\n  mask-size: 100% 40px;\n  -webkit-mask-repeat: repeat-y;\n  mask-repeat: repeat-y;\n}\n\n@layer base {\n  * {\n    @apply border-border outline-ring/50;\n  }\n  body {\n    @apply bg-background font-sans text-mac-body text-foreground;\n    /* Keep macOS's own text rendering, which matches native controls. */\n    -webkit-font-smoothing: auto;\n  }\n}\n",
      "type": "registry:file",
      "target": "app/macos.css"
    },
    {
      "path": "lib/utils.ts",
      "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { extendTailwindMerge } from \"tailwind-merge\"\n\n// Teach tailwind-merge the macOS theme scales, so e.g. `text-mac-body`\n// (a font size) is not mistaken for a text color and dropped.\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      text: [\n        \"mac-large-title\",\n        \"mac-title-1\",\n        \"mac-title-2\",\n        \"mac-title-3\",\n        \"mac-headline\",\n        \"mac-body\",\n        \"mac-callout\",\n        \"mac-subheadline\",\n        \"mac-footnote\",\n        \"mac-caption\",\n      ],\n      radius: [\n        \"mac-control\",\n        \"mac-menu\",\n        \"mac-item\",\n        \"mac-group\",\n        \"mac-popover\",\n        \"mac-alert\",\n        \"mac-window\",\n      ],\n      shadow: [\n        \"mac-menu\",\n        \"mac-popover\",\n        \"mac-tooltip\",\n        \"mac-dock\",\n        \"mac-window\",\n        \"mac-window-inactive\",\n        \"mac-focus\",\n      ],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
      "type": "registry:lib"
    }
  ],
  "type": "registry:style"
}