@mage-ui/components 0.0.99 → 1.0.3

package/dist/components/forms/form/Form.d.ts

@@ -1,215 +0,0 @@
-import { CheckboxProps } from "../../controls/checkbox/Checkbox.js";
-import { RadioProps } from "../../controls/radio/Radio.js";
-import { FormInputTextProps } from "./controls/FormInputText.js";
-import { FormCheckboxProps } from "./controls/FormCheckbox.js";
-import { FormCheckboxGroupProps } from "./controls/FormCheckboxGroup.js";
-import { FormComboboxProps } from "./controls/FormCombobox.js";
-import { FormRadioGroupProps } from "./controls/FormRadioGroup.js";
-import { FormTextareaProps } from "./controls/FormTextarea.js";
-import { FormSelectProps } from "./controls/FormSelect.js";
-import { FormDatePickerProps } from "./controls/FormDatePicker.js";
-import { FormInputFileProps } from "./controls/FormInputFile.js";
-import { FormInputPasswordProps } from "./controls/FormInputPassword.js";
-import { FormIfFieldProps } from "./controls/FormIfField.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import * as react0 from "react";
-import { ReactNode } from "react";
-import { FieldErrors } from "react-hook-form";
-import { ZodEffects, ZodObject, ZodRawShape, z } from "zod";
-
-//#region src/components/forms/form/Form.d.ts
-type FormProps = {
-  defaultValues?: object;
-  rules?: ZodObject<ZodRawShape> | ZodEffects<ZodObject<ZodRawShape>>;
-  onSubmit: (formData: object) => void;
-  children: React.ReactNode;
-  className?: string;
-  externalErrors?: FieldErrors;
-};
-declare const Form: {
-  ({
-    defaultValues,
-    rules,
-    onSubmit,
-    children,
-    className,
-    externalErrors,
-    ...props
-  }: FormProps): react_jsx_runtime18.JSX.Element;
-  InputText: {
-    ({
-      ...props
-    }: FormInputTextProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string, min?: number) => z.ZodString;
-    };
-  };
-  Checkbox: {
-    ({
-      name,
-      control,
-      ...props
-    }: FormCheckboxProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string) => ZodEffects<z.ZodBoolean, boolean, boolean>;
-    };
-  };
-  CheckboxGroup: {
-    ({
-      name,
-      control,
-      children,
-      ...props
-    }: FormCheckboxGroupProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string) => z.ZodArray<z.ZodString, "many">;
-    };
-    Checkbox: {
-      ({
-        classNames,
-        ...props
-      }: CheckboxProps): ReactNode;
-      displayName: string;
-    };
-  };
-  Combobox: {
-    ({
-      name,
-      control,
-      ...props
-    }: FormComboboxProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string, defaultValue?: {
-        id: string;
-        value: null;
-      }) => ZodEffects<z.ZodDefault<ZodObject<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, "strip", z.ZodAny, z.objectOutputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip">, z.objectInputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip">>>, z.objectOutputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip">, z.objectInputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip"> | undefined>;
-    };
-  };
-  RadioGroup: {
-    ({
-      name,
-      control,
-      children,
-      ...props
-    }: FormRadioGroupProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string) => ZodEffects<z.ZodAny, any, any>;
-    };
-  };
-  Radio: {
-    (props: RadioProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-  };
-  Textarea: {
-    ({
-      ...props
-    }: FormTextareaProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string, min?: number) => z.ZodString;
-    };
-  };
-  Select: {
-    ({
-      name,
-      control,
-      ...props
-    }: FormSelectProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string, defaultValue?: {
-        id: string;
-        value: null;
-      }) => ZodEffects<z.ZodDefault<ZodObject<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, "strip", z.ZodAny, z.objectOutputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip">, z.objectInputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip">>>, z.objectOutputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip">, z.objectInputType<{
-        id: z.ZodString;
-        value: z.ZodNullable<z.ZodString>;
-      }, z.ZodAny, "strip"> | undefined>;
-    };
-  };
-  DatePicker: {
-    ({
-      name,
-      control,
-      ...props
-    }: FormDatePickerProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string) => ZodEffects<z.ZodUnion<[z.ZodType<Date, z.ZodTypeDef, Date>, ZodEffects<z.ZodString, string, string>]>, string | Date, string | Date>;
-    };
-  };
-  InputFile: {
-    ({
-      control,
-      name,
-      ...props
-    }: FormInputFileProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string, min?: number) => ZodEffects<z.ZodAny, any, any>;
-    };
-  };
-  InputPassword: {
-    ({
-      ...props
-    }: FormInputPasswordProps): react_jsx_runtime18.JSX.Element;
-    displayName: string;
-    rules: {
-      required: (message?: string) => z.ZodString;
-    };
-  };
-  IfField: {
-    ({
-      control,
-      field,
-      value,
-      condition,
-      children,
-      fallback
-    }: FormIfFieldProps): ReactNode;
-    displayName: string;
-  };
-  Control: {
-    ({
-      children,
-      ...props
-    }: {
-      children: ReactNode;
-    } & Record<string, unknown>): (string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>>)[] | null | undefined;
-    displayName: string;
-  };
-};
-//#endregion
-export { Form, FormProps };
-//# sourceMappingURL=Form.d.ts.map

