@mage-ui/components 0.0.46 → 0.0.48

package/dist/components/forms/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":["schema: ZodObject<ZodRawShape>","field: string","children: React.ReactNode","register: UseFormRegister<Record<string, string>>","errors: FieldErrors","rules: ZodObject<ZodRawShape>","value: unknown"],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } from 'react';\nimport {\n  type FieldErrors,\n  FormProvider,\n  type UseFormRegister,\n  useForm,\n} from 'react-hook-form';\nimport { ZodEffects, type ZodObject, type ZodRawShape, z } from 'zod';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\n\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCheckboxGroup } from './controls/FormCheckboxGroup';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDatePicker } from './controls/FormDatePicker';\nimport { FormIfField } from './controls/FormIfField';\nimport { FormInputFile } from './controls/FormInputFile';\nimport { FormInputPassword } from './controls/FormInputPassword';\nimport { FormInputText } from './controls/FormInputText';\nimport { FormRadio } from './controls/FormRadio';\nimport { FormRadioGroup } from './controls/FormRadioGroup';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormTextarea } from './controls/FormTextarea';\n\nexport type FormProps = {\n  defaultValues?: object;\n  rules?: ZodObject<ZodRawShape> | ZodEffects<ZodObject<ZodRawShape>>;\n  onSubmit: (formData: object) => void;\n  children: React.ReactNode;\n};\n\nexport const Form = ({\n  defaultValues,\n  rules = z.object({}).refine(() => {}),\n  onSubmit,\n  children,\n  ...props\n}: FormProps) => {\n  const schema: ZodObject<ZodRawShape> =\n    rules instanceof ZodEffects ? rules._def.schema : rules;\n\n  const form = useForm({\n    shouldFocusError: true,\n    ...(rules && Object.keys(schema?.shape || {}).length > 0\n      ? { resolver: zodResolver(schema) }\n      : {}),\n    defaultValues,\n  });\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = form;\n\n  return (\n    <FormProvider {...form}>\n      <form onSubmit={handleSubmit(onSubmit)} {...props}>\n        {renderChildrenRecursively(children, register, errors, schema)}\n      </form>\n    </FormProvider>\n  );\n};\n\nconst controlList = [\n  FormInputText,\n  FormCheckboxGroup,\n  FormCheckbox,\n  FormCombobox,\n  FormRadioGroup,\n  FormRadio,\n  FormTextarea,\n  FormSelect,\n  FormDatePicker,\n  FormInputFile,\n  FormInputPassword,\n  FormIfField,\n];\n\nconst isRequired = (schema: ZodObject<ZodRawShape>, field: string) => {\n  const shape = schema?.shape?.[field] || undefined;\n  if (shape === undefined) {\n    return false;\n  }\n\n  return !(shape.isOptional() || shape.isNullable());\n};\n\nconst renderChildrenRecursively = (\n  children: React.ReactNode,\n  register: UseFormRegister<Record<string, string>>,\n  errors: FieldErrors,\n  rules: ZodObject<ZodRawShape>,\n): ReactNode => {\n  return Children.map(children, (child) => {\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const props = child.props as {\n      name?: string;\n      type?: string;\n      children?: ReactNode;\n    };\n\n    if (controlList.some((control) => child.type === control)) {\n      if (props.name) {\n        const newProps = {\n          required: isRequired(rules, props.name),\n          error: errors[props.name]?.message,\n          ...props,\n          ...register(props.name, {\n            setValueAs: (value: unknown) => {\n              return value === '' || value === null ? undefined : value;\n            },\n          }),\n        };\n        return cloneElement(child, newProps);\n      }\n    }\n\n    if (props.children) {\n      return cloneElement(\n        child,\n        props,\n        renderChildrenRecursively(props.children, register, errors, rules),\n      );\n    }\n\n    return child;\n  });\n};\n\nForm.InputText = FormInputText;\nForm.Checkbox = FormCheckbox;\nForm.CheckboxGroup = FormCheckboxGroup;\nForm.Combobox = FormCombobox;\nForm.RadioGroup = FormRadioGroup;\nForm.Radio = FormRadio;\nForm.Textarea = FormTextarea;\nForm.Select = FormSelect;\nForm.DatePicker = FormDatePicker;\nForm.InputFile = FormInputFile;\nForm.InputPassword = FormInputPassword;\nForm.IfField = FormIfField;\n"],"mappings":"q9BAuFA,MAxDa,EAAO,CAAC,CACnB,gBACA,QAAQ,EAAE,OAAO,CAAE,EAAC,CAAC,OAAO,IAAM,CAAE,EAAC,CACrC,WACA,WACA,GAAG,EACO,GAAK,CAWf,IAVMA,EACJ,aAAiB,EAAa,EAAM,KAAK,OAAS,EAE9C,EAAO,EAAQ,CACnB,kBAAkB,EAClB,GAAI,GAAS,OAAO,KAAK,GAAQ,OAAS,CAAE,EAAC,CAAC,OAAS,EACnD,CAAE,SAAU,EAAY,EAAO,AAAE,EACjC,CAAE,EACN,eACD,EAAC,CACI,CACJ,WACA,eACA,UAAW,CAAE,SAAQ,CACtB,CAAG,EAEJ,MACE,GAAC,EAAA,CAAa,GAAI,WAChB,EAAC,OAAA,CAAK,SAAU,EAAa,EAAS,CAAE,GAAI,WACzC,EAA0B,EAAU,EAAU,EAAQ,EAAO,EACzD,EACM,AAElB,EAEK,EAAc,CAClB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACD,EAEK,EAAa,CAACA,EAAgCC,IAAkB,CACpE,IAAM,EAAQ,GAAQ,QAAQ,QAAA,GAK9B,OAJI,QAAA,IACK,IAGA,EAAM,YAAY,EAAI,EAAM,YAAY,CAClD,EAEK,EAA4B,CAChCC,EACAC,EACAC,EACAC,IAEO,EAAS,IAAI,EAAU,AAAC,GAAU,CACvC,IAAK,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAQ,EAAM,MAMpB,GAAI,EAAY,KAAK,AAAC,GAAY,EAAM,OAAS,EAAQ,EACnD,EAAM,KAAM,CACd,IAAM,EAAW,CACf,SAAU,EAAW,EAAO,EAAM,KAAK,CACvC,MAAO,EAAO,EAAM,OAAO,QAC3B,GAAG,EACH,GAAG,EAAS,EAAM,KAAM,CACtB,WAAY,AAACC,GACJ,IAAU,IAAM,IAAU,SAAA,GAAmB,CAEvD,EAAC,AACH,EACD,MAAO,GAAa,EAAO,EAAS,AACrC,CAWH,OARI,EAAM,SACD,EACL,EACA,EACA,EAA0B,EAAM,SAAU,EAAU,EAAQ,EAAM,CACnE,CAGI,CACR,EAAC,CAcJ,AAXA,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,cAAgB,EACrB,EAAK,SAAW,EAChB,EAAK,WAAa,EAClB,EAAK,MAAQ,EACb,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,WAAa,EAClB,EAAK,UAAY,EACjB,EAAK,cAAgB,EACrB,EAAK,QAAU"}
+{"version":3,"file":"Form.js","names":["schema: ZodObject<ZodRawShape>"],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } from 'react';\nimport {\n  type FieldErrors,\n  FormProvider,\n  type UseFormRegister,\n  useForm,\n} from 'react-hook-form';\nimport { ZodEffects, type ZodObject, type ZodRawShape, z } from 'zod';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\n\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCheckboxGroup } from './controls/FormCheckboxGroup';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDatePicker } from './controls/FormDatePicker';\nimport { FormIfField } from './controls/FormIfField';\nimport { FormInputFile } from './controls/FormInputFile';\nimport { FormInputPassword } from './controls/FormInputPassword';\nimport { FormInputText } from './controls/FormInputText';\nimport { FormRadio } from './controls/FormRadio';\nimport { FormRadioGroup } from './controls/FormRadioGroup';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormTextarea } from './controls/FormTextarea';\n\nexport type FormProps = {\n  defaultValues?: object;\n  rules?: ZodObject<ZodRawShape> | ZodEffects<ZodObject<ZodRawShape>>;\n  onSubmit: (formData: object) => void;\n  children: React.ReactNode;\n};\n\nexport const Form = ({\n  defaultValues,\n  rules = z.object({}).refine(() => {}),\n  onSubmit,\n  children,\n  ...props\n}: FormProps) => {\n  const schema: ZodObject<ZodRawShape> =\n    rules instanceof ZodEffects ? rules._def.schema : rules;\n\n  const form = useForm({\n    shouldFocusError: true,\n    ...(rules && Object.keys(schema?.shape || {}).length > 0\n      ? { resolver: zodResolver(schema) }\n      : {}),\n    defaultValues,\n  });\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = form;\n\n  return (\n    <FormProvider {...form}>\n      <form onSubmit={handleSubmit(onSubmit)} {...props}>\n        {renderChildrenRecursively(children, register, errors, schema)}\n      </form>\n    </FormProvider>\n  );\n};\n\nconst controlList = [\n  FormInputText,\n  FormCheckboxGroup,\n  FormCheckbox,\n  FormCombobox,\n  FormRadioGroup,\n  FormRadio,\n  FormTextarea,\n  FormSelect,\n  FormDatePicker,\n  FormInputFile,\n  FormInputPassword,\n  FormIfField,\n];\n\nconst isRequired = (schema: ZodObject<ZodRawShape>, field: string) => {\n  const shape = schema?.shape?.[field] || undefined;\n  if (shape === undefined) {\n    return false;\n  }\n\n  return !(shape.isOptional() || shape.isNullable());\n};\n\nconst renderChildrenRecursively = (\n  children: React.ReactNode,\n  register: UseFormRegister<Record<string, string>>,\n  errors: FieldErrors,\n  rules: ZodObject<ZodRawShape>,\n): ReactNode => {\n  return Children.map(children, (child) => {\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const props = child.props as {\n      name?: string;\n      type?: string;\n      children?: ReactNode;\n    };\n\n    if (controlList.some((control) => child.type === control)) {\n      if (props.name) {\n        const newProps = {\n          required: isRequired(rules, props.name),\n          error: errors[props.name]?.message,\n          ...props,\n          ...register(props.name, {\n            setValueAs: (value: unknown) => {\n              return value === '' || value === null ? undefined : value;\n            },\n          }),\n        };\n        return cloneElement(child, newProps);\n      }\n    }\n\n    if (props.children) {\n      return cloneElement(\n        child,\n        props,\n        renderChildrenRecursively(props.children, register, errors, rules),\n      );\n    }\n\n    return child;\n  });\n};\n\nForm.InputText = FormInputText;\nForm.Checkbox = FormCheckbox;\nForm.CheckboxGroup = FormCheckboxGroup;\nForm.Combobox = FormCombobox;\nForm.RadioGroup = FormRadioGroup;\nForm.Radio = FormRadio;\nForm.Textarea = FormTextarea;\nForm.Select = FormSelect;\nForm.DatePicker = FormDatePicker;\nForm.InputFile = FormInputFile;\nForm.InputPassword = FormInputPassword;\nForm.IfField = FormIfField;\n"],"mappings":"q9BA+BA,MAAa,GAAQ,CACnB,gBACA,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,WAAa,GAAG,CACrC,WACA,WACA,GAAG,KACY,CACf,IAAMA,EACJ,aAAiB,EAAa,EAAM,KAAK,OAAS,EAE9C,EAAO,EAAQ,CACnB,iBAAkB,GAClB,GAAI,GAAS,OAAO,KAAK,GAAQ,OAAS,EAAE,CAAC,CAAC,OAAS,EACnD,CAAE,SAAU,EAAY,EAAO,CAAE,CACjC,EAAE,CACN,gBACD,CAAC,CACI,CACJ,WACA,eACA,UAAW,CAAE,WACX,EAEJ,OACE,EAAC,EAAA,CAAa,GAAI,WAChB,EAAC,OAAA,CAAK,SAAU,EAAa,EAAS,CAAE,GAAI,WACzC,EAA0B,EAAU,EAAU,EAAQ,EAAO,EACzD,EACM,EAIb,EAAc,CAClB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CAEK,GAAc,EAAgC,IAAkB,CACpE,IAAM,EAAQ,GAAQ,QAAQ,IAAU,IAAA,GAKxC,OAJI,IAAU,IAAA,GACL,GAGF,EAAE,EAAM,YAAY,EAAI,EAAM,YAAY,GAG7C,GACJ,EACA,EACA,EACA,IAEO,EAAS,IAAI,EAAW,GAAU,CACvC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAQ,EAAM,MAMpB,GAAI,EAAY,KAAM,GAAY,EAAM,OAAS,EAAQ,EACnD,EAAM,KAAM,CACd,IAAM,EAAW,CACf,SAAU,EAAW,EAAO,EAAM,KAAK,CACvC,MAAO,EAAO,EAAM,OAAO,QAC3B,GAAG,EACH,GAAG,EAAS,EAAM,KAAM,CACtB,WAAa,GACJ,IAAU,IAAM,IAAU,KAAO,IAAA,GAAY,EAEvD,CAAC,CACH,CACD,OAAO,EAAa,EAAO,EAAS,CAYxC,OARI,EAAM,SACD,EACL,EACA,EACA,EAA0B,EAAM,SAAU,EAAU,EAAQ,EAAM,CACnE,CAGI,GACP,CAGJ,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,cAAgB,EACrB,EAAK,SAAW,EAChB,EAAK,WAAa,EAClB,EAAK,MAAQ,EACb,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,WAAa,EAClB,EAAK,UAAY,EACjB,EAAK,cAAgB,EACrB,EAAK,QAAU"}

