{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "container",
  "title": "Container",
  "description": "Centered column with the fluid gutter.",
  "dependencies": [],
  "registryDependencies": [
    "@hjconsult/lib"
  ],
  "files": [
    {
      "path": "src/components/container/index.tsx",
      "content": "import type { ComponentPropsWithoutRef, Ref } from 'react'\nimport { cn } from '../../lib'\n\nexport type ContainerSize = 'prose' | 'narrow' | 'default' | 'wide'\n\nexport const containerSizes: Record<ContainerSize, string> = {\n  prose: 'max-w-prose',\n  narrow: 'max-w-narrow',\n  default: 'max-w-default',\n  wide: 'max-w-wide',\n}\n\nexport interface ContainerProps extends ComponentPropsWithoutRef<'div'> {\n  as?: 'div' | 'section' | 'article' | 'header' | 'footer' | 'nav' | 'main'\n  size?: ContainerSize\n  ref?: Ref<HTMLDivElement>\n}\n\n/** Centered column with the fluid horizontal gutter. */\nexport function Container({ as = 'div', size = 'default', className, ...props }: ContainerProps) {\n  const Tag = as as 'div'\n  return (\n    <Tag\n      className={cn('mx-auto w-full px-[var(--hj-space-gutter)]', containerSizes[size], className)}\n      {...props}\n    />\n  )\n}\n",
      "type": "registry:ui",
      "target": "hj/components/container/index.tsx"
    }
  ],
  "cssVars": {},
  "type": "registry:ui"
}