package/dist/components/forms/form/Form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;KAyBY,SAAA;;UAEF,UAAU,eAAe,WAAW,UAAU;;YAE5C,KAAA,CAAM;;mBAEC;;cAGN;;;;;;;;;KAQV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;EAjBA,QAAA,EAAA;IAAS,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAED,WAAA,EAAA,MAAA;IAAV,KAAA,EAAA;MAA8C,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAV,CAAA;;eAE5B,EAAA;IAEC,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,iCAAA;IAAW,WAAA,EAAA,MAAA;IAGjB,KAmDZ,EAAA;MAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,YAAA,EAAA,MAAA,CAAA;;;;;;;;;;UA3CE,EAAA;IAAS,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAAA,WAAA,EAAA,MAAA"}

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

@@ -1,2 +0,0 @@
-import{FormCheckbox as e}from"./controls/FormCheckbox.js";import{FormCheckboxGroup as t}from"./controls/FormCheckboxGroup.js";import{FormCombobox as n}from"./controls/FormCombobox.js";import{FormControl as r}from"./controls/FormControl.js";import{FormDatePicker as i}from"./controls/FormDatePicker.js";import{FormIfField as a}from"./controls/FormIfField.js";import{FormInputFile as o}from"./controls/FormInputFile.js";import{FormInputPassword as s}from"./controls/FormInputPassword.js";import{FormInputText as c}from"./controls/FormInputText.js";import{FormRadio as l}from"./controls/FormRadio.js";import{FormRadioGroup as u}from"./controls/FormRadioGroup.js";import{FormSelect as d}from"./controls/FormSelect.js";import{FormTextarea as f}from"./controls/FormTextarea.js";import{jsx as p}from"react/jsx-runtime";import{Children as m,cloneElement as h,isValidElement as g}from"react";import{FormProvider as _,useForm as v}from"react-hook-form";import{z as y}from"zod";import{zodResolver as b}from"@hookform/resolvers/zod";const x=({defaultValues:e,rules:t=y.object({}).refine(()=>{}),onSubmit:n,children:r,className:i,externalErrors:a={},...o})=>{let s=t,c=v({shouldFocusError:!0,resolver:b(s),defaultValues:e}),{register:l,handleSubmit:u,formState:{errors:d}}=c;return p(_,{...c,children:p(`form`,{onSubmit:u(n),className:i??void 0,...o,children:w(r,l,d,a,s)})})},S=[c,t,e,n,u,l,f,d,i,o,s,a,r],C=(e,t)=>{let n=e?.shape?.[t]||void 0;return n===void 0?!1:!(n.isOptional()||n.isNullable())},w=(e,t,n,r,i)=>m.map(e,e=>{if(!g(e))return e;let a=e.props;if(S.some(t=>e.type===t)&&a.name){let o=n[a.name]?.message||r[a.name]?.message,s={required:C(i,a.name),error:o,...a,...t(a.name,{setValueAs:e=>e===``||e===null?void 0:e})};return h(e,s)}return a.children?h(e,a,w(a.children,t,n,r,i)):e});x.InputText=c,x.Checkbox=e,x.CheckboxGroup=t,x.Combobox=n,x.RadioGroup=u,x.Radio=l,x.Textarea=f,x.Select=d,x.DatePicker=i,x.InputFile=o,x.InputPassword=s,x.IfField=a,x.Control=r;export{x as Form};
-//# sourceMappingURL=Form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","names":[],"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 { type 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 { FormControl } from './controls/FormControl';\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  className?: string;\n  externalErrors?: FieldErrors;\n};\n\nexport const Form = ({\n  defaultValues,\n  rules = z.object({}).refine(() => {}),\n  onSubmit,\n  children,\n  className,\n  externalErrors = {},\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\n  //needs declare all fields in zod even if no required\n  const schema = rules;\n  const form = useForm({\n    shouldFocusError: true,\n    resolver: zodResolver(schema),\n    defaultValues,\n  });\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = form;\n\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={handleSubmit(onSubmit)}\n        className={className ?? undefined}\n        {...props}\n      >\n        {renderChildrenRecursively(\n          children,\n          register,\n          errors,\n          externalErrors,\n          schema,\n        )}\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  FormControl,\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  externalErrors: 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 errorMessage =\n          errors[props.name]?.message || externalErrors[props.name]?.message;\n        const newProps = {\n          required: isRequired(rules, props.name),\n          error: errorMessage,\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(\n          props.children,\n          register,\n          errors,\n          externalErrors,\n          rules,\n        ),\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;\nForm.Control = FormControl;\n"],"mappings":"6/BAkCA,MAAa,GAAQ,CACnB,gBACA,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,WAAa,GAAG,CACrC,WACA,WACA,YACA,iBAAiB,EAAE,CACnB,GAAG,KACY,CAaf,IAAM,EAAS,EACT,EAAO,EAAQ,CACnB,iBAAkB,GAClB,SAAU,EAAY,EAAO,CAC7B,gBACD,CAAC,CAEI,CACJ,WACA,eACA,UAAW,CAAE,WACX,EAEJ,OACE,EAAC,EAAA,CAAa,GAAI,WAChB,EAAC,OAAA,CACC,SAAU,EAAa,EAAS,CAChC,UAAW,GAAa,IAAA,GACxB,GAAI,WAEH,EACC,EACA,EACA,EACA,EACA,EACD,EACI,EACM,EAIb,EAAc,CAClB,EACA,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,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,EACJ,EAAO,EAAM,OAAO,SAAW,EAAe,EAAM,OAAO,QACvD,EAAW,CACf,SAAU,EAAW,EAAO,EAAM,KAAK,CACvC,MAAO,EACP,GAAG,EACH,GAAG,EAAS,EAAM,KAAM,CACtB,WAAa,GACJ,IAAU,IAAM,IAAU,KAAO,IAAA,GAAY,EAEvD,CAAC,CACH,CACD,OAAO,EAAa,EAAO,EAAS,CAkBxC,OAdI,EAAM,SACD,EACL,EACA,EACA,EACE,EAAM,SACN,EACA,EACA,EACA,EACD,CACF,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,EACf,EAAK,QAAU"}

