{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "aurora-curtain",
  "title": "aurora-curtain",
  "dependencies": [],
  "registryDependencies": [
    "@dwellir/dwellir-theme",
    "@dwellir/utils"
  ],
  "files": [
    {
      "path": "components/brand/aurora-curtain.tsx",
      "content": "import type { CSSProperties } from 'react';\nimport { cn } from '@/lib/utils';\n\ntype AuroraCurtainProps = {\n  className?: string;\n  /**\n   * A CSS colour for the lower rays and the glow, such as a chain's icon\n   * colour. Without it the curtain takes the palette's green.\n   */\n  tint?: string;\n  /**\n   * For a curtain narrower than its sheet: the named sides fade out, so the\n   * curtain's own edges do not show. A side at the sheet's edge needs none.\n   */\n  fade?: 'left' | 'right' | 'both';\n};\n\n/**\n * A still aurora curtain: rays rise from a waving lower edge, green to violet\n * and rose (the aurora-curtain utility in styles/tailwind.css). It is CSS\n * only and does not move, so it costs no frame time, and glass over it is\n * not drawn again on every frame. Place and size it with className; it sits\n * behind the content (-z-1) and ignores the pointer.\n */\nfunction AuroraCurtain({ className, tint, fade }: AuroraCurtainProps) {\n  const style = tint ? ({ '--ds-curtain-tint': tint } as CSSProperties) : undefined;\n  return (\n    <div\n      data-slot=\"aurora-curtain\"\n      aria-hidden=\"true\"\n      data-fade={fade}\n      className={cn('aurora-curtain -z-1', className)}\n      style={style}\n    />\n  );\n}\n\nexport { AuroraCurtain };\n",
      "type": "registry:component",
      "target": "components/brand/aurora-curtain.tsx"
    }
  ],
  "type": "registry:component"
}