{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gallery-disc-tray",
  "type": "registry:ui",
  "title": "Frosted disc tray",
  "description": "Portable controlled disc console artwork.",
  "dependencies": [],
  "registryDependencies": [
    "https://pluginui.com/r/gallery-disc-control-styles.json"
  ],
  "files": [
    {
      "path": "components/ui/disc-tray.tsx",
      "content": "/**\n * Source: https://maru.audio/ui-kit/disc-tray\n * Copyright © [Maru](https://maru.audio)\n *\n * Maru UI Kit — https://maru.audio/ui-kit\n *\n * Installed from the Maru UI registry. This file is yours now: edit it\n * freely, it will not be overwritten unless you re-run the add command.\n *\n * Keep this item’s companion files and CSS imports together. Dependencies\n * declared by the registry are installed with the source.\n */\nimport type { CSSProperties } from \"react\"\nimport \"@/components/ui/disc-controls.css\"\nexport interface DiscTrayProps {\n  drive?: number\n  tone?: number\n  variant?: \"ice\" | \"ember\" | \"aqua\"\n  title?: string\n  subtitle?: string\n  number?: string\n  character?: string\n  active?: boolean\n  width?: number\n}\n/** Procedural disc illustration; no playback, sound assets or product branding. */\nexport function DiscTray({\n  drive = 0.5,\n  tone = 0.5,\n  variant = \"ice\",\n  title = \"EMBER\",\n  subtitle = \"SUBTLE MOTION\",\n  number = \"01\",\n  character = \"TUBE\",\n  active = true,\n  width = 270,\n}: DiscTrayProps) {\n  return (\n    <div\n      className=\"disc-tray\"\n      role=\"img\"\n      aria-label={`${title} disc illustration`}\n      data-variant={variant}\n      data-active={active}\n      style={\n        {\n          width,\n          \"--disc-rotation\": `${drive * 40}deg`,\n          \"--disc-hue\": `${(tone - 0.5) * 20}deg`,\n        } as CSSProperties\n      }\n    >\n      <span className=\"disc-tray__corner disc-tray__corner--left\" />\n      <span className=\"disc-tray__corner disc-tray__corner--right\" />\n      <span className=\"disc-tray__screws\" />\n      <div className=\"disc-tray__record\" />\n      <div className=\"disc-tray__card\">\n        <div className=\"disc-tray__caption\">\n          <span>DISC {number}</span>\n          <span>{character}</span>\n        </div>\n        <strong>{title}</strong>\n        <small>{subtitle}</small>\n      </div>\n      <div className=\"disc-tray__hub\">\n        <i />\n        <i />\n        <i />\n        <i />\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "@ui/disc-tray.tsx"
    }
  ]
}