{"version":3,"sources":["../components/form/checkbox.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../utils/ui';\nimport { Label } from '../ui/label';\nimport { Checkbox } from '../ui/checkbox';\n\nexport interface FormCheckboxProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    checkbox?: string;\n  };\n}\n\nexport function FormCheckbox({\n  id,\n  name,\n  label,\n  required,\n  disabled,\n  checked,\n  onCheckedChange,\n  classNames,\n}: FormCheckboxProps) {\n  const checkboxId = id || _kebabCase(name);\n\n  return (\n    <div className={cn('$form-checkbox flex items-center gap-3', classNames?.wrapper)}>\n      <Checkbox\n        id={checkboxId}\n        name={name}\n        disabled={disabled}\n        required={required}\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className={cn(classNames?.checkbox)}\n      />\n\n      {label && (\n        <Label htmlFor={checkboxId} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAoBhB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,aAAa,MAAM,WAAW,IAAI;AAExC,SACE,oCAAC,SAAI,WAAW,GAAG,0CAA0C,yCAAY,OAAO,KAC9E;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yCAAY,QAAQ;AAAA;AAAA,EACpC,GAEC,SACC,oCAAC,SAAM,SAAS,YAAY,WAAW,yCAAY,OAAO,YACvD,KACH,CAEJ;AAEJ;","names":[]}