{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section",
  "title": "section",
  "dependencies": [
    "class-variance-authority@^0.7"
  ],
  "registryDependencies": [
    "@dwellir/dwellir-theme",
    "@dwellir/utils",
    "@dwellir/aurora-curtain"
  ],
  "files": [
    {
      "path": "components/brand/section.tsx",
      "content": "import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\nimport { AuroraCurtain } from './aurora-curtain';\n\nconst sectionVariants = cva('relative', {\n  variants: {\n    /**\n     * ground: the page ground. alt: the second ground, an inset rounded sheet;\n     * its cards take the page ground. sky: the deep sheet of the hero and the\n     * closing call to action, with the film grain.\n     */\n    tone: { ground: '', alt: '', sky: '' },\n    space: {\n      default: 'py-14 lg:py-20',\n      compact: 'py-10 lg:py-14',\n      /* The landing page: more air between its long sections; phones gain a little, wide screens most. */\n      roomy: 'py-16 lg:py-32',\n      none: '',\n    },\n  },\n  defaultVariants: { tone: 'ground', space: 'default' },\n});\n\ntype SectionProps = ComponentProps<'section'> &\n  VariantProps<typeof sectionVariants> & {\n    /** A still aurora curtain behind the content. For sky sheets. */\n    aurora?: boolean;\n  };\n\n/**\n * One band of a page. data-au-band is the identity's hook: styles/aurora-sections.css\n * insets and rounds the sheets and swaps the alt grounds, and the solar wind\n * (components/aurora/wind) shows inside the sheets. Keep its wrappers free of\n * a background, z-index and isolation, or the wind cannot show through.\n */\nfunction Section({ className, tone, space, aurora = false, children, ...props }: SectionProps) {\n  return (\n    <section\n      data-slot=\"section\"\n      data-au-band={tone ?? 'ground'}\n      className={cn(sectionVariants({ tone, space }), className)}\n      {...props}\n    >\n      {aurora ? <AuroraCurtain className=\"inset-x-0 bottom-0 h-full\" /> : null}\n      {children}\n    </section>\n  );\n}\n\nexport { Section, sectionVariants };\n",
      "type": "registry:component",
      "target": "components/brand/section.tsx"
    }
  ],
  "type": "registry:component"
}