@mage-ui/components 0.0.18 → 0.0.20

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

@@ -0,0 +1,191 @@
+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 * as react_jsx_runtime23 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { ZodRawShape, z } from "zod";
+
+//#region src/components/forms/form/Form.d.ts
+type FormProps = {
+  children: React.ReactNode;
+  rules?: ZodRawShape;
+  defaultValues?: object;
+};
+declare const Form: {
+  ({
+    defaultValues,
+    rules,
+    children,
+    ...props
+  }: FormProps): react_jsx_runtime23.JSX.Element;
+  InputText: {
+    ({
+      ...props
+    }: FormInputTextProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string, min?: number) => z.ZodString;
+    };
+  };
+  Checkbox: {
+    ({
+      name,
+      control,
+      ...props
+    }: FormCheckboxProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
+    };
+  };
+  CheckboxGroup: {
+    ({
+      name,
+      control,
+      children,
+      label,
+      description,
+      error
+    }: FormCheckboxGroupProps): react_jsx_runtime23.JSX.Element;
+    rules: {
+      required: (message?: string) => z.ZodArray<z.ZodString, "many">;
+    };
+    Checkbox: ({
+      classNames,
+      ...props
+    }: CheckboxProps) => ReactNode;
+  };
+  Combobox: {
+    ({
+      name,
+      control,
+      ...props
+    }: FormComboboxProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string, defaultValue?: {
+        id: string;
+        value: null;
+      }) => z.ZodEffects<z.ZodDefault<z.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,
+      label,
+      description,
+      error
+    }: FormRadioGroupProps): react_jsx_runtime23.JSX.Element;
+    rules: {
+      required: (message?: string) => z.ZodEffects<z.ZodString, string, string>;
+    };
+    Radio: {
+      (props: RadioProps): react_jsx_runtime23.JSX.Element;
+      displayName: string;
+    };
+  };
+  Radio: {
+    (props: RadioProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+  };
+  Textarea: {
+    ({
+      ...props
+    }: FormTextareaProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string, min?: number) => z.ZodString;
+    };
+  };
+  Select: {
+    ({
+      name,
+      control,
+      ...props
+    }: FormSelectProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string, defaultValue?: {
+        id: string;
+        value: null;
+      }) => z.ZodEffects<z.ZodDefault<z.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_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string) => z.ZodEffects<z.ZodUnion<[z.ZodType<Date, z.ZodTypeDef, Date>, z.ZodEffects<z.ZodString, string, string>]>, string | Date, string | Date>;
+    };
+  };
+  InputFile: {
+    ({
+      control,
+      name,
+      ...props
+    }: FormInputFileProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string, min?: number) => z.ZodEffects<z.ZodAny, any, any>;
+    };
+  };
+  InputPassword: {
+    ({
+      ...props
+    }: FormInputPasswordProps): react_jsx_runtime23.JSX.Element;
+    displayName: string;
+    rules: {
+      required: (message?: string) => z.ZodString;
+    };
+  };
+};
+//# sourceMappingURL=Form.d.ts.map
+
+//#endregion
+export { Form, FormProps };
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;KAuBY,SAAA;YACA,KAAA,CAAM;UACR;;;cAIG;;;;;;KAKV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAXA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAAA,WAAA,EAAA,MAAA;IACT,KAAM,EAAA;MACR,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAW,CAAA;EAIR,CAAA;EA4BZ,aAAA,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,KAAA;MAAA,WAAA;MAAA;IAAA,CAAA,wBAAA,CAAA,iCAAA;;;IAvBE,CAAA;IAAS,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["children: React.ReactNode","register: UseFormRegister<Record<string, string>>","errors: FieldErrors","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 { 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 { 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  children: React.ReactNode;\n  rules?: ZodRawShape;\n  defaultValues?: object;\n};\n\nexport const Form = ({\n  defaultValues,\n  rules = {},\n  children,\n  ...props\n}: FormProps) => {\n  const form = useForm({\n    shouldFocusError: true,\n    resolver: zodResolver(z.object(rules)),\n    defaultValues,\n  });\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = form;\n\n  return (\n    <FormProvider {...form}>\n      <form\n        onSubmit={handleSubmit(() => console.log(form.getValues()))}\n        {...props}\n      >\n        {renderChildrenRecursively(children, register, errors)}\n        <button type='submit'>Submit</button>\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];\n\nconst renderChildrenRecursively = (\n  children: React.ReactNode,\n  register: UseFormRegister<Record<string, string>>,\n  errors: FieldErrors,\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          ...props,\n          error: errors[props.name]?.message,\n          ...register(props.name, {\n            setValueAs: (value: unknown) =>\n              value === '' || value === null ? undefined : value,\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),\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;\n"],"mappings":"u5BAyEA,MA5Ca,EAAO,CAAC,CACnB,gBACA,QAAQ,CAAE,EACV,WACA,GAAG,EACO,GAAK,CAMf,IALM,EAAO,EAAQ,CACnB,kBAAkB,EAClB,SAAU,EAAY,EAAE,OAAO,EAAM,CAAC,CACtC,eACD,EAAC,CACI,CACJ,WACA,eACA,UAAW,CAAE,SAAQ,CACtB,CAAG,EAEJ,MACE,GAAC,EAAA,CAAa,GAAI,WAChB,EAAC,OAAA,CACC,SAAU,EAAa,IAAM,QAAQ,IAAI,EAAK,WAAW,CAAC,CAAC,CAC3D,GAAI,YAEH,EAA0B,EAAU,EAAU,EAAO,CACtD,EAAC,SAAA,CAAO,KAAK,kBAAS,UAAe,GAChC,EACM,AAElB,EAEK,EAAc,CAClB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACD,EAEK,EAA4B,CAChCA,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,GAAG,EACH,MAAO,EAAO,EAAM,OAAO,QAC3B,GAAG,EAAS,EAAM,KAAM,CACtB,WAAY,AAACC,GACX,IAAU,IAAM,IAAU,SAAA,GAAmB,CAChD,EAAC,AACH,EACD,MAAO,GAAa,EAAO,EAAS,AACrC,CAWH,OARI,EAAM,SACD,EACL,EACA,EACA,EAA0B,EAAM,SAAU,EAAU,EAAO,CAC5D,CAGI,CACR,EAAC,CAaJ,AAVA,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"}

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormCheckbox.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;KAMY,sBAAA;YACA;;YAEA,KAAA,CAAM;EAHN,KAAA,CAAA,EAAA,MAAA;EAAsB,WAAA,CAAA,EAAA,MAAA;EAAA,KACtB,CAAA,EAAA,MAAA;CAAO"}

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