package/dist/components/forms/form/controls/FormCheckbox.js

@@ -1,2 +1,2 @@
-import{Checkbox as e}from"../../../controls/checkbox/Checkbox.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,render:({field:{value:n,onChange:r}})=>t(e,{...a,onChange:e=>r(e.currentTarget.checked),checked:n})});i.displayName=`Form.Checkbox`;const a=(e=`The field is required`)=>r.boolean({message:e}).refine(e=>e===!0,{message:e});i.rules={required:a};export{i as FormCheckbox};
+import{Checkbox as e}from"../../../controls/checkbox/Checkbox.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,render:({field:{value:n,onChange:r}})=>t(e,{...a,onChange:e=>r(e.currentTarget.checked),checked:n})});i.displayName=`Form.Checkbox`,i.rules={required:(e=`The field is required`)=>r.boolean({message:e}).refine(e=>e===!0,{message:e})};export{i as FormCheckbox};
 //# sourceMappingURL=FormCheckbox.js.map

package/dist/components/forms/form/controls/FormCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckbox.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckbox.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Checkbox, type CheckboxProps } from '@/components/controls';\n\nexport type FormCheckboxProps = Omit<CheckboxProps, 'checked'> & {\n  control?: Control;\n};\n\nexport const FormCheckbox = ({\n  name,\n  control,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <Checkbox\n            {...props}\n            onChange={(event) => onChange(event.currentTarget.checked)}\n            checked={value}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n\nexport const required = (message = 'The field is required') => {\n  return z.boolean({ message }).refine((value) => value === true, {\n    message,\n  });\n};\n\nFormCheckbox.rules = { required };\n"],"mappings":"+KASA,MAAa,EAAe,CAAC,CAC3B,OACA,UACA,GAAG,EACe,GAEhB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CACC,GAAI,EACJ,SAAU,AAAC,GAAU,EAAS,EAAM,cAAc,QAAQ,CAC1D,QAAS,GACT,EAGN,CAIN,EAAa,YAAc,gBAE3B,MAAa,EAAW,CAAC,EAAU,0BAC1B,EAAE,QAAQ,CAAE,SAAS,EAAC,CAAC,OAAO,AAAC,GAAU,KAAU,EAAM,CAC9D,SACD,EAAC,CAGJ,EAAa,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormCheckbox.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckbox.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Checkbox, type CheckboxProps } from '@/components/controls';\n\nexport type FormCheckboxProps = Omit<CheckboxProps, 'checked'> & {\n  control?: Control;\n};\n\nexport const FormCheckbox = ({\n  name,\n  control,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <Checkbox\n            {...props}\n            onChange={(event) => onChange(event.currentTarget.checked)}\n            checked={value}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n\nexport const required = (message = 'The field is required') => {\n  return z.boolean({ message }).refine((value) => value === true, {\n    message,\n  });\n};\n\nFormCheckbox.rules = { required };\n"],"mappings":"+KASA,MAAa,GAAgB,CAC3B,OACA,UACA,GAAG,KAGD,EAAC,EAAA,CACO,OACG,UACT,QAAS,CAAE,MAAO,CAAE,QAAO,eAEvB,EAAC,EAAA,CACC,GAAI,EACJ,SAAW,GAAU,EAAS,EAAM,cAAc,QAAQ,CAC1D,QAAS,GACT,EAGN,CAIN,EAAa,YAAc,gBAQ3B,EAAa,MAAQ,CAAE,UANE,EAAU,0BAC1B,EAAE,QAAQ,CAAE,UAAS,CAAC,CAAC,OAAQ,GAAU,IAAU,GAAM,CAC9D,UACD,CAAC,CAG6B"}

package/dist/components/forms/form/controls/FormCheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckboxGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,sBAAA,GAAyB;YACzB;;YAEA,KAAA,CAAM;EAHN,KAAA,CAAA,EAAA,MAAA;EAAsB,WAAA,CAAA,EAAA,MAAA;EAAA,KAAG,CAAA,EAAA,MAAA;CAAkB"}
+{"version":3,"file":"FormCheckboxGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,sBAAA,GAAyB;YACzB;;YAEA,KAAA,CAAM;EAHN,KAAA,CAAA,EAAA,MAAA;EAAsB,WAAA,CAAA,EAAA,MAAA;OAAG,CAAA,EAAA,MAAA"}

package/dist/components/forms/form/controls/FormCheckboxGroup.js

@@ -1,2 +1,2 @@
-import{Checkbox as e}from"../../../controls/checkbox/Checkbox.js";import{CheckboxGroup as t}from"../../../controls/checkbox/CheckboxGroup.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:e,control:i,children:a,...o})=>n(r,{name:e,control:i,render:({field:{value:e,onChange:r}})=>n(t,{...o,onChange:r,value:e,children:a})});a.displayName=`Form.CheckboxGroup`;const o=(e=`Select one option`)=>i.array(i.string()).min(1,e);a.rules={required:o},a.Checkbox=e;export{a as FormCheckboxGroup};
+import{Checkbox as e}from"../../../controls/checkbox/Checkbox.js";import{CheckboxGroup as t}from"../../../controls/checkbox/CheckboxGroup.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:e,control:i,children:a,...o})=>n(r,{name:e,control:i,render:({field:{value:e,onChange:r}})=>n(t,{...o,onChange:r,value:e,children:a})});a.displayName=`Form.CheckboxGroup`,a.rules={required:(e=`Select one option`)=>i.array(i.string()).min(1,e)},a.Checkbox=e;export{a as FormCheckboxGroup};
 //# sourceMappingURL=FormCheckboxGroup.js.map

package/dist/components/forms/form/controls/FormCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckboxGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Checkbox } from '@/components/controls';\nimport {\n  CheckboxGroup,\n  type CheckboxGroupProps,\n} from '@/components/controls/checkbox/CheckboxGroup';\n\nexport type FormCheckboxGroupProps = CheckboxGroupProps & {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormCheckboxGroup = ({\n  name,\n  control,\n  children,\n  ...props\n}: FormCheckboxGroupProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <CheckboxGroup {...props} onChange={onChange} value={value}>\n            {children}\n          </CheckboxGroup>\n        );\n      }}\n    />\n  );\n};\n\nFormCheckboxGroup.displayName = 'Form.CheckboxGroup';\n\nexport const required = (message = 'Select one option') => {\n  return z.array(z.string()).min(1, message);\n};\n\nFormCheckboxGroup.rules = { required };\n\nFormCheckboxGroup.Checkbox = Checkbox;\n"],"mappings":"2PAkBA,MAAa,EAAoB,CAAC,CAChC,OACA,UACA,WACA,GAAG,EACoB,GAErB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CAAc,GAAI,EAAiB,WAAiB,QAClD,YACa,EAGpB,CAIN,EAAkB,YAAc,qBAEhC,MAAa,EAAW,CAAC,EAAU,sBAC1B,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAG,EAAQ,CAK5C,AAFA,EAAkB,MAAQ,CAAE,UAAU,EAEtC,EAAkB,SAAW"}
+{"version":3,"file":"FormCheckboxGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Checkbox } from '@/components/controls';\nimport {\n  CheckboxGroup,\n  type CheckboxGroupProps,\n} from '@/components/controls/checkbox/CheckboxGroup';\n\nexport type FormCheckboxGroupProps = CheckboxGroupProps & {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormCheckboxGroup = ({\n  name,\n  control,\n  children,\n  ...props\n}: FormCheckboxGroupProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <CheckboxGroup {...props} onChange={onChange} value={value}>\n            {children}\n          </CheckboxGroup>\n        );\n      }}\n    />\n  );\n};\n\nFormCheckboxGroup.displayName = 'Form.CheckboxGroup';\n\nexport const required = (message = 'Select one option') => {\n  return z.array(z.string()).min(1, message);\n};\n\nFormCheckboxGroup.rules = { required };\n\nFormCheckboxGroup.Checkbox = Checkbox;\n"],"mappings":"2PAkBA,MAAa,GAAqB,CAChC,OACA,UACA,WACA,GAAG,KAGD,EAAC,EAAA,CACO,OACG,UACT,QAAS,CAAE,MAAO,CAAE,QAAO,eAEvB,EAAC,EAAA,CAAc,GAAI,EAAiB,WAAiB,QAClD,YACa,EAGpB,CAIN,EAAkB,YAAc,qBAMhC,EAAkB,MAAQ,CAAE,UAJH,EAAU,sBAC1B,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAG,EAAQ,CAGN,CAEtC,EAAkB,SAAW"}

