{"version":3,"sources":["../components/form/tag-picker.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\n\nimport { cn } from '../../utils/ui';\nimport { Label } from '../ui/label';\nimport { TagPicker } from '../ui/tag-picker';\n\nexport interface FormTagPickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  value: string[];\n  onChange: (values: string[]) => void;\n  suggestions?: string[];\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTagPicker({\n  id,\n  name,\n  label,\n  value,\n  onChange,\n  suggestions = [],\n  placeholder = 'Add tags...',\n  disabled = false,\n  required = false,\n  classNames,\n}: FormTagPickerProps) {\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('space-y-2', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <TagPicker\n        id={id}\n        value={value}\n        onChange={onChange}\n        suggestions={suggestions}\n        placeholder={placeholder}\n        disabled={disabled}\n        className={classNames?.input}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAuBhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AACF,GAAuB;AACrB,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,aAAa,yCAAY,OAAO,KAChD,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,yCAAY;AAAA;AAAA,EACzB,CACF;AAEJ;","names":[]}