@@ -0,0 +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,label:o,description:s,error:c})=>n(r,{name:e,control:i,render:({field:{value:e,onChange:r}})=>n(t,{label:o,description:s,error:c,value:e??[],onChange:r,children:a})}),o=(e=`Select one option`)=>i.array(i.string()).min(1,e);a.rules={required:o},a.Checkbox=e;export{a as FormCheckboxGroup};
+//# sourceMappingURL=FormCheckboxGroup.js.map

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

@@ -0,0 +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 { CheckboxGroup } from '@/components/controls/checkbox/CheckboxGroup';\n\nexport type FormCheckboxGroupProps = {\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  label,\n  description,\n  error,\n}: FormCheckboxGroupProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <CheckboxGroup\n            label={label}\n            description={description}\n            error={error}\n            value={value ?? []}\n            onChange={onChange}\n          >\n            {children}\n          </CheckboxGroup>\n        );\n      }}\n    />\n  );\n};\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":"2PA4CA,MA7Ba,EAAoB,CAAC,CAChC,OACA,UACA,WACA,QACA,cACA,QACuB,GAErB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CACQ,QACM,cACN,QACP,MAAO,GAAS,CAAE,EACR,WAET,YACa,EAGpB,CAIO,EAAW,CAAC,EAAU,sBAC1B,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAG,EAAQ,CAK5C,AAFA,EAAkB,MAAQ,CAAE,UAAU,EAEtC,EAAkB,SAAW"}

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormCombobox.js.map

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

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

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormDatePicker.js.map

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

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

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormInputFile.js.map

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

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

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormInputPassword.js.map

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

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

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormInputText.js.map

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

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

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

@@ -0,0 +1,2 @@
+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=`FormRadioGroup.Radio`;export{n as FormRadio};
+//# sourceMappingURL=FormRadio.js.map

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

@@ -0,0 +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 = 'FormRadioGroup.Radio';\n"],"mappings":"iGAEA,MAAa,EAAY,AAACA,GACjB,EAAC,EAAA,CAAM,GAAI,CAAA,EAAS,CAG7B,EAAU,YAAc"}

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

