{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "checkbox",
  "type": "registry:item",
  "title": "Checkbox",
  "description": "A control that allows users to select one or more options from a set.",
  "files": [
    {
      "path": "registry/brook/ui/checkbox/checkbox.tsx",
      "content": "\"use client\";\n\nimport { Checkbox } from \"@base-ui/react/checkbox\";\nimport { cn } from \"@/lib/utils\";\nimport styles from \"./checkbox.module.css\";\n\nfunction CheckboxRoot({ className, ...props }: Checkbox.Root.Props) {\n  return (\n    <Checkbox.Root className={cn(\"hit-area-extend\", styles.root, className)} data-slot=\"checkbox-root\" {...props} />\n  );\n}\n\nfunction CheckboxIndicator({ className, ...props }: Checkbox.Indicator.Props) {\n  return <Checkbox.Indicator className={cn(styles.indicator, className)} data-slot=\"checkbox-indicator\" {...props} />;\n}\n\nexport { CheckboxRoot as Checkbox, CheckboxIndicator };\n",
      "type": "registry:file",
      "target": "~/components/ui/checkbox/checkbox.tsx"
    },
    {
      "path": "registry/brook/ui/checkbox/checkbox.module.css",
      "content": ".root {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.125rem;\n  height: 1.125rem;\n  border-radius: 0.3125rem;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n\n  &[data-unchecked] {\n    border: 1px solid oklch(from var(--border) l c h / 0.8);\n    background-color: transparent;\n  }\n\n  &[data-checked],\n  &[data-indeterminate] {\n    border: 1px solid var(--border);\n    background-color: var(--primary);\n  }\n\n  &:focus-visible {\n    outline: 1px solid var(--ring);\n    outline-offset: 1px;\n  }\n}\n\n.indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: var(--primary-foreground);\n\n  & > svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  &[data-unchecked]:not([data-indeterminate]) {\n    display: none;\n  }\n}\n",
      "type": "registry:file",
      "target": "~/components/ui/checkbox/checkbox.module.css"
    }
  ]
}