package/dist/components/forms/form/controls/FormCombobox.js

@@ -1,2 +1,2 @@
-import{Combobox as e}from"../../../controls/dropdown/Combobox.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,render:({field:{onChange:n,value:r}})=>t(e,{...a,selectedOption:r,setSelectedOption:n})});i.displayName=`Form.Combobox`;const a=(e=`The field is required`,t={id:``,value:null})=>r.object({id:r.string().min(1,{message:e}),value:r.string().nullable()}).catchall(r.any()).default(t).refine(e=>e.id!==``,{message:e});i.rules={required:a};export{i as FormCombobox};
+import{Combobox as e}from"../../../controls/dropdown/Combobox.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,render:({field:{onChange:n,value:r}})=>t(e,{...a,selectedOption:r,setSelectedOption:n})});i.displayName=`Form.Combobox`,i.rules={required:(e=`The field is required`,t={id:``,value:null})=>r.object({id:r.string().min(1,{message:e}),value:r.string().nullable()}).catchall(r.any()).default(t).refine(e=>e.id!==``,{message:e})};export{i as FormCombobox};
 //# sourceMappingURL=FormCombobox.js.map

package/dist/components/forms/form/controls/FormCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCombobox.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCombobox.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Combobox, type ComboboxProps } from '@/components/controls';\n\nexport type FormComboboxProps = Omit<\n  ComboboxProps,\n  'selectedOption' | 'setSelectedOption'\n> & {\n  control?: Control;\n};\n\nexport const FormCombobox = ({\n  name,\n  control,\n  ...props\n}: FormComboboxProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <Combobox\n            {...props}\n            selectedOption={value}\n            setSelectedOption={onChange}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormCombobox.displayName = 'Form.Combobox';\n\nexport const required = (\n  message = 'The field is required',\n  defaultValue = { id: '', value: null },\n) => {\n  return z\n    .object({\n      id: z.string().min(1, { message }),\n      value: z.string().nullable(),\n    })\n    .catchall(z.any())\n    .default(defaultValue)\n    .refine((value) => value.id !== '', {\n      message,\n    });\n};\n\nFormCombobox.rules = { required };\n"],"mappings":"+KAYA,MAAa,EAAe,CAAC,CAC3B,OACA,UACA,GAAG,EACe,GAEhB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,WAAU,QAAO,CAAE,GAEnC,EAAC,EAAA,CACC,GAAI,EACJ,eAAgB,EAChB,kBAAmB,GACnB,EAGN,CAIN,EAAa,YAAc,gBAE3B,MAAa,EAAW,CACtB,EAAU,wBACV,EAAe,CAAE,GAAI,GAAI,MAAO,IAAM,IAE/B,EACJ,OAAO,CACN,GAAI,EAAE,QAAQ,CAAC,IAAI,EAAG,CAAE,SAAS,EAAC,CAClC,MAAO,EAAE,QAAQ,CAAC,UAAU,AAC7B,EAAC,CACD,SAAS,EAAE,KAAK,CAAC,CACjB,QAAQ,EAAa,CACrB,OAAO,AAAC,GAAU,EAAM,KAAO,GAAI,CAClC,SACD,EAAC,CAGN,EAAa,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormCombobox.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCombobox.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Combobox, type ComboboxProps } from '@/components/controls';\n\nexport type FormComboboxProps = Omit<\n  ComboboxProps,\n  'selectedOption' | 'setSelectedOption'\n> & {\n  control?: Control;\n};\n\nexport const FormCombobox = ({\n  name,\n  control,\n  ...props\n}: FormComboboxProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <Combobox\n            {...props}\n            selectedOption={value}\n            setSelectedOption={onChange}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormCombobox.displayName = 'Form.Combobox';\n\nexport const required = (\n  message = 'The field is required',\n  defaultValue = { id: '', value: null },\n) => {\n  return z\n    .object({\n      id: z.string().min(1, { message }),\n      value: z.string().nullable(),\n    })\n    .catchall(z.any())\n    .default(defaultValue)\n    .refine((value) => value.id !== '', {\n      message,\n    });\n};\n\nFormCombobox.rules = { required };\n"],"mappings":"+KAYA,MAAa,GAAgB,CAC3B,OACA,UACA,GAAG,KAGD,EAAC,EAAA,CACO,OACG,UACT,QAAS,CAAE,MAAO,CAAE,WAAU,YAE1B,EAAC,EAAA,CACC,GAAI,EACJ,eAAgB,EAChB,kBAAmB,GACnB,EAGN,CAIN,EAAa,YAAc,gBAkB3B,EAAa,MAAQ,CAAE,UAfrB,EAAU,wBACV,EAAe,CAAE,GAAI,GAAI,MAAO,KAAM,GAE/B,EACJ,OAAO,CACN,GAAI,EAAE,QAAQ,CAAC,IAAI,EAAG,CAAE,UAAS,CAAC,CAClC,MAAO,EAAE,QAAQ,CAAC,UAAU,CAC7B,CAAC,CACD,SAAS,EAAE,KAAK,CAAC,CACjB,QAAQ,EAAa,CACrB,OAAQ,GAAU,EAAM,KAAO,GAAI,CAClC,UACD,CAAC,CAG2B"}

package/dist/components/forms/form/controls/FormDatePicker.js

@@ -1,2 +1,2 @@
-import{DatePicker as e}from"../../../controls/date-picker/DatePicker.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,defaultValue:null,render:({field:{value:n,onChange:r}})=>t(e,{...a,value:n,onChange:r})});i.displayName=`Form.DatePicker`;const a=(e=`The date is required`)=>r.union([r.instanceof(Date,{message:e}),r.string().refine(e=>!Number.isNaN(Date.parse(e)),{message:e})]).refine(e=>e!==null,{message:e});i.rules={required:a};export{i as FormDatePicker};
+import{DatePicker as e}from"../../../controls/date-picker/DatePicker.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,defaultValue:null,render:({field:{value:n,onChange:r}})=>t(e,{...a,value:n,onChange:r})});i.displayName=`Form.DatePicker`,i.rules={required:(e=`The date is required`)=>r.union([r.instanceof(Date,{message:e}),r.string().refine(e=>!Number.isNaN(Date.parse(e)),{message:e})]).refine(e=>e!==null,{message:e})};export{i as FormDatePicker};
 //# sourceMappingURL=FormDatePicker.js.map

package/dist/components/forms/form/controls/FormDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDatePicker.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormDatePicker.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatePicker, type DatePickerProps } from '@/components/controls';\n\nexport type FormDatePickerProps = Omit<\n  DatePickerProps,\n  'value' | 'onChange'\n> & {\n  control?: Control;\n  name: string;\n};\n\nexport const FormDatePicker = ({\n  name,\n  control,\n  ...props\n}: FormDatePickerProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      defaultValue={null}\n      render={({ field: { value, onChange } }) => {\n        return <DatePicker {...props} value={value} onChange={onChange} />;\n      }}\n    />\n  );\n};\n\nFormDatePicker.displayName = 'Form.DatePicker';\n\nexport const required = (message = 'The date is required') => {\n  return z\n    .union([\n      z.instanceof(Date, { message }),\n      z.string().refine((str) => !Number.isNaN(Date.parse(str)), { message }),\n    ])\n    .refine((date) => date !== null, {\n      message,\n    });\n};\n\nFormDatePicker.rules = { required };\n"],"mappings":"sLAaA,MAAa,EAAiB,CAAC,CAC7B,OACA,UACA,GAAG,EACiB,GAElB,EAAC,EAAA,CACO,OACG,UACT,aAAc,KACd,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAC9B,EAAC,EAAA,CAAW,GAAI,EAAc,QAAiB,YAAY,EAEpE,CAIN,EAAe,YAAc,kBAE7B,MAAa,EAAW,CAAC,EAAU,yBAC1B,EACJ,MAAM,CACL,EAAE,WAAW,KAAM,CAAE,SAAS,EAAC,CAC/B,EAAE,QAAQ,CAAC,OAAO,AAAC,IAAS,OAAO,MAAM,KAAK,MAAM,EAAI,CAAC,CAAE,CAAE,SAAS,EAAC,AACxE,EAAC,CACD,OAAO,AAAC,GAAS,IAAS,KAAM,CAC/B,SACD,EAAC,CAGN,EAAe,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormDatePicker.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormDatePicker.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { DatePicker, type DatePickerProps } from '@/components/controls';\n\nexport type FormDatePickerProps = Omit<\n  DatePickerProps,\n  'value' | 'onChange'\n> & {\n  control?: Control;\n  name: string;\n};\n\nexport const FormDatePicker = ({\n  name,\n  control,\n  ...props\n}: FormDatePickerProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      defaultValue={null}\n      render={({ field: { value, onChange } }) => {\n        return <DatePicker {...props} value={value} onChange={onChange} />;\n      }}\n    />\n  );\n};\n\nFormDatePicker.displayName = 'Form.DatePicker';\n\nexport const required = (message = 'The date is required') => {\n  return z\n    .union([\n      z.instanceof(Date, { message }),\n      z.string().refine((str) => !Number.isNaN(Date.parse(str)), { message }),\n    ])\n    .refine((date) => date !== null, {\n      message,\n    });\n};\n\nFormDatePicker.rules = { required };\n"],"mappings":"sLAaA,MAAa,GAAkB,CAC7B,OACA,UACA,GAAG,KAGD,EAAC,EAAA,CACO,OACG,UACT,aAAc,KACd,QAAS,CAAE,MAAO,CAAE,QAAO,eAClB,EAAC,EAAA,CAAW,GAAI,EAAc,QAAiB,YAAY,EAEpE,CAIN,EAAe,YAAc,kBAa7B,EAAe,MAAQ,CAAE,UAXA,EAAU,yBAC1B,EACJ,MAAM,CACL,EAAE,WAAW,KAAM,CAAE,UAAS,CAAC,CAC/B,EAAE,QAAQ,CAAC,OAAQ,GAAQ,CAAC,OAAO,MAAM,KAAK,MAAM,EAAI,CAAC,CAAE,CAAE,UAAS,CAAC,CACxE,CAAC,CACD,OAAQ,GAAS,IAAS,KAAM,CAC/B,UACD,CAAC,CAG6B"}

package/dist/components/forms/form/controls/FormIfField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormIfField.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormIfField.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA;YACA;EADA,KAAA,EAAA,MAAA;EAAgB,KAAA,CAAA,EAAA,OAAA;EAAA,SAChB,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,OAAA;EAAO,QAIP,EAAA,SAAA;EAAS,QACR,CAAA,EAAA,SAAA;AAAS,CAAA"}
+{"version":3,"file":"FormIfField.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormIfField.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA;YACA;EADA,KAAA,EAAA,MAAA;EAAgB,KAAA,CAAA,EAAA,OAAA;WAChB,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,OAAA;UAIA,EAAA,SAAA;UACC,CAAA,EAAA,SAAA;CAAS"}

package/dist/components/forms/form/controls/FormIfField.js

