{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "checkbox",
  "title": "Checkbox",
  "author": "Poyraz Avsever",
  "description": "Poyraz Soft Glass checkbox component.",
  "dependencies": [
    "@radix-ui/react-checkbox@^1.3.3"
  ],
  "registryDependencies": [
    "@poyraz/poyraz-utils",
    "@poyraz/poyraz-theme"
  ],
  "files": [
    {
      "path": "registry/poyraz/ui/phase5/atoms/checkbox.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { cn } from \"@/lib/utils\";\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    data-slot=\"checkbox\"\n    className={cn(\n      \"group relative size-5 shrink-0 cursor-pointer rounded-md border border-input bg-surface shadow-xs\",\n      \"after:absolute after:-inset-2 after:content-['']\",\n      \"transition-[color,background-color,border-color,transform] duration-[var(--poyraz-motion-duration-fast)]\",\n      \"focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25\",\n      \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n      \"disabled:cursor-not-allowed disabled:border-border disabled:bg-disabled disabled:text-disabled-foreground disabled:opacity-100\",\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      data-slot=\"checkbox-indicator\"\n      className=\"flex items-center justify-center text-current group-data-[state=checked]:animate-poyraz-scale-in\"\n    >\n      <svg\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <polyline points=\"2.5 6 5 8.5 9.5 3.5\" />\n      </svg>\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n",
      "type": "registry:ui",
      "target": "@ui/atoms/checkbox.tsx"
    }
  ],
  "css": {
    "@media (forced-colors: active)": {
      "[data-slot=\"checkbox\"]": {
        "forced-color-adjust": "auto"
      },
      "[data-slot=\"checkbox\"][data-state=\"checked\"]": {
        "background": "Highlight",
        "color": "HighlightText"
      }
    }
  },
  "meta": {
    "category": "phase-5-foundation",
    "phase": "beta"
  },
  "type": "registry:ui"
}