{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "window",
  "title": "Window",
  "description": "Brushed metal window chrome with traffic lights and a titlebar.",
  "files": [
    {
      "path": "registry/aqua/ui/window.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Window({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"window\"\n      className={cn(\n        \"overflow-hidden rounded-[10px] bg-[repeating-linear-gradient(180deg,rgba(255,255,255,0.06)_0px,rgba(255,255,255,0.06)_1px,rgba(0,0,0,0.03)_1px,rgba(0,0,0,0.03)_2px),linear-gradient(180deg,#d9dbde_0%,#c3c6ca_100%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.7),0_0_0_1px_rgba(40,45,55,0.35),0_18px_40px_rgba(30,40,60,0.3),0_4px_10px_rgba(30,40,60,0.2)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction WindowTitlebar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"window-titlebar\"\n      className={cn(\"relative flex h-[34px] items-center px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction WindowTitle({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"window-title\"\n      className={cn(\n        \"pointer-events-none absolute inset-x-0 text-center text-[13px] font-semibold text-[#43484f] [text-shadow:0_1px_0_rgba(255,255,255,0.6)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst LIGHT_TINTS = {\n  red: \"border-[#c93a2b] bg-[radial-gradient(circle_at_50%_30%,#ff8a80,#ec4c3c_70%)]\",\n  yellow: \"border-[#cf9325] bg-[radial-gradient(circle_at_50%_30%,#ffe082,#f5b731_70%)]\",\n  green: \"border-[#43a12f] bg-[radial-gradient(circle_at_50%_30%,#b9f6a5,#56c93f_70%)]\",\n} as const\n\nfunction TrafficLights({ className, ...props }: React.ComponentProps<\"div\">) {\n  const lights = Object.keys(LIGHT_TINTS) as Array<keyof typeof LIGHT_TINTS>\n\n  return (\n    <div\n      data-slot=\"traffic-lights\"\n      className={cn(\"z-10 flex gap-2\", className)}\n      {...props}\n    >\n      {lights.map((tint) => (\n        <span\n          key={tint}\n          className={cn(\n            \"relative size-[13px] rounded-full border shadow-[inset_0_1px_2px_rgba(0,0,0,0.25),0_1px_0_rgba(255,255,255,0.5)] after:absolute after:left-[3px] after:right-[3px] after:top-px after:h-[5px] after:rounded-full after:bg-[linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.15))] after:content-['']\",\n            LIGHT_TINTS[tint]\n          )}\n        />\n      ))}\n    </div>\n  )\n}\n\nfunction WindowContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"window-content\"\n      className={cn(\"bg-[#f4f5f8] text-[13px] text-[#33383f]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Window, WindowTitlebar, WindowTitle, WindowContent, TrafficLights }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}