@@ -1,2 +1,2 @@
-import{useWatch as e}from"react-hook-form";const t=({control:t,field:n,value:r,condition:i,children:a,fallback:o})=>{let s=e({control:t,name:n}),c=i?i(s):r===void 0?!!s:s===r;return c?a:o===void 0?null:o};t.displayName=`Form.IfField`;export{t as FormIfField};
+import{useWatch as e}from"react-hook-form";const t=({control:t,field:n,value:r,condition:i,children:a,fallback:o})=>{let s=e({control:t,name:n});return(i?i(s):r===void 0?s:s===r)?a:o===void 0?null:o};t.displayName=`Form.IfField`;export{t as FormIfField};
 //# sourceMappingURL=FormIfField.js.map

package/dist/components/forms/form/controls/FormIfField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormIfField.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormIfField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { type Control, useWatch } from 'react-hook-form';\n\nexport type FormIfFieldProps = {\n  control?: Control;\n  field: string;\n  value?: unknown;\n  condition?: (fieldValue: unknown) => boolean;\n  children: ReactNode;\n  fallback?: ReactNode;\n};\n\nexport const FormIfField = ({\n  control,\n  field,\n  value,\n  condition,\n  children,\n  fallback,\n}: FormIfFieldProps) => {\n  const fieldValue = useWatch({\n    control,\n    name: field,\n  });\n\n  const shouldShow = condition\n    ? condition(fieldValue)\n    : value !== undefined\n      ? fieldValue === value\n      : Boolean(fieldValue);\n\n  if (shouldShow) {\n    return children;\n  }\n\n  if (fallback !== undefined) {\n    return fallback;\n  }\n\n  return null;\n};\n\nFormIfField.displayName = 'Form.IfField';\n"],"mappings":"2CAYA,MAAa,EAAc,CAAC,CAC1B,UACA,QACA,QACA,YACA,WACA,WACiB,GAAK,CAMtB,IALM,EAAa,EAAS,CAC1B,UACA,KAAM,CACP,EAAC,CAEI,EAAa,EACf,EAAU,EAAW,CACrB,QAAA,KAEU,EADR,IAAe,EAWrB,OARI,EACK,EAGL,QAAA,GAIG,KAHE,CAIV,EAED,EAAY,YAAc"}
+{"version":3,"file":"FormIfField.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormIfField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { type Control, useWatch } from 'react-hook-form';\n\nexport type FormIfFieldProps = {\n  control?: Control;\n  field: string;\n  value?: unknown;\n  condition?: (fieldValue: unknown) => boolean;\n  children: ReactNode;\n  fallback?: ReactNode;\n};\n\nexport const FormIfField = ({\n  control,\n  field,\n  value,\n  condition,\n  children,\n  fallback,\n}: FormIfFieldProps) => {\n  const fieldValue = useWatch({\n    control,\n    name: field,\n  });\n\n  const shouldShow = condition\n    ? condition(fieldValue)\n    : value !== undefined\n      ? fieldValue === value\n      : Boolean(fieldValue);\n\n  if (shouldShow) {\n    return children;\n  }\n\n  if (fallback !== undefined) {\n    return fallback;\n  }\n\n  return null;\n};\n\nFormIfField.displayName = 'Form.IfField';\n"],"mappings":"2CAYA,MAAa,GAAe,CAC1B,UACA,QACA,QACA,YACA,WACA,cACsB,CACtB,IAAM,EAAa,EAAS,CAC1B,UACA,KAAM,EACP,CAAC,CAgBF,OAdmB,EACf,EAAU,EAAW,CACrB,IAAU,IAAA,GAEA,EADR,IAAe,GAIZ,EAGL,IAAa,IAAA,GAIV,KAHE,GAMX,EAAY,YAAc"}

package/dist/components/forms/form/controls/FormInputFile.js

@@ -1,2 +1,2 @@
-import{InputFile as e}from"../../../controls/input-file/InputFile.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({control:r,name:i,...a})=>t(n,{name:i,control:r,render:({field:{onChange:n,value:r}})=>t(e,{...a,value:r,onChange:e=>{n(e)}})});i.displayName=`Form.InputFile`;const a=(e=`Please upload a file`,t=1)=>r.any().refine(e=>Array.isArray(e)?e.length>=t:e!=null,{message:e});i.rules={required:a};export{i as FormInputFile};
+import{InputFile as e}from"../../../controls/input-file/InputFile.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({control:r,name:i,...a})=>t(n,{name:i,control:r,render:({field:{onChange:n,value:r}})=>t(e,{...a,value:r,onChange:e=>{n(e)}})});i.displayName=`Form.InputFile`,i.rules={required:(e=`Please upload a file`,t=1)=>r.any().refine(e=>Array.isArray(e)?e.length>=t:e!=null,{message:e})};export{i as FormInputFile};
 //# sourceMappingURL=FormInputFile.js.map

package/dist/components/forms/form/controls/FormInputFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputFile.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputFile.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { InputFile, type InputFileProps } from '@/components/controls';\n\nexport type FormInputFileProps = InputFileProps & {\n  control?: Control;\n  name: string;\n};\n\nexport const FormInputFile = ({\n  control,\n  name,\n  ...props\n}: FormInputFileProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <InputFile\n            {...props}\n            value={value}\n            onChange={(files) => {\n              onChange(files);\n            }}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormInputFile.displayName = 'Form.InputFile';\n\nexport const required = (message = 'Please upload a file', min = 1) => {\n  return z.any().refine(\n    (files) => {\n      if (Array.isArray(files)) {\n        return files.length >= min;\n      }\n      return files !== null && files !== undefined;\n    },\n    { message },\n  );\n};\n\nFormInputFile.rules = {\n  required,\n};\n"],"mappings":"mLAUA,MAAa,EAAgB,CAAC,CAC5B,UACA,OACA,GAAG,EACgB,GAEjB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,WAAU,QAAO,CAAE,GAEnC,EAAC,EAAA,CACC,GAAI,EACG,QACP,SAAU,AAAC,GAAU,CACnB,EAAS,EAAM,AAChB,GACD,EAGN,CAIN,EAAc,YAAc,iBAE5B,MAAa,EAAW,CAAC,EAAU,uBAAwB,EAAM,IACxD,EAAE,KAAK,CAAC,OACb,AAAC,GACK,MAAM,QAAQ,EAAM,CACf,EAAM,QAAU,EAElB,GAAU,KAEnB,CAAE,SAAS,EACZ,CAGH,EAAc,MAAQ,CACpB,UACD"}
+{"version":3,"file":"FormInputFile.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputFile.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { InputFile, type InputFileProps } from '@/components/controls';\n\nexport type FormInputFileProps = InputFileProps & {\n  control?: Control;\n  name: string;\n};\n\nexport const FormInputFile = ({\n  control,\n  name,\n  ...props\n}: FormInputFileProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <InputFile\n            {...props}\n            value={value}\n            onChange={(files) => {\n              onChange(files);\n            }}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormInputFile.displayName = 'Form.InputFile';\n\nexport const required = (message = 'Please upload a file', min = 1) => {\n  return z.any().refine(\n    (files) => {\n      if (Array.isArray(files)) {\n        return files.length >= min;\n      }\n      return files !== null && files !== undefined;\n    },\n    { message },\n  );\n};\n\nFormInputFile.rules = {\n  required,\n};\n"],"mappings":"mLAUA,MAAa,GAAiB,CAC5B,UACA,OACA,GAAG,KAGD,EAAC,EAAA,CACO,OACG,UACT,QAAS,CAAE,MAAO,CAAE,WAAU,YAE1B,EAAC,EAAA,CACC,GAAI,EACG,QACP,SAAW,GAAU,CACnB,EAAS,EAAM,GAEjB,EAGN,CAIN,EAAc,YAAc,iBAc5B,EAAc,MAAQ,CACpB,UAbuB,EAAU,uBAAwB,EAAM,IACxD,EAAE,KAAK,CAAC,OACZ,GACK,MAAM,QAAQ,EAAM,CACf,EAAM,QAAU,EAElB,GAAU,KAEnB,CAAE,UAAS,CACZ,CAKF"}

package/dist/components/forms/form/controls/FormInputPassword.js

@@ -1,2 +1,2 @@
-import{InputPassword as e}from"../../../controls/input-password/InputPassword.js";import{jsx as t}from"react/jsx-runtime";import{z as n}from"zod";const r=({...n})=>t(e,{...n});r.displayName=`Forms.InputPassword`;const i=(e=`La contraseña debe contener al menos 8 caracteres, una mayúscula, una minúscula, un número y un carácter especial.`)=>n.string().regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,e);r.rules={required:i};export{r as FormInputPassword};
+import{InputPassword as e}from"../../../controls/input-password/InputPassword.js";import{jsx as t}from"react/jsx-runtime";import{z as n}from"zod";const r=({...n})=>t(e,{...n});r.displayName=`Forms.InputPassword`,r.rules={required:(e=`La contraseña debe contener al menos 8 caracteres, una mayúscula, una minúscula, un número y un carácter especial.`)=>n.string().regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,e)};export{r as FormInputPassword};
 //# sourceMappingURL=FormInputPassword.js.map

package/dist/components/forms/form/controls/FormInputPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputPassword.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputPassword.tsx"],"sourcesContent":["import { z } from 'zod';\n\nimport { InputPassword, type InputPasswordProps } from '@/components/controls';\n\nexport type FormInputPasswordProps = InputPasswordProps;\n\nexport const FormInputPassword = ({ ...props }: FormInputPasswordProps) => {\n  return <InputPassword {...props} />;\n};\n\nFormInputPassword.displayName = 'Forms.InputPassword';\n\nexport const required = (\n  message = 'La contraseña debe contener al menos 8 caracteres, una mayúscula, una minúscula, un número y un carácter especial.',\n) => {\n  return z\n    .string()\n    .regex(\n      /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]/,\n      message,\n    );\n};\n\nFormInputPassword.rules = { required };\n"],"mappings":"kJAMA,MAAa,EAAoB,CAAC,CAAE,GAAG,EAA+B,GAC7D,EAAC,EAAA,CAAc,GAAI,CAAA,EAAS,CAGrC,EAAkB,YAAc,sBAEhC,MAAa,EAAW,CACtB,EAAU,uHAEH,EACJ,QAAQ,CACR,MACC,kEACA,EACD,CAGL,EAAkB,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormInputPassword.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputPassword.tsx"],"sourcesContent":["import { z } from 'zod';\n\nimport { InputPassword, type InputPasswordProps } from '@/components/controls';\n\nexport type FormInputPasswordProps = InputPasswordProps;\n\nexport const FormInputPassword = ({ ...props }: FormInputPasswordProps) => {\n  return <InputPassword {...props} />;\n};\n\nFormInputPassword.displayName = 'Forms.InputPassword';\n\nexport const required = (\n  message = 'La contraseña debe contener al menos 8 caracteres, una mayúscula, una minúscula, un número y un carácter especial.',\n) => {\n  return z\n    .string()\n    .regex(\n      /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]/,\n      message,\n    );\n};\n\nFormInputPassword.rules = { required };\n"],"mappings":"kJAMA,MAAa,GAAqB,CAAE,GAAG,KAC9B,EAAC,EAAA,CAAc,GAAI,EAAA,CAAS,CAGrC,EAAkB,YAAc,sBAahC,EAAkB,MAAQ,CAAE,UAV1B,EAAU,uHAEH,EACJ,QAAQ,CACR,MACC,kEACA,EACD,CAGiC"}