package/dist/components/forms/form/controls/FormCheckbox.d.ts

@@ -1,12 +0,0 @@
-import { CheckboxProps } from "../../../controls/checkbox/Checkbox.js";
-import "react/jsx-runtime";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormCheckbox.d.ts
-type FormCheckboxProps = Omit<CheckboxProps, 'checked'> & {
-  control?: Control;
-};
-//#endregion
-export { FormCheckboxProps };
-//# sourceMappingURL=FormCheckbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckbox.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckbox.tsx"],"sourcesContent":[],"mappings":";;;;;;KAKY,iBAAA,GAAoB,KAAK;YACzB"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-import { CheckboxGroupProps } from "../../../controls/checkbox/CheckboxGroup.js";
-import "react/jsx-runtime";
-import "react";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormCheckboxGroup.d.ts
-type FormCheckboxGroupProps = CheckboxGroupProps & {
-  control?: Control;
-  name: string;
-  children: React.ReactNode[];
-  label?: string;
-  description?: string;
-  error?: string;
-};
-//#endregion
-export { FormCheckboxGroupProps };
-//# sourceMappingURL=FormCheckboxGroup.d.ts.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-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 +0,0 @@
-{"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.d.ts

@@ -1,12 +0,0 @@
-import { ComboboxProps } from "../../../controls/dropdown/Combobox.js";
-import "react/jsx-runtime";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormCombobox.d.ts
-type FormComboboxProps = Omit<ComboboxProps, 'selectedOption' | 'setSelectedOption'> & {
-  control?: Control;
-};
-//#endregion
-export { FormComboboxProps };
-//# sourceMappingURL=FormCombobox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormCombobox.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCombobox.tsx"],"sourcesContent":[],"mappings":";;;;;;KAKY,iBAAA,GAAoB,KAC9B;YAGU"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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/FormControl.js

@@ -1,2 +0,0 @@
-import{Children as e,cloneElement as t,isValidElement as n}from"react";const r=({children:r,...i})=>e.map(r,e=>n(e)?t(e,{...e.props,...i}):e);r.displayName=`Form.Control`;export{r as FormControl};
-//# sourceMappingURL=FormControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormControl.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormControl.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } from 'react';\n\ntype FormControlProps = { children: ReactNode } & Record<string, unknown>;\n\nexport const FormControl = ({ children, ...props }: FormControlProps) => {\n  return Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      return cloneElement(child, {\n        ...(child.props as Record<string, unknown>),\n        ...(props as Record<string, unknown>),\n      });\n    }\n    return child;\n  });\n};\n\nFormControl.displayName = 'Form.Control';\n"],"mappings":"uEAIA,MAAa,GAAe,CAAE,WAAU,GAAG,KAClC,EAAS,IAAI,EAAW,GACzB,EAAe,EAAM,CAChB,EAAa,EAAO,CACzB,GAAI,EAAM,MACV,GAAI,EACL,CAAC,CAEG,EACP,CAGJ,EAAY,YAAc"}

package/dist/components/forms/form/controls/FormDatePicker.d.ts

@@ -1,13 +0,0 @@
-import { DatePickerProps } from "../../../controls/date-picker/DatePicker.js";
-import "react/jsx-runtime";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormDatePicker.d.ts
-type FormDatePickerProps = Omit<DatePickerProps, 'value' | 'onChange'> & {
-  control?: Control;
-  name: string;
-};
-//#endregion
-export { FormDatePickerProps };
-//# sourceMappingURL=FormDatePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormDatePicker.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormDatePicker.tsx"],"sourcesContent":[],"mappings":";;;;;;KAKY,mBAAA,GAAsB,KAChC;YAGU;;AAJZ,CAAA"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-import { Control } from "react-hook-form";
-
-//#region src/components/forms/form/controls/FormIfField.d.ts
-type FormIfFieldProps = {
-  control?: Control;
-  field: string;
-  value?: unknown;
-  condition?: (fieldValue: unknown) => boolean;
-  children: ReactNode;
-  fallback?: ReactNode;
-};
-//#endregion
-export { FormIfFieldProps };
-//# sourceMappingURL=FormIfField.d.ts.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-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 +0,0 @@
-{"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.d.ts

@@ -1,13 +0,0 @@
-import { InputFileProps } from "../../../controls/input-file/InputFile.js";
-import "react/jsx-runtime";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormInputFile.d.ts
-type FormInputFileProps = InputFileProps & {
-  control?: Control;
-  name: string;
-};
-//#endregion
-export { FormInputFileProps };
-//# sourceMappingURL=FormInputFile.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormInputFile.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputFile.tsx"],"sourcesContent":[],"mappings":";;;;;;KAKY,kBAAA,GAAqB;YACrB;;AADZ,CAAA"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import { InputPasswordProps } from "../../../controls/input-password/InputPassword.js";
-import "react/jsx-runtime";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormInputPassword.d.ts
-type FormInputPasswordProps = InputPasswordProps;
-//#endregion
-export { FormInputPasswordProps };
-//# sourceMappingURL=FormInputPassword.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormInputPassword.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputPassword.tsx"],"sourcesContent":[],"mappings":";;;;;KAIY,sBAAA,GAAyB"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import { InputTextProps } from "../../../controls/input-text/InputText.js";
-import "react/jsx-runtime";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormInputText.d.ts
-type FormInputTextProps = InputTextProps;
-//#endregion
-export { FormInputTextProps };
-//# sourceMappingURL=FormInputText.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormInputText.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormInputText.tsx"],"sourcesContent":[],"mappings":";;;;;KAIY,kBAAA,GAAqB"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-import{Radio as e}from"../../../controls/radio/Radio.js";import{jsx as t}from"react/jsx-runtime";const n=n=>t(e,{...n});n.displayName=`Form.Radio`;export{n as FormRadio};
-//# sourceMappingURL=FormRadio.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-import { RadioGroupProps } from "../../../controls/radio/RadioGroup.js";
-import "react/jsx-runtime";
-import React from "react";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormRadioGroup.d.ts
-type FormRadioGroupProps = RadioGroupProps & {
-  control?: Control;
-  name: string;
-  children: React.ReactNode[];
-  label?: string;
-  description?: string;
-  error?: string;
-};
-//#endregion
-export { FormRadioGroupProps };
-//# sourceMappingURL=FormRadioGroup.d.ts.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-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 +0,0 @@
-{"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.d.ts

@@ -1,12 +0,0 @@
-import { SelectProps } from "../../../controls/dropdown/Select.js";
-import "react/jsx-runtime";
-import { Control } from "react-hook-form";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormSelect.d.ts
-type FormSelectProps = Omit<SelectProps, 'selectedOption' | 'setSelectedOption'> & {
-  control?: Control;
-};
-//#endregion
-export { FormSelectProps };
-//# sourceMappingURL=FormSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormSelect.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormSelect.tsx"],"sourcesContent":[],"mappings":";;;;;;KAKY,eAAA,GAAkB,KAC5B;YAGU"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import { TextareaProps } from "../../../controls/textarea/Textarea.js";
-import "react/jsx-runtime";
-import { z } from "zod";
-
-//#region src/components/forms/form/controls/FormTextarea.d.ts
-type FormTextareaProps = TextareaProps;
-//#endregion
-export { FormTextareaProps };
-//# sourceMappingURL=FormTextarea.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormTextarea.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormTextarea.tsx"],"sourcesContent":[],"mappings":";;;;;KAIY,iBAAA,GAAoB"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,13 +0,0 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-import React from "react";
-
-//#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
-type VisuallyHiddenProps = {
-  children: React.ReactNode;
-};
-declare const VisuallyHidden: ({
-  children
-}: VisuallyHiddenProps) => react_jsx_runtime30.JSX.Element;
-//#endregion
-export { VisuallyHidden, VisuallyHiddenProps };
-//# sourceMappingURL=VisuallyHidden.d.ts.map