@@ -0,0 +1,17 @@
+import { RadioProps } from "../../../controls/radio/Radio.js";
+import "react/jsx-runtime";
+import { Control } from "react-hook-form";
+import { z } from "zod";
+
+//#region src/components/forms/form/controls/FormRadioGroup.d.ts
+type FormRadioGroupProps = RadioProps & {
+  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

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

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

@@ -0,0 +1,2 @@
+import{Radio as e}from"../../../controls/radio/Radio.js";import{FormRadio as t}from"./FormRadio.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:t,control:i,children:a,label:o,description:s,error:c})=>n(r,{name:t,control:i,render:({field:{value:t,onChange:r}})=>n(e.Group,{label:o,description:s,error:c,value:t,onChange:r,children:a})}),o=(e=`The field is required`)=>i.string().refine(e=>e!==``,{message:e});a.rules={required:o},a.Radio=t;export{a as FormRadioGroup};
+//# sourceMappingURL=FormRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRadioGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Radio, type RadioProps } from '@/components/controls';\n\nimport { FormRadio } from './FormRadio';\n\nexport type FormRadioGroupProps = RadioProps & {\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  label,\n  description,\n  error,\n}: FormRadioGroupProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <Radio.Group\n            label={label}\n            description={description}\n            error={error}\n            value={value}\n            onChange={onChange}\n          >\n            {children}\n          </Radio.Group>\n        );\n      }}\n    />\n  );\n};\n\nexport const required = (message = 'The field is required') => {\n  return z.string().refine((value) => value !== '', {\n    message,\n  });\n};\n\nFormRadioGroup.rules = { required };\n\nFormRadioGroup.Radio = FormRadio;\n"],"mappings":"iNA6CA,MA7Ba,EAAiB,CAAC,CAC7B,OACA,UACA,WACA,QACA,cACA,QACoB,GAElB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAM,MAAA,CACE,QACM,cACN,QACA,QACG,WAET,YACW,EAGlB,CAIO,EAAW,CAAC,EAAU,0BAC1B,EAAE,QAAQ,CAAC,OAAO,AAAC,GAAU,IAAU,GAAI,CAChD,SACD,EAAC,CAKJ,AAFA,EAAe,MAAQ,CAAE,UAAU,EAEnC,EAAe,MAAQ"}

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormSelect.js.map

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

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

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=FormTextarea.js.map

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

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

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime49 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_runtime49.JSX.Element;
+//# sourceMappingURL=VisuallyHidden.d.ts.map
+
+//#endregion
+export { VisuallyHidden, VisuallyHiddenProps };
+//# sourceMappingURL=VisuallyHidden.d.ts.map

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

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

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

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

package/dist/{atoms → components/navigation}/breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
-//#region src/atoms/breadcrumbs/Breadcrumbs.d.ts
+//#region src/components/navigation/breadcrumbs/Breadcrumbs.d.ts
 type BreadcrumbsProps = {
   separator?: ReactNode;
   classNames?: {
@@ -17,7 +17,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime3.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime11.JSX.Element;
   Item: {
     ({
       children
@@ -29,5 +29,5 @@ type ItemProps = {
   children: ReactNode;
 };
 //#endregion
-export { Breadcrumbs as Breadcrumbs$1, BreadcrumbsProps };
+export { Breadcrumbs, BreadcrumbsProps };
 //# sourceMappingURL=Breadcrumbs.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import{breadcrumbsItem as e,breadcrumbsList as t,breadcrumbsRoot as n,breadcrumbsSeparator as r}from"@mage-ui/styled-system/recipes";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{Children as s,cloneElement as c,isValidElement as l}from"react";const u=({separator:c=`/`,children:u,classNames:p})=>a(`nav`,{"aria-label":`breadcrumb`,className:p?.root??n(),children:a(`ol`,{className:p?.list??t(),children:s.map(u,(t,n)=>{if(l(t)&&t.type===f)return o(`li`,{className:p?.item??e(),children:[n<s.count(u)-1&&o(i,{children:[t,a(`span`,{"aria-hidden":`true`,className:p?.separator??r(),children:c})]}),n===s.count(u)-1&&d(t)]},t.key)})})}),d=e=>{if(l(e)&&l(e.props.children)){let t=e.props.children;return c(t,{"aria-current":`page`,...t.props??{}})}return a(`span`,{"aria-current":`page`,children:e})},f=({children:e})=>e;f.displayName=`Breadcrumbs.Item`,u.Item=f;export{u as Breadcrumbs};
+//# sourceMappingURL=Breadcrumbs.js.map

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

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