package/dist/components/forms/form/controls/FormInputText.js

@@ -1,2 +1,2 @@
-import{InputText as e}from"../../../controls/input-text/InputText.js";import{jsx as t}from"react/jsx-runtime";import{z as n}from"zod";const r=({...n})=>t(e,{...n});r.displayName=`Forms.InputText`;const i=(e=`The field is required`,t=1)=>n.string({message:e}).min(t,{message:e});r.rules={required:i};export{r as FormInputText};
+import{InputText as e}from"../../../controls/input-text/InputText.js";import{jsx as t}from"react/jsx-runtime";import{z as n}from"zod";const r=({...n})=>t(e,{...n});r.displayName=`Forms.InputText`,r.rules={required:(e=`The field is required`,t=1)=>n.string({message:e}).min(t,{message:e})};export{r as FormInputText};
 //# sourceMappingURL=FormInputText.js.map

package/dist/components/forms/form/controls/FormInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputText.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputText.tsx"],"sourcesContent":["import { z } from 'zod';\n\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nexport type FormInputTextProps = InputTextProps;\n\nexport const FormInputText = ({ ...props }: FormInputTextProps) => {\n  return <InputText {...props} />;\n};\n\nFormInputText.displayName = 'Forms.InputText';\n\nexport const required = (message = 'The field is required', min = 1) => {\n  return z.string({ message }).min(min, { message });\n};\n\nFormInputText.rules = { required };\n"],"mappings":"sIAMA,MAAa,EAAgB,CAAC,CAAE,GAAG,EAA2B,GACrD,EAAC,EAAA,CAAU,GAAI,CAAA,EAAS,CAGjC,EAAc,YAAc,kBAE5B,MAAa,EAAW,CAAC,EAAU,wBAAyB,EAAM,IACzD,EAAE,OAAO,CAAE,SAAS,EAAC,CAAC,IAAI,EAAK,CAAE,SAAS,EAAC,CAGpD,EAAc,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormInputText.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputText.tsx"],"sourcesContent":["import { z } from 'zod';\n\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nexport type FormInputTextProps = InputTextProps;\n\nexport const FormInputText = ({ ...props }: FormInputTextProps) => {\n  return <InputText {...props} />;\n};\n\nFormInputText.displayName = 'Forms.InputText';\n\nexport const required = (message = 'The field is required', min = 1) => {\n  return z.string({ message }).min(min, { message });\n};\n\nFormInputText.rules = { required };\n"],"mappings":"sIAMA,MAAa,GAAiB,CAAE,GAAG,KAC1B,EAAC,EAAA,CAAU,GAAI,EAAA,CAAS,CAGjC,EAAc,YAAc,kBAM5B,EAAc,MAAQ,CAAE,UAJC,EAAU,wBAAyB,EAAM,IACzD,EAAE,OAAO,CAAE,UAAS,CAAC,CAAC,IAAI,EAAK,CAAE,UAAS,CAAC,CAGlB"}

package/dist/components/forms/form/controls/FormRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadio.js","names":["props: RadioProps"],"sources":["../../../../../src/components/forms/form/controls/FormRadio.tsx"],"sourcesContent":["import { Radio, type RadioProps } from '@/components/controls';\n\nexport const FormRadio = (props: RadioProps) => {\n  return <Radio {...props} />;\n};\n\nFormRadio.displayName = 'Form.Radio';\n"],"mappings":"iGAEA,MAAa,EAAY,AAACA,GACjB,EAAC,EAAA,CAAM,GAAI,CAAA,EAAS,CAG7B,EAAU,YAAc"}
+{"version":3,"file":"FormRadio.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadio.tsx"],"sourcesContent":["import { Radio, type RadioProps } from '@/components/controls';\n\nexport const FormRadio = (props: RadioProps) => {\n  return <Radio {...props} />;\n};\n\nFormRadio.displayName = 'Form.Radio';\n"],"mappings":"iGAEA,MAAa,EAAa,GACjB,EAAC,EAAA,CAAM,GAAI,EAAA,CAAS,CAG7B,EAAU,YAAc"}

package/dist/components/forms/form/controls/FormRadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadioGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAMY,mBAAA,GAAsB;YACtB;;EADA,QAAA,EAGA,KAAA,CAAM,SAHa,EAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,WAAG,CAAA,EAAA,MAAA;EAAe,KACrC,CAAA,EAAA,MAAA;CAAO"}
+{"version":3,"file":"FormRadioGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAMY,mBAAA,GAAsB;YACtB;;EADA,QAAA,EAGA,KAAA,CAAM,SAHa,EAAA;EAAA,KAAA,CAAA,EAAA,MAAA;aAAG,CAAA,EAAA,MAAA;OACtB,CAAA,EAAA,MAAA"}

package/dist/components/forms/form/controls/FormRadioGroup.js

@@ -1,2 +1,2 @@
-import{RadioGroup as e}from"../../../controls/radio/RadioGroup.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,children:a,...o})=>t(n,{name:r,control:i,render:({field:{value:n,onChange:r}})=>t(e,{...o,onChange:r,value:n,children:a})});i.displayName=`Form.RadioGroup`;const a=(e=`The field is required`)=>r.any().refine(e=>e!=null&&e!==``,{message:e});i.rules={required:a};export{i as FormRadioGroup};
+import{RadioGroup as e}from"../../../controls/radio/RadioGroup.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,children:a,...o})=>t(n,{name:r,control:i,render:({field:{value:n,onChange:r}})=>t(e,{...o,onChange:r,value:n,children:a})});i.displayName=`Form.RadioGroup`,i.rules={required:(e=`The field is required`)=>r.any().refine(e=>e!=null&&e!==``,{message:e})};export{i as FormRadioGroup};
 //# sourceMappingURL=FormRadioGroup.js.map

package/dist/components/forms/form/controls/FormRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadioGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":["import type React from 'react';\nimport { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { RadioGroup, type RadioGroupProps } from '@/components/controls';\n\nexport type FormRadioGroupProps = RadioGroupProps & {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormRadioGroup = ({\n  name,\n  control,\n  children,\n  ...props\n}: FormRadioGroupProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <RadioGroup {...props} onChange={onChange} value={value}>\n            {children}\n          </RadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nFormRadioGroup.displayName = 'Form.RadioGroup';\n\nexport const required = (message = 'The field is required') => {\n  return z\n    .any()\n    .refine((value) => value !== null && value !== undefined && value !== '', {\n      message,\n    });\n};\n\nFormRadioGroup.rules = { required };\n"],"mappings":"gLAeA,MAAa,EAAiB,CAAC,CAC7B,OACA,UACA,WACA,GAAG,EACiB,GAElB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CAAW,GAAI,EAAiB,WAAiB,QAC/C,YACU,EAGjB,CAIN,EAAe,YAAc,kBAE7B,MAAa,EAAW,CAAC,EAAU,0BAC1B,EACJ,KAAK,CACL,OAAO,AAAC,GAAU,GAAU,MAA+B,IAAU,GAAI,CACxE,SACD,EAAC,CAGN,EAAe,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormRadioGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":["import type React from 'react';\nimport { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { RadioGroup, type RadioGroupProps } from '@/components/controls';\n\nexport type FormRadioGroupProps = RadioGroupProps & {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormRadioGroup = ({\n  name,\n  control,\n  children,\n  ...props\n}: FormRadioGroupProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <RadioGroup {...props} onChange={onChange} value={value}>\n            {children}\n          </RadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nFormRadioGroup.displayName = 'Form.RadioGroup';\n\nexport const required = (message = 'The field is required') => {\n  return z\n    .any()\n    .refine((value) => value !== null && value !== undefined && value !== '', {\n      message,\n    });\n};\n\nFormRadioGroup.rules = { required };\n"],"mappings":"gLAeA,MAAa,GAAkB,CAC7B,OACA,UACA,WACA,GAAG,KAGD,EAAC,EAAA,CACO,OACG,UACT,QAAS,CAAE,MAAO,CAAE,QAAO,eAEvB,EAAC,EAAA,CAAW,GAAI,EAAiB,WAAiB,QAC/C,YACU,EAGjB,CAIN,EAAe,YAAc,kBAU7B,EAAe,MAAQ,CAAE,UARA,EAAU,0BAC1B,EACJ,KAAK,CACL,OAAQ,GAAU,GAAU,MAA+B,IAAU,GAAI,CACxE,UACD,CAAC,CAG6B"}

package/dist/components/forms/form/controls/FormSelect.js

@@ -1,2 +1,2 @@
-import{Select as e}from"../../../controls/dropdown/Select.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,render:({field:{onChange:n,value:r}})=>t(e,{...a,selectedOption:r,setSelectedOption:n})});i.displayName=`Form.Select`;const a=(e=`The field is required`,t={id:``,value:null})=>r.object({id:r.string().min(1,{message:e}),value:r.string().nullable()}).catchall(r.any()).default(t).refine(e=>e.id!==``,{message:e});i.rules={required:a};export{i as FormSelect};
+import{Select as e}from"../../../controls/dropdown/Select.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,...a})=>t(n,{name:r,control:i,render:({field:{onChange:n,value:r}})=>t(e,{...a,selectedOption:r,setSelectedOption:n})});i.displayName=`Form.Select`,i.rules={required:(e=`The field is required`,t={id:``,value:null})=>r.object({id:r.string().min(1,{message:e}),value:r.string().nullable()}).catchall(r.any()).default(t).refine(e=>e.id!==``,{message:e})};export{i as FormSelect};
 //# sourceMappingURL=FormSelect.js.map

package/dist/components/forms/form/controls/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormSelect.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Select, type SelectProps } from '@/components/controls';\n\nexport type FormSelectProps = Omit<\n  SelectProps,\n  'selectedOption' | 'setSelectedOption'\n> & {\n  control?: Control;\n};\n\nexport const FormSelect = ({ name, control, ...props }: FormSelectProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <Select\n            {...props}\n            selectedOption={value}\n            setSelectedOption={onChange}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormSelect.displayName = 'Form.Select';\n\nexport const required = (\n  message = 'The field is required',\n  defaultValue = { id: '', value: null },\n) => {\n  return z\n    .object({\n      id: z.string().min(1, { message }),\n      value: z.string().nullable(),\n    })\n    .catchall(z.any())\n    .default(defaultValue)\n    .refine((value) => value.id !== '', {\n      message,\n    });\n};\n\nFormSelect.rules = { required };\n"],"mappings":"2KAYA,MAAa,EAAa,CAAC,CAAE,OAAM,UAAS,GAAG,EAAwB,GAEnE,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,WAAU,QAAO,CAAE,GAEnC,EAAC,EAAA,CACC,GAAI,EACJ,eAAgB,EAChB,kBAAmB,GACnB,EAGN,CAIN,EAAW,YAAc,cAEzB,MAAa,EAAW,CACtB,EAAU,wBACV,EAAe,CAAE,GAAI,GAAI,MAAO,IAAM,IAE/B,EACJ,OAAO,CACN,GAAI,EAAE,QAAQ,CAAC,IAAI,EAAG,CAAE,SAAS,EAAC,CAClC,MAAO,EAAE,QAAQ,CAAC,UAAU,AAC7B,EAAC,CACD,SAAS,EAAE,KAAK,CAAC,CACjB,QAAQ,EAAa,CACrB,OAAO,AAAC,GAAU,EAAM,KAAO,GAAI,CAClC,SACD,EAAC,CAGN,EAAW,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormSelect.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormSelect.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Select, type SelectProps } from '@/components/controls';\n\nexport type FormSelectProps = Omit<\n  SelectProps,\n  'selectedOption' | 'setSelectedOption'\n> & {\n  control?: Control;\n};\n\nexport const FormSelect = ({ name, control, ...props }: FormSelectProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <Select\n            {...props}\n            selectedOption={value}\n            setSelectedOption={onChange}\n          />\n        );\n      }}\n    />\n  );\n};\n\nFormSelect.displayName = 'Form.Select';\n\nexport const required = (\n  message = 'The field is required',\n  defaultValue = { id: '', value: null },\n) => {\n  return z\n    .object({\n      id: z.string().min(1, { message }),\n      value: z.string().nullable(),\n    })\n    .catchall(z.any())\n    .default(defaultValue)\n    .refine((value) => value.id !== '', {\n      message,\n    });\n};\n\nFormSelect.rules = { required };\n"],"mappings":"2KAYA,MAAa,GAAc,CAAE,OAAM,UAAS,GAAG,KAE3C,EAAC,EAAA,CACO,OACG,UACT,QAAS,CAAE,MAAO,CAAE,WAAU,YAE1B,EAAC,EAAA,CACC,GAAI,EACJ,eAAgB,EAChB,kBAAmB,GACnB,EAGN,CAIN,EAAW,YAAc,cAkBzB,EAAW,MAAQ,CAAE,UAfnB,EAAU,wBACV,EAAe,CAAE,GAAI,GAAI,MAAO,KAAM,GAE/B,EACJ,OAAO,CACN,GAAI,EAAE,QAAQ,CAAC,IAAI,EAAG,CAAE,UAAS,CAAC,CAClC,MAAO,EAAE,QAAQ,CAAC,UAAU,CAC7B,CAAC,CACD,SAAS,EAAE,KAAK,CAAC,CACjB,QAAQ,EAAa,CACrB,OAAQ,GAAU,EAAM,KAAO,GAAI,CAClC,UACD,CAAC,CAGyB"}

package/dist/components/forms/form/controls/FormTextarea.js

@@ -1,2 +1,2 @@
-import{Textarea as e}from"../../../controls/textarea/Textarea.js";import{jsx as t}from"react/jsx-runtime";import{z as n}from"zod";const r=({...n})=>t(e,{...n});r.displayName=`Form.Textarea`;const i=(e=`The field is required`,t=1)=>n.string({message:e}).min(t,{message:e});r.rules={required:i};export{r as FormTextarea};
+import{Textarea as e}from"../../../controls/textarea/Textarea.js";import{jsx as t}from"react/jsx-runtime";import{z as n}from"zod";const r=({...n})=>t(e,{...n});r.displayName=`Form.Textarea`,r.rules={required:(e=`The field is required`,t=1)=>n.string({message:e}).min(t,{message:e})};export{r as FormTextarea};
 //# sourceMappingURL=FormTextarea.js.map

package/dist/components/forms/form/controls/FormTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTextarea.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormTextarea.tsx"],"sourcesContent":["import { z } from 'zod';\n\nimport { Textarea, type TextareaProps } from '@/components/controls';\n\nexport type FormTextareaProps = TextareaProps;\n\nexport const FormTextarea = ({ ...props }: FormTextareaProps) => {\n  return <Textarea {...props} />;\n};\n\nFormTextarea.displayName = 'Form.Textarea';\n\nexport const required = (message = 'The field is required', min = 1) => {\n  return z.string({ message }).min(min, { message });\n};\n\nFormTextarea.rules = { required };\n"],"mappings":"kIAMA,MAAa,EAAe,CAAC,CAAE,GAAG,EAA0B,GACnD,EAAC,EAAA,CAAS,GAAI,CAAA,EAAS,CAGhC,EAAa,YAAc,gBAE3B,MAAa,EAAW,CAAC,EAAU,wBAAyB,EAAM,IACzD,EAAE,OAAO,CAAE,SAAS,EAAC,CAAC,IAAI,EAAK,CAAE,SAAS,EAAC,CAGpD,EAAa,MAAQ,CAAE,UAAU"}
+{"version":3,"file":"FormTextarea.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormTextarea.tsx"],"sourcesContent":["import { z } from 'zod';\n\nimport { Textarea, type TextareaProps } from '@/components/controls';\n\nexport type FormTextareaProps = TextareaProps;\n\nexport const FormTextarea = ({ ...props }: FormTextareaProps) => {\n  return <Textarea {...props} />;\n};\n\nFormTextarea.displayName = 'Form.Textarea';\n\nexport const required = (message = 'The field is required', min = 1) => {\n  return z.string({ message }).min(min, { message });\n};\n\nFormTextarea.rules = { required };\n"],"mappings":"kIAMA,MAAa,GAAgB,CAAE,GAAG,KACzB,EAAC,EAAA,CAAS,GAAI,EAAA,CAAS,CAGhC,EAAa,YAAc,gBAM3B,EAAa,MAAQ,CAAE,UAJE,EAAU,wBAAyB,EAAM,IACzD,EAAE,OAAO,CAAE,UAAS,CAAC,CAAC,IAAI,EAAK,CAAE,UAAS,CAAC,CAGnB"}

package/dist/components/misc/horizontal-divider/HorizontalDivider.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+
+//#region src/components/misc/horizontal-divider/HorizontalDivider.d.ts
+type HorizontalDividerProps = {
+  classNames?: {
+    divider?: string;
+    root?: string;
+  };
+};
+declare const HorizontalDivider: ({
+  classNames
+}: HorizontalDividerProps) => react_jsx_runtime30.JSX.Element;
+//#endregion
+export { HorizontalDivider, HorizontalDividerProps };
+//# sourceMappingURL=HorizontalDivider.d.ts.map

package/dist/components/misc/horizontal-divider/HorizontalDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalDivider.d.ts","names":[],"sources":["../../../../src/components/misc/horizontal-divider/HorizontalDivider.tsx"],"sourcesContent":[],"mappings":";;;KAMY,sBAAA;;;IAAA,IAAA,CAAA,EAAA,MAAA;EAOC,CAAA;CASZ;AATiC,cAArB,iBAAqB,EAAA,CAAA;EAAA;AAAA,CAAA,EAAgB,sBAAhB,EAAA,GAAsC,mBAAA,CAAA,GAAA,CAAA,OAAtC"}

package/dist/components/misc/horizontal-divider/HorizontalDivider.js

@@ -0,0 +1,2 @@
+import{horizontalDivider as e,horizontalDividerRoot as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";import{cx as r}from"@mage-ui/styled-system/css";const i=({classNames:i})=>n(`hr`,{className:r(i?.divider??e(),i?.root??t())});export{i as HorizontalDivider};
+//# sourceMappingURL=HorizontalDivider.js.map

package/dist/components/misc/horizontal-divider/HorizontalDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalDivider.js","names":[],"sources":["../../../../src/components/misc/horizontal-divider/HorizontalDivider.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  horizontalDivider,\n  horizontalDividerRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type HorizontalDividerProps = {\n  classNames?: {\n    divider?: string;\n    root?: string;\n  };\n};\n\nexport const HorizontalDivider = ({ classNames }: HorizontalDividerProps) => {\n  return (\n    <hr\n      className={cx(\n        classNames?.divider ?? horizontalDivider(),\n        classNames?.root ?? horizontalDividerRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"sLAaA,MAAa,GAAqB,CAAE,gBAEhC,EAAC,KAAA,CACC,UAAW,EACT,GAAY,SAAW,GAAmB,CAC1C,GAAY,MAAQ,GAAuB,CAC5C,CAAA,CACD"}

package/dist/components/misc/visually-hidden/VisuallyHidden.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
@@ -7,9 +7,7 @@ type VisuallyHiddenProps = {
 };
 declare const VisuallyHidden: ({
   children
-}: VisuallyHiddenProps) => react_jsx_runtime36.JSX.Element;
-//# sourceMappingURL=VisuallyHidden.d.ts.map
-
+}: VisuallyHiddenProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { VisuallyHidden, VisuallyHiddenProps };
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/components/misc/visually-hidden/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","names":[],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,mBAAA;YACA,KAAA,CAAM;;AADN,cAIC,cAJkB,EACnB,CAAA;EAAA;AAAe,CAAT,EAG2B,mBAHlB,EAAA,GAGqC,mBAAA,CAAA,GAAA,CAAA,OAHrC;AAG3B"}
+{"version":3,"file":"VisuallyHidden.d.ts","names":[],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,mBAAA;YACA,KAAA,CAAM;;AADN,cAIC,cAJkB,EACnB,CAAA;EAAA;AAAe,CAAT,EAG2B,mBAHlB,EAAA,GAGqC,mBAAA,CAAA,GAAA,CAAA,OAHrC"}

package/dist/components/misc/visually-hidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n  children: React.ReactNode;\n};\n\nexport const VisuallyHidden = ({ children }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJASA,MAAaA,EAAiB,CAAC,CAAE,WAA+B,GAE5D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,AACvB,EAEA,YACqB"}
+{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n  children: React.ReactNode;\n};\n\nexport const VisuallyHidden = ({ children }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJASA,MAAaA,GAAkB,CAAE,cAE7B,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,CACvB,CAEA,YACqB"}

package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigation/breadcrumbs/Breadcrumbs.d.ts
@@ -17,7 +17,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime34.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime4.JSX.Element;
   Item: {
     ({
       children

package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","names":[],"sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,gBAAA;cACE;;IADF,IAAA,CAAA,EAAA,MAAA;IAAgB,IAAA,CAAA,EAAA,MAAA;IACd,IAAA,CAAA,EAAA,MAAA;IAOD,SAAA,CAAA,EAAA,MAAA;EAAS,CAAA;EAGT,QAAA,CAAA,EAHA,SA6CZ;CAAA;AAAA,cA1CY,WA0CZ,EAAA;;;;;KAtCE,mBAAgB,mBAAA,CAAA,GAAA,CAAA;;IAAhB,CAAA;MAAA;IAAA,CAAA,EAyDyB,SAzDzB,CAAA,EAyDkC,SAzDlC;IAAgB,WAAA,EAAA,MAAA;EAAA,CAAA;;KAqDd,SAAA,GAIgC;EAAA,QAAA,EAHzB,SAGyB;AAnBnC,CAAA"}
+{"version":3,"file":"Breadcrumbs.d.ts","names":[],"sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,gBAAA;cACE;;IADF,IAAA,CAAA,EAAA,MAAA;IAAgB,IAAA,CAAA,EAAA,MAAA;IACd,IAAA,CAAA,EAAA,MAAA;IAOD,SAAA,CAAA,EAAA,MAAA;EAAS,CAAA;EAGT,QAAA,CAAA,EAHA,SA6CZ;CAAA;cA1CY;;;;;KAIV,mBAAgB,kBAAA,CAAA,GAAA,CAAA;;IAAhB,CAAA;MAAA;IAAA,CAAA,EAyDyB,SAzDzB,CAAA,EAyDkC,SAzDlC;IAAgB,WAAA,EAAA,MAAA;;;KAqDd,SAAA,GAIgC;EAAA,QAAA,EAHzB,SAGyB;AAnBnC,CAAA"}

package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["child: Child"],"sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport {\n  breadcrumbsItem,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n} from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    root?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={classNames?.root ?? breadcrumbsRoot()}\n    >\n      <ol className={classNames?.list ?? breadcrumbsList()}>\n        {Children.map(children, (child, index) => {\n          if (\n            isValidElement<{ children: ReactNode }>(child) &&\n            child.type === Item\n          ) {\n            return (\n              <li\n                key={child.key}\n                className={classNames?.item ?? breadcrumbsItem()}\n              >\n                {index < Children.count(children) - 1 && (\n                  <>\n                    {child}\n                    <span\n                      aria-hidden='true'\n                      className={\n                        classNames?.separator ?? breadcrumbsSeparator()\n                      }\n                    >\n                      {separator}\n                    </span>\n                  </>\n                )}\n                {index === Children.count(children) - 1 && lastItem(child)}\n              </li>\n            );\n          }\n        })}\n      </ol>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst lastItem = (child: Child) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return <span aria-current='page'>{child}</span>;\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\n"],"mappings":"4QAwFA,MA7Da,EAAc,CAAC,CAC1B,YAAY,IACZ,WACA,aACiB,GAEf,EAAC,MAAA,CACC,aAAW,aACX,UAAW,GAAY,MAAQ,GAAiB,UAEhD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAS,IAAI,EAAU,CAAC,EAAO,IAAU,CACxC,GACE,EAAwC,EAAM,EAC9C,EAAM,OAAS,EAEf,MACE,GAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAiB,WAE/C,EAAQ,EAAS,MAAM,EAAS,CAAG,GAClC,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UACE,GAAY,WAAa,GAAsB,UAGhD,GACI,CAAA,EACN,CAEJ,IAAU,EAAS,MAAM,EAAS,CAAG,GAAK,EAAS,EAAM,GAhBrD,EAAM,IAiBR,AAGV,EAAC,EACC,EACD,CAMJ,EAAW,AAACA,GAAiB,CACjC,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,MAAO,GAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,CAAE,CAC9B,EAAgC,AAClC,CACD,MAAO,GAAC,OAAA,CAAK,eAAa,gBAAQ,GAAa,AAChD,EAMK,EAAO,CAAC,CAAE,WAAqB,GAC5B,EAIT,AADA,EAAK,YAAc,mBACnB,EAAY,KAAO"}
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport {\n  breadcrumbsItem,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n} from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    root?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={classNames?.root ?? breadcrumbsRoot()}\n    >\n      <ol className={classNames?.list ?? breadcrumbsList()}>\n        {Children.map(children, (child, index) => {\n          if (\n            isValidElement<{ children: ReactNode }>(child) &&\n            child.type === Item\n          ) {\n            return (\n              <li\n                key={child.key}\n                className={classNames?.item ?? breadcrumbsItem()}\n              >\n                {index < Children.count(children) - 1 && (\n                  <>\n                    {child}\n                    <span\n                      aria-hidden='true'\n                      className={\n                        classNames?.separator ?? breadcrumbsSeparator()\n                      }\n                    >\n                      {separator}\n                    </span>\n                  </>\n                )}\n                {index === Children.count(children) - 1 && lastItem(child)}\n              </li>\n            );\n          }\n        })}\n      </ol>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst lastItem = (child: Child) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return <span aria-current='page'>{child}</span>;\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\n"],"mappings":"4QA2BA,MAAa,GAAe,CAC1B,YAAY,IACZ,WACA,gBAGE,EAAC,MAAA,CACC,aAAW,aACX,UAAW,GAAY,MAAQ,GAAiB,UAEhD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAS,IAAI,GAAW,EAAO,IAAU,CACxC,GACE,EAAwC,EAAM,EAC9C,EAAM,OAAS,EAEf,OACE,EAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAiB,WAE/C,EAAQ,EAAS,MAAM,EAAS,CAAG,GAClC,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UACE,GAAY,WAAa,GAAsB,UAGhD,GACI,CAAA,CAAA,CACN,CAEJ,IAAU,EAAS,MAAM,EAAS,CAAG,GAAK,EAAS,EAAM,CAAA,EAhBrD,EAAM,IAiBR,EAGT,EACC,EACD,CAMJ,EAAY,GAAiB,CACjC,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,OAAO,EAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,EAAE,CAC9B,CAAgC,CAEnC,OAAO,EAAC,OAAA,CAAK,eAAa,gBAAQ,GAAa,EAO3C,GAAQ,CAAE,cACP,EAGT,EAAK,YAAc,mBACnB,EAAY,KAAO"}

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { TabsListProps } from "./TabsList.js";
 import { TabsTabProps } from "./TabsTab.js";
 import { TabsPanelProps } from "./TabsPanel.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/navigation/tabs/Tabs.d.ts
@@ -18,14 +18,14 @@ declare const Tabs: {
     classNames,
     children,
     ...props
-  }: TabsProps): react_jsx_runtime1.JSX.Element;
+  }: TabsProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
   List: {
     ({
       classNames,
       children,
       ...props
-    }: TabsListProps): react_jsx_runtime1.JSX.Element;
+    }: TabsListProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Tab: {
@@ -35,7 +35,7 @@ declare const Tabs: {
       endSlot,
       children,
       ...props
-    }: TabsTabProps): react_jsx_runtime1.JSX.Element;
+    }: TabsTabProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Panel: {
@@ -43,12 +43,10 @@ declare const Tabs: {
       classNames,
       children,
       ...props
-    }: TabsPanelProps): react_jsx_runtime1.JSX.Element;
+    }: TabsPanelProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };
-//# sourceMappingURL=Tabs.d.ts.map
-
 //#endregion
 export { Tabs, TabsProps };
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/navigation/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;EAJP,KAAA,CAAA,EAAA,MAAS;AASrB,CAAA;AAWC,cAXY,IAWZ,EAAA;EAAA,CAAA;IAAA,UAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAXwD,SAWxD,CAAA,EAXiE,kBAAA,CAAA,GAAA,CAAA,OAWjE;;MAXwD,EAAA;IAAS,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,eAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA"}
+{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;EAJP,KAAA,CAAA,EAAA,MAAS;AASrB,CAAA;AAWC,cAXY,IAWZ,EAAA;;;;;KAXwD,YAAS,kBAAA,CAAA,GAAA,CAAA;;MAAT,EAAA;IAAS,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,eAAA,CAAA,gCAAA"}

package/dist/components/navigation/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsRoot } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\n\nimport { TabsList } from './TabsList';\nimport { TabsPanel } from './TabsPanel';\nimport { TabsTab } from './TabsTab';\n\nexport type TabsProps = {\n  classNames?: {\n    root?: string;\n  };\n  children?: React.ReactNode;\n  defaultValue?: string;\n  value?: string;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n  return (\n    <MantineTabs\n      classNames={{\n        root: classNames?.root ?? tabsRoot(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabs>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nTabs.List = TabsList;\nTabs.Tab = TabsTab;\nTabs.Panel = TabsPanel;\n"],"mappings":"kQAkBA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,AACrC,EACD,GAAI,EAEH,YACW,CAQlB,AAJA,EAAK,YAAc,OAEnB,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}
+{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsRoot } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\n\nimport { TabsList } from './TabsList';\nimport { TabsPanel } from './TabsPanel';\nimport { TabsTab } from './TabsTab';\n\nexport type TabsProps = {\n  classNames?: {\n    root?: string;\n  };\n  children?: React.ReactNode;\n  defaultValue?: string;\n  value?: string;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n  return (\n    <MantineTabs\n      classNames={{\n        root: classNames?.root ?? tabsRoot(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabs>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nTabs.List = TabsList;\nTabs.Tab = TabsTab;\nTabs.Panel = TabsPanel;\n"],"mappings":"kQAkBA,MAAaA,GAAQ,CAAE,aAAY,WAAU,GAAG,KAE5C,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,CACrC,CACD,GAAI,EAEH,YACW,CAIlB,EAAK,YAAc,OAEnB,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}

package/dist/components/navigation/tabs/TabsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.js","names":["MantineTabList"],"sources":["../../../../src/components/navigation/tabs/TabsList.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\n\nexport type TabsListProps = {\n  classNames?: {\n    list?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const TabsList = ({ classNames, children, ...props }: TabsListProps) => {\n  return (\n    <MantineTabList.List\n      classNames={{\n        list: classNames?.list ?? tabsList(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabList.List>\n  );\n};\n\nTabsList.displayName = 'Tabs.List';\n"],"mappings":"uIAYA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAsB,GAEtE,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,AACrC,EACD,GAAI,EAEH,YACmB,CAI1B,EAAS,YAAc"}
+{"version":3,"file":"TabsList.js","names":["MantineTabList"],"sources":["../../../../src/components/navigation/tabs/TabsList.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\n\nexport type TabsListProps = {\n  classNames?: {\n    list?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const TabsList = ({ classNames, children, ...props }: TabsListProps) => {\n  return (\n    <MantineTabList.List\n      classNames={{\n        list: classNames?.list ?? tabsList(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabList.List>\n  );\n};\n\nTabsList.displayName = 'Tabs.List';\n"],"mappings":"uIAYA,MAAa,GAAY,CAAE,aAAY,WAAU,GAAG,KAEhD,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,CACrC,CACD,GAAI,EAEH,YACmB,CAI1B,EAAS,YAAc"}

package/dist/components/navigation/tabs/TabsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.js","names":["MantineTab"],"sources":["../../../../src/components/navigation/tabs/TabsPanel.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabsPanelProps = {\n  classNames?: {\n    panel?: string;\n  };\n  children?: React.ReactNode;\n  value: string;\n};\n\nexport const TabsPanel = ({\n  classNames,\n  children,\n  ...props\n}: TabsPanelProps) => {\n  return (\n    <MantineTab.Panel\n      classNames={{\n        panel: classNames?.panel ?? tabsPanel(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTab.Panel>\n  );\n};\n\nTabsPanel.displayName = 'Tabs.Panel';\n"],"mappings":"wIAaA,MAAa,EAAY,CAAC,CACxB,aACA,WACA,GAAG,EACY,GAEb,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAW,AACxC,EACD,GAAI,EAEH,YACgB,CAIvB,EAAU,YAAc"}
+{"version":3,"file":"TabsPanel.js","names":["MantineTab"],"sources":["../../../../src/components/navigation/tabs/TabsPanel.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabsPanelProps = {\n  classNames?: {\n    panel?: string;\n  };\n  children?: React.ReactNode;\n  value: string;\n};\n\nexport const TabsPanel = ({\n  classNames,\n  children,\n  ...props\n}: TabsPanelProps) => {\n  return (\n    <MantineTab.Panel\n      classNames={{\n        panel: classNames?.panel ?? tabsPanel(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTab.Panel>\n  );\n};\n\nTabsPanel.displayName = 'Tabs.Panel';\n"],"mappings":"wIAaA,MAAa,GAAa,CACxB,aACA,WACA,GAAG,KAGD,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAW,CACxC,CACD,GAAI,EAEH,YACgB,CAIvB,EAAU,YAAc"}

package/dist/components/navigation/tabs/TabsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTab.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/TabsTab.tsx"],"sourcesContent":[],"mappings":";;;;KASY,YAAA;;;IAAA,QAAA,CAAA,EAAY,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMI,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}
+{"version":3,"file":"TabsTab.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/TabsTab.tsx"],"sourcesContent":[],"mappings":";;;;KASY,YAAA;;;IAAA,QAAA,CAAA,EAAY,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;;UAOV,CAAM,EADP,KAAA,CAAM,SACC;WACF,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}

package/dist/components/navigation/tabs/TabsTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTab.js","names":["MantineTab"],"sources":["../../../../src/components/navigation/tabs/TabsTab.tsx"],"sourcesContent":["import type React from 'react';\n\nimport {\n  tabsLabel,\n  tabsSection,\n  tabsTab,\n} from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabsTabProps = {\n  classNames?: {\n    tab?: string;\n    tabLabel?: string;\n    tabSection?: string;\n  };\n  children?: React.ReactNode;\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  value: string;\n};\n\nexport const TabsTab = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: TabsTabProps) => {\n  return (\n    <MantineTab.Tab\n      classNames={{\n        tab: classNames?.tab ?? tabsTab(),\n        tabLabel: classNames?.tabLabel ?? tabsLabel(),\n        tabSection: classNames?.tabSection ?? tabsSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineTab.Tab>\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n"],"mappings":"sKAqBA,MAAa,EAAU,CAAC,CACtB,aACA,YACA,UACA,WACA,GAAG,EACU,GAEX,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAS,CACjC,SAAU,GAAY,UAAY,GAAW,CAC7C,WAAY,GAAY,YAAc,GAAa,AACpD,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAQ,YAAc"}
+{"version":3,"file":"TabsTab.js","names":["MantineTab"],"sources":["../../../../src/components/navigation/tabs/TabsTab.tsx"],"sourcesContent":["import type React from 'react';\n\nimport {\n  tabsLabel,\n  tabsSection,\n  tabsTab,\n} from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabsTabProps = {\n  classNames?: {\n    tab?: string;\n    tabLabel?: string;\n    tabSection?: string;\n  };\n  children?: React.ReactNode;\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  value: string;\n};\n\nexport const TabsTab = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: TabsTabProps) => {\n  return (\n    <MantineTab.Tab\n      classNames={{\n        tab: classNames?.tab ?? tabsTab(),\n        tabLabel: classNames?.tabLabel ?? tabsLabel(),\n        tabSection: classNames?.tabSection ?? tabsSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineTab.Tab>\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n"],"mappings":"sKAqBA,MAAa,GAAW,CACtB,aACA,YACA,UACA,WACA,GAAG,KAGD,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAS,CACjC,SAAU,GAAY,UAAY,GAAW,CAC7C,WAAY,GAAY,YAAc,GAAa,CACpD,CACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAQ,YAAc"}

package/dist/index.d.ts

@@ -20,8 +20,9 @@ import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/
 import { IconTheme, IconThemeProps } from "./components/data-display/icons/icon-theme/IconTheme.js";
 import { Table } from "./components/data-display/tables/table/Table.js";
 import { Form, FormProps } from "./components/forms/form/Form.js";
+import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.js";
 import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.js";
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigation/breadcrumbs/Breadcrumbs.js";
 import { Tabs, TabsProps } from "./components/navigation/tabs/Tabs.js";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
-export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, Form, FormProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, MultiSwitch, MultiSwitchProps, Radio, RadioIcon, RadioIconProps, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, VisuallyHidden, VisuallyHiddenProps };
+export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, MultiSwitch, MultiSwitchProps, Radio, RadioIcon, RadioIconProps, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, VisuallyHidden, VisuallyHiddenProps };

package/dist/index.js

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{VisuallyHidden as r}from"./components/misc/visually-hidden/VisuallyHidden.js";import{Carousel as i}from"./components/data-display/carousel/Carousel.js";import{Icon as a}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as o}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as s}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as c}from"./components/data-display/tables/table/Table.js";import{ButtonIcon as l}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as u}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as d}from"./components/controls/date-picker/DatePicker.js";import{Combobox as f}from"./components/controls/dropdown/Combobox.js";import{Menu as p}from"./components/controls/dropdown/Menu.js";import{Select as m}from"./components/controls/dropdown/Select.js";import{InputFile as h}from"./components/controls/input-file/InputFile.js";import{InputPassword as g}from"./components/controls/input-password/InputPassword.js";import{InputText as _}from"./components/controls/input-text/InputText.js";import{MultiSwitch as v}from"./components/controls/multi-switch/MultiSwitch.js";import{Radio as y}from"./components/controls/radio/Radio.js";import{RadioIcon as b}from"./components/controls/radio/RadioIcon.js";import{Textarea as x}from"./components/controls/textarea/Textarea.js";import{Form as S}from"./components/forms/form/Form.js";import{Breadcrumbs as C}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as w}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as T}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,C as Breadcrumbs,e as Button,l as ButtonIcon,i as Carousel,u as Checkbox,f as Combobox,d as DatePicker,S as Form,a as Icon,o as IconRaw,s as IconTheme,h as InputFile,g as InputPassword,_ as InputText,T as MageUiProvider,p as Menu,v as MultiSwitch,y as Radio,b as RadioIcon,m as Select,c as Table,w as Tabs,x as Textarea,r as VisuallyHidden};
+import{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{HorizontalDivider as r}from"./components/misc/horizontal-divider/HorizontalDivider.js";import{VisuallyHidden as i}from"./components/misc/visually-hidden/VisuallyHidden.js";import{Carousel as a}from"./components/data-display/carousel/Carousel.js";import{Icon as o}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as s}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as c}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as l}from"./components/data-display/tables/table/Table.js";import{ButtonIcon as u}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as d}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as f}from"./components/controls/date-picker/DatePicker.js";import{Combobox as p}from"./components/controls/dropdown/Combobox.js";import{Menu as m}from"./components/controls/dropdown/Menu.js";import{Select as h}from"./components/controls/dropdown/Select.js";import{InputFile as g}from"./components/controls/input-file/InputFile.js";import{InputPassword as _}from"./components/controls/input-password/InputPassword.js";import{InputText as v}from"./components/controls/input-text/InputText.js";import{MultiSwitch as y}from"./components/controls/multi-switch/MultiSwitch.js";import{Radio as b}from"./components/controls/radio/Radio.js";import{RadioIcon as x}from"./components/controls/radio/RadioIcon.js";import{Textarea as S}from"./components/controls/textarea/Textarea.js";import{Form as C}from"./components/forms/form/Form.js";import{Breadcrumbs as w}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as T}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as E}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,w as Breadcrumbs,e as Button,u as ButtonIcon,a as Carousel,d as Checkbox,p as Combobox,f as DatePicker,C as Form,r as HorizontalDivider,o as Icon,s as IconRaw,c as IconTheme,g as InputFile,_ as InputPassword,v as InputText,E as MageUiProvider,m as Menu,y as MultiSwitch,b as Radio,x as RadioIcon,h as Select,l as Table,T as Tabs,S as Textarea,i as VisuallyHidden};

package/dist/panda.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "0.53.7",
+  "schemaVersion": "1.4.1",
   "styles": {
     "atomic": [
       "color]___[value:neutral.foreground.1.onBrand.enabled",
@@ -45,13 +45,6 @@
       "srOnly]___[value:true",
       "position]___[value:bottom-start",
       "width]___[value:auto",
-      "color]___[value:neutral.foreground.2.onBrand.enabled",
-      "backgroundColor]___[value:neutral.background.2.enabled",
-      "color]___[value:primary.foreground.1.enabled",
-      "borderColor]___[value:primary.stroke.2.enabled",
-      "color]___[value:neutral.foreground.1.enabled",
-      "borderColor]___[value:neutral.stroke.2.enabled",
-      "minWidth]___[value:100",
       "backgroundColor]___[value:neutral.background.1.enabled",
       "backgroundColor]___[value:primary.background.4.hovered]___[cond:_hover",
       "backgroundColor]___[value:primary.background.5.enabled]___[cond:_active",
@@ -70,7 +63,14 @@
       "borderColor]___[value:neutral.stroke.1.hovered]___[cond:_hover",
       "borderColor]___[value:neutral.stroke.2.enabled]___[cond:_active",
       "color]___[value:neutral.foreground.static.enabled]___[cond:_active<___>_hover",
-      "borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover"
+      "borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover",
+      "color]___[value:neutral.foreground.2.onBrand.enabled",
+      "backgroundColor]___[value:neutral.background.2.enabled",
+      "color]___[value:primary.foreground.1.enabled",
+      "borderColor]___[value:primary.stroke.2.enabled",
+      "color]___[value:neutral.foreground.1.enabled",
+      "borderColor]___[value:neutral.stroke.2.enabled",
+      "minWidth]___[value:100"
     ],
     "recipes": {
       "breadcrumbsRoot": [],
@@ -217,6 +217,19 @@
       "carouselControl": [],
       "carouselIndicators": [],
       "carouselIndicator": [],
+      "horizontalDivider": [],
+      "horizontalDividerRoot": [
+        "color]___[value:neutral]___[recipe:horizontalDividerRoot"
+      ],
+      "tabsRoot": [],
+      "tabsList": [],
+      "tabsPanel": [],
+      "tabsTab": [
+        "color]___[value:neutral]___[recipe:tabsTab",
+        "variant]___[value:tab]___[recipe:tabsTab"
+      ],
+      "tabsLabel": [],
+      "tabsSection": [],
       "iconWrapped": [
         "variant]___[value:filled]___[recipe:iconWrapped",
         "shape]___[value:rounded]___[recipe:iconWrapped",
@@ -239,16 +252,7 @@
         "variant]___[value:filled]___[recipe:inputToggle",
         "color]___[value:neutral]___[recipe:inputToggle",
         "size]___[value:m]___[recipe:inputToggle"
-      ],
-      "tabsRoot": [],
-      "tabsList": [],
-      "tabsPanel": [],
-      "tabsTab": [
-        "color]___[value:neutral]___[recipe:tabsTab",
-        "variant]___[value:tab]___[recipe:tabsTab"
-      ],
-      "tabsLabel": [],
-      "tabsSection": []
+      ]
     }
   }
 }