@mage-ui/components 1.0.18 → 1.0.19

package/dist/components/data-display/tag/Tag.d.mts

@@ -1,7 +1,7 @@
 import { BadgeProps } from "../badge/Badge.mjs";
 import { TagGroupProps } from "../tag-group/TagGroup.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/components/data-display/tag/Tag.d.ts
 type TagProps = Omit<BadgeProps, 'classNames'> & {
@@ -25,11 +25,11 @@ declare const Tag: {
     onRemove,
     classNames,
     children
-  }: TagProps): react_jsx_runtime46.JSX.Element;
+  }: TagProps): react_jsx_runtime45.JSX.Element;
   Group: ({
     children,
     classNames
-  }: TagGroupProps) => react_jsx_runtime46.JSX.Element;
+  }: TagGroupProps) => react_jsx_runtime45.JSX.Element;
 };
 //#endregion
 export { Tag, TagProps };

package/dist/components/data-display/tag-group/TagGroup.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region src/components/data-display/tag-group/TagGroup.d.ts
 type TagGroupProps = {
@@ -11,7 +11,7 @@ type TagGroupProps = {
 declare const TagGroup: ({
   children,
   classNames
-}: TagGroupProps) => react_jsx_runtime48.JSX.Element;
+}: TagGroupProps) => react_jsx_runtime47.JSX.Element;
 //#endregion
 export { TagGroup, TagGroupProps };
 //# sourceMappingURL=TagGroup.d.mts.map

package/dist/components/data-display/uploaded-file/UploadedFile.d.mts

@@ -2,7 +2,7 @@ import { IconProps } from "../icons/icon/Icon.mjs";
 import { IconWrappedProps } from "../icons/icon-wrapped/IconWrapped.mjs";
 import { RemovableItemProps } from "../removable-item/RemovableItem.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/uploaded-file/UploadedFile.d.ts
@@ -35,7 +35,7 @@ declare const UploadedFile: ({
   children,
   onRemove,
   classNames
-}: UploadedFileProps) => react_jsx_runtime49.JSX.Element;
+}: UploadedFileProps) => react_jsx_runtime48.JSX.Element;
 //#endregion
 export { UploadedFile, UploadedFileProps };
 //# sourceMappingURL=UploadedFile.d.mts.map

package/dist/components/data-display/uploaded-file/UploadedFileDetails.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/uploaded-file/UploadedFileDetails.d.ts
@@ -17,7 +17,7 @@ declare const UploadedFileDetails: ({
   fileDate,
   fileType,
   classNames
-}: UploadedFileDetailsProps) => react_jsx_runtime38.JSX.Element;
+}: UploadedFileDetailsProps) => react_jsx_runtime37.JSX.Element;
 //#endregion
 export { UploadedFileDetails, UploadedFileDetailsProps };
 //# sourceMappingURL=UploadedFileDetails.d.mts.map

package/dist/components/forms/Form.d.mts

@@ -1,8 +1,10 @@
 import { TextInputProps } from "../controls/text-input/TextInput.mjs";
+import { FormSubmitProps } from "./controls/FormSubmit.mjs";
+import { FormCheckboxProps } from "./controls/FormCheckbox.mjs";
 import { PasswordSegment } from "../controls/password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition } from "../controls/password-input/usePasswordRules.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 import { FieldValues, UseFormSetError } from "react-hook-form";
 import { ZodObject, ZodTypeAny } from "zod";
@@ -38,7 +40,7 @@ declare const Form: {
     children,
     schema,
     t
-  }: FormProps<T>): react_jsx_runtime52.JSX.Element;
+  }: FormProps<T>): react_jsx_runtime49.JSX.Element;
   displayName: string;
   TextInput: {
     ({
@@ -49,15 +51,15 @@ declare const Form: {
       $rule?: string;
       error?: string;
       isSubmitting?: boolean;
-    } & TextInputProps): react_jsx_runtime52.JSX.Element;
+    } & TextInputProps): react_jsx_runtime49.JSX.Element;
     displayName: string;
   };
   Submit: {
     ({
-      children
-    }: {
-      children: React.ReactNode;
-    }): react_jsx_runtime52.JSX.Element;
+      children,
+      successText,
+      ...props
+    }: FormSubmitProps): react_jsx_runtime49.JSX.Element;
     displayName: string;
   };
   Hidden: {
@@ -69,33 +71,28 @@ declare const Form: {
       name?: string;
       value?: string;
       defaultValue?: string;
-    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime52.JSX.Element;
+    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime49.JSX.Element;
     displayName: string;
   };
   Checkbox: {
     ({
       $rule,
-      error,
       isSubmitting,
       children,
+      name,
       ...props
-    }: {
-      $rule?: string;
-      error?: string;
-      isSubmitting?: boolean;
-      name: string;
-    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime52.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime49.JSX.Element;
     displayName: string;
   };
   Password: {
     ({
-      error,
+      $rule,
       isSubmitting,
       strengthBar,
       value,
       name,
       rules,
-      segments
+      ...props
     }: {
       $rule?: string;
       error?: string;
@@ -105,7 +102,7 @@ declare const Form: {
       name: string;
       rules?: PasswordRuleDefinition[];
       segments?: PasswordSegment[];
-    }): react_jsx_runtime52.JSX.Element;
+    }): react_jsx_runtime49.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/forms/Form.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;KAaK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;AAAA;AAAA,cAWT,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA;EAAA,GAQvC,SAAA,CAAU,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAlCR,eAAA;IAAA"}
+{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;;KAaK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;AAAA;AAAA,cAWT,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA;EAAA,GAQvC,SAAA,CAAU,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAlCT,eAAA;IAAA"}

package/dist/components/forms/FormBase.mjs

@@ -1,2 +1,2 @@
-"use client";import{controls as e}from"./controls/index.mjs";import{RegisteredFormChildren as t}from"./controls/register-components.mjs";import{extractFormRules as n}from"./rules/extract-form-rules.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useEffect as a}from"react";import{FormProvider as o,useForm as s}from"react-hook-form";import*as c from"zod";import{zodResolver as l}from"@hookform/resolvers/zod";const u=({errorBox:u,onWatch:d,onSubmit:f,children:p,schema:m=c.object({}),t:h})=>{let g=s({shouldFocusError:!0,resolver:l(m?m.and(n(p,e)):n(p,e))}),{register:_,handleSubmit:v,setError:y,formState:{errors:b},watch:x}=g;return a(()=>{let{unsubscribe:e}=x(e=>{d?.(e)});return()=>e()},[x,d]),i(o,{...g,t:h,children:[r(u,{errors:b}),r(`form`,{onSubmit:v(e=>f({data:e,setError:y})),children:r(t,{register:_,componentTypes:e,errors:b,t:h,children:p})})]})};export{u as FormBase};
+"use client";import{controls as e}from"./controls/index.mjs";import{RegisteredFormChildren as t}from"./controls/register-components.mjs";import{extractFormRules as n}from"./rules/extract-form-rules.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useEffect as a}from"react";import{FormProvider as o,useForm as s}from"react-hook-form";import*as c from"zod";import{zodResolver as l}from"@hookform/resolvers/zod";const u=({errorBox:u,onWatch:d,onSubmit:f,children:p,schema:m=c.object({}),t:h,mode:g=`onSubmit`,reValidateMode:_=`onChange`})=>{let v=s({shouldFocusError:!0,resolver:l(m?m.and(n(p,e)):n(p,e)),mode:g,reValidateMode:_}),{register:y,handleSubmit:b,setError:x,formState:{errors:S},watch:C}=v;return a(()=>{let{unsubscribe:e}=C(e=>{d?.(e)});return()=>e()},[C,d]),i(o,{...v,t:h,children:[r(u,{errors:S}),r(`form`,{onSubmit:b(e=>f({data:e,setError:x})),children:r(t,{register:y,componentTypes:e,errors:S,t:h,children:p})})]})};export{u as FormBase};
 //# sourceMappingURL=FormBase.mjs.map

package/dist/components/forms/FormBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormBase.mjs","names":["z"],"sources":["../../../src/components/forms/FormBase.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { useEffect } from 'react';\nimport type {\n  DeepPartialSkipArrayKey,\n  FieldErrors,\n  FieldValues,\n  UseFormSetError,\n} from 'react-hook-form';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport * as z from 'zod';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\n\nimport { controls } from './controls';\nimport { RegisteredFormChildren } from './controls/register-components';\nimport { extractFormRules } from './rules/extract-form-rules';\n\ntype FormProps = {\n  children: React.ReactNode;\n  schema?: z.ZodObject<Record<string, z.ZodTypeAny>>;\n  errorBox: React.ComponentType<{ errors: FieldErrors }>;\n  onWatch?: (values: DeepPartialSkipArrayKey<FieldValues>) => void;\n  onSubmit: (args: {\n    data: FieldValues;\n    setError: UseFormSetError<FieldValues>;\n  }) => void | Promise<void>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n};\n\nexport const FormBase = ({\n  errorBox: ErrorBox,\n  onWatch,\n  onSubmit,\n  children,\n  schema = z.object({}),\n  t,\n}: FormProps) => {\n  const rules = (\n    schema\n      ? schema.and(extractFormRules(children, controls) as z.ZodTypeAny)\n      : (extractFormRules(children, controls) as z.ZodTypeAny)\n  ) as z.ZodType<FieldValues, FieldValues>;\n\n  const form = useForm({\n    shouldFocusError: true,\n    resolver: zodResolver(rules),\n  });\n\n  const {\n    register,\n    handleSubmit,\n    setError,\n    formState: { errors },\n    watch,\n  } = form;\n\n  useEffect(() => {\n    const { unsubscribe } = watch((values) => {\n      onWatch?.(values);\n    });\n    return () => unsubscribe();\n  }, [watch, onWatch]);\n\n  return (\n    <FormProvider {...form} {...({ t } as Record<string, unknown>)}>\n      <ErrorBox errors={errors} />\n      <form onSubmit={handleSubmit((data) => onSubmit({ data, setError }))}>\n        <RegisteredFormChildren\n          register={register}\n          componentTypes={controls}\n          errors={errors}\n          t={t}\n        >\n          {children}\n        </RegisteredFormChildren>\n      </form>\n    </FormProvider>\n  );\n};\n"],"mappings":"uaAmCA,MAAa,GAAY,CACvB,SAAU,EACV,UACA,WACA,WACA,SAASA,EAAE,OAAO,EAAE,CAAC,CACrB,OACe,CAOf,IAAM,EAAO,EAAQ,CACnB,iBAAkB,GAClB,SAAU,EAPV,EACI,EAAO,IAAI,EAAiB,EAAU,EAAS,CAAiB,CAC/D,EAAiB,EAAU,EAAS,CAKb,CAC7B,CAAC,CAEI,CACJ,WACA,eACA,WACA,UAAW,CAAE,UACb,SACE,EASJ,OAPA,MAAgB,CACd,GAAM,CAAE,eAAgB,EAAO,GAAW,CACxC,IAAU,EAAO,EACjB,CACF,UAAa,GAAa,EACzB,CAAC,EAAO,EAAQ,CAAC,CAGlB,EAAC,EAAA,CAAa,GAAI,EAAa,cAC7B,EAAC,EAAA,CAAiB,SAAA,CAAU,CAC5B,EAAC,OAAA,CAAK,SAAU,EAAc,GAAS,EAAS,CAAE,OAAM,WAAU,CAAC,CAAC,UAClE,EAAC,EAAA,CACW,WACV,eAAgB,EACR,SACL,IAEF,YACsB,EACpB,CAAA,EACM"}
+{"version":3,"file":"FormBase.mjs","names":["z"],"sources":["../../../src/components/forms/FormBase.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { useEffect } from 'react';\nimport type {\n  DeepPartialSkipArrayKey,\n  FieldErrors,\n  FieldValues,\n  UseFormSetError,\n} from 'react-hook-form';\nimport { FormProvider, useForm } from 'react-hook-form';\nimport * as z from 'zod';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\n\nimport { controls } from './controls';\nimport { RegisteredFormChildren } from './controls/register-components';\nimport { extractFormRules } from './rules/extract-form-rules';\n\ntype FormProps = {\n  children: React.ReactNode;\n  schema?: z.ZodObject<Record<string, z.ZodTypeAny>>;\n  errorBox: React.ComponentType<{ errors: FieldErrors }>;\n  onWatch?: (values: DeepPartialSkipArrayKey<FieldValues>) => void;\n  onSubmit: (args: {\n    data: FieldValues;\n    setError: UseFormSetError<FieldValues>;\n  }) => void | Promise<void>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n  mode?: 'onBlur' | 'onChange' | 'onSubmit' | 'onTouched' | 'all';\n  reValidateMode?: 'onBlur' | 'onChange' | 'onSubmit';\n};\n\nexport const FormBase = ({\n  errorBox: ErrorBox,\n  onWatch,\n  onSubmit,\n  children,\n  schema = z.object({}),\n  t,\n  mode = 'onSubmit',\n  reValidateMode = 'onChange',\n}: FormProps) => {\n  const rules = (\n    schema\n      ? schema.and(extractFormRules(children, controls) as z.ZodTypeAny)\n      : (extractFormRules(children, controls) as z.ZodTypeAny)\n  ) as z.ZodType<FieldValues, FieldValues>;\n\n  const form = useForm({\n    shouldFocusError: true,\n    resolver: zodResolver(rules),\n    mode,\n    reValidateMode,\n  });\n\n  const {\n    register,\n    handleSubmit,\n    setError,\n    formState: { errors },\n    watch,\n  } = form;\n\n  useEffect(() => {\n    const { unsubscribe } = watch((values) => {\n      onWatch?.(values);\n    });\n    return () => unsubscribe();\n  }, [watch, onWatch]);\n\n  return (\n    <FormProvider {...form} {...({ t } as Record<string, unknown>)}>\n      <ErrorBox errors={errors} />\n      <form onSubmit={handleSubmit((data) => onSubmit({ data, setError }))}>\n        <RegisteredFormChildren\n          register={register}\n          componentTypes={controls}\n          errors={errors}\n          t={t}\n        >\n          {children}\n        </RegisteredFormChildren>\n      </form>\n    </FormProvider>\n  );\n};\n"],"mappings":"uaAqCA,MAAa,GAAY,CACvB,SAAU,EACV,UACA,WACA,WACA,SAASA,EAAE,OAAO,EAAE,CAAC,CACrB,IACA,OAAO,WACP,iBAAiB,cACF,CAOf,IAAM,EAAO,EAAQ,CACnB,iBAAkB,GAClB,SAAU,EAPV,EACI,EAAO,IAAI,EAAiB,EAAU,EAAS,CAAiB,CAC/D,EAAiB,EAAU,EAAS,CAKb,CAC5B,OACA,iBACD,CAAC,CAEI,CACJ,WACA,eACA,WACA,UAAW,CAAE,UACb,SACE,EASJ,OAPA,MAAgB,CACd,GAAM,CAAE,eAAgB,EAAO,GAAW,CACxC,IAAU,EAAO,EACjB,CACF,UAAa,GAAa,EACzB,CAAC,EAAO,EAAQ,CAAC,CAGlB,EAAC,EAAA,CAAa,GAAI,EAAa,cAC7B,EAAC,EAAA,CAAiB,SAAA,CAAU,CAC5B,EAAC,OAAA,CAAK,SAAU,EAAc,GAAS,EAAS,CAAE,OAAM,WAAU,CAAC,CAAC,UAClE,EAAC,EAAA,CACW,WACV,eAAgB,EACR,SACL,IAEF,YACsB,EACpB,CAAA,EACM"}

package/dist/components/forms/controls/FormCheckbox.d.mts

@@ -0,0 +1,13 @@
+import { CheckboxProps } from "../../controls/checkbox/Checkbox.mjs";
+import "react/jsx-runtime";
+
+//#region src/components/forms/controls/FormCheckbox.d.ts
+type FormCheckboxProps = CheckboxProps & {
+  $rule?: string;
+  error?: string;
+  isSubmitting?: boolean;
+  name: string;
+};
+//#endregion
+export { FormCheckboxProps };
+//# sourceMappingURL=FormCheckbox.d.mts.map

package/dist/components/forms/controls/FormCheckbox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"mappings":";;;;KAMY,iBAAA,GAAoB,aAAA;EAC9B,KAAA;EACA,KAAA;EACA,YAAA;EACA,IAAA;AAAA"}

package/dist/components/forms/controls/FormCheckbox.mjs

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";const n=({$rule:n,error:r,isSubmitting:i,children:a,...o})=>t(`div`,{children:[t(`label`,{style:{display:`flex`,gap:`0.5rem`,alignItems:`center`},children:[e(`input`,{type:`checkbox`,disabled:i,...o}),a]}),r&&e(`span`,{style:{color:`red`,fontSize:`12px`},children:r})]});n.displayName=`Form.Checkbox`;export{n as FormCheckbox};
+import{Checkbox as e}from"../../controls/checkbox/Checkbox.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=({$rule:r,isSubmitting:i,children:a,name:o,...s})=>t(n,{name:o,render:({field:{value:n,...r}})=>t(e,{disabled:i,value:n,...s,...r})});r.displayName=`Form.Checkbox`;export{r as FormCheckbox};
 //# sourceMappingURL=FormCheckbox.mjs.map

package/dist/components/forms/controls/FormCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckbox.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"sourcesContent":["import type React from 'react';\n\nexport const FormCheckbox = ({\n  $rule,\n  error,\n  isSubmitting,\n  children,\n  ...props\n}: {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n} & React.InputHTMLAttributes<HTMLInputElement>) => {\n  return (\n    <div>\n      <label style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>\n        <input type='checkbox' disabled={isSubmitting} {...props} />\n        {children}\n      </label>\n      {error && <span style={{ color: 'red', fontSize: '12px' }}>{error}</span>}\n    </div>\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n"],"mappings":"kDAEA,MAAa,GAAgB,CAC3B,QACA,QACA,eACA,WACA,GAAG,KAQD,EAAC,MAAA,CAAA,SAAA,CACC,EAAC,QAAA,CAAM,MAAO,CAAE,QAAS,OAAQ,IAAK,SAAU,WAAY,SAAU,WACpE,EAAC,QAAA,CAAM,KAAK,WAAW,SAAU,EAAc,GAAI,GAAS,CAC3D,EAAA,EACK,CACP,GAAS,EAAC,OAAA,CAAK,MAAO,CAAE,MAAO,MAAO,SAAU,OAAQ,UAAG,GAAa,CAAA,CAAA,CACrE,CAIV,EAAa,YAAc"}
+{"version":3,"file":"FormCheckbox.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/controls/checkbox/Checkbox';\nimport { Controller } from 'react-hook-form';\n\nexport type FormCheckboxProps = CheckboxProps & {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n};\n\nexport const FormCheckbox = ({\n  $rule,\n  isSubmitting,\n  children,\n  name,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name}\n      render={({ field: { value, ...fieldProps } }) => {\n        const mergedProps = {\n          disabled: isSubmitting,\n          value,\n          ...props,\n          ...fieldProps,\n        };\n        return <Checkbox {...mergedProps} />;\n      }}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n"],"mappings":"qJAaA,MAAa,GAAgB,CAC3B,QACA,eACA,WACA,OACA,GAAG,KAGD,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAOrB,EAAC,EAAA,CALN,SAAU,EACV,QACA,GAAG,EACH,GAAG,GAE+B,EAEtC,CAIN,EAAa,YAAc"}

package/dist/components/forms/controls/FormPassword.mjs

@@ -1,2 +1,2 @@
-import{PasswordInput as e}from"../../controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as t}from"../../controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as n}from"../../controls/password-input/usePasswordRules.mjs";import{jsx as r}from"react/jsx-runtime";import{Controller as i,useFormContext as a}from"react-hook-form";const o=({error:o,isSubmitting:s=!1,strengthBar:c=!1,value:l,name:u,rules:d,segments:f})=>{let{t:p}=a();return r(i,{name:u,defaultValue:l||``,render:({field:{value:i,...a}})=>{let l=n(i||``,d||[],p),u={disabled:s,value:i,error:o,...a};return c?r(t,{segments:f||[],rules:l,...u}):r(e,{...u})}})};o.displayName=`Form.Password`;export{o as FormPassword};
+import{PasswordInput as e}from"../../controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as t}from"../../controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as n}from"../../controls/password-input/usePasswordRules.mjs";import{jsx as r}from"react/jsx-runtime";import{Controller as i,useFormContext as a}from"react-hook-form";const o=({$rule:o,isSubmitting:s=!1,strengthBar:c=!1,value:l,name:u,rules:d,...f})=>{let{t:p}=a();return r(i,{name:u,defaultValue:l||``,render:({field:{value:i,...a}})=>{let o=n(i||``,d||[],p),l={disabled:s,value:i,...f,...a};return c?r(t,{segments:[],rules:o,...l}):r(e,{...l})}})};o.displayName=`Form.Password`;export{o as FormPassword};
 //# sourceMappingURL=FormPassword.mjs.map

package/dist/components/forms/controls/FormPassword.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormPassword.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormPassword.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport { PasswordInput } from '@/components/controls/password-input/PasswordInput';\nimport {\n  type PasswordSegment,\n  PasswordStrengthInput,\n} from '@/components/controls/password-input/PasswordStrengthInput';\nimport {\n  type PasswordRuleDefinition,\n  usePasswordRules,\n} from '@/components/controls/password-input/usePasswordRules';\n\nexport const FormPassword = ({\n  error,\n  isSubmitting = false,\n  strengthBar = false,\n  value,\n  name,\n  rules,\n  segments,\n}: {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  strengthBar?: boolean;\n  value?: string;\n  name: string;\n  rules?: PasswordRuleDefinition[];\n  segments?: PasswordSegment[];\n}) => {\n  const { t } = useFormContext() as unknown as {\n    t?: (\n      key: string,\n      bindings?: Record<string, string>,\n      fallback?: string,\n    ) => string;\n  };\n\n  return (\n    <Controller\n      name={name}\n      defaultValue={value || ''}\n      render={({ field: { value, ...fieldProps } }) => {\n        const computedRules = usePasswordRules(value || '', rules || [], t);\n\n        const props = {\n          disabled: isSubmitting,\n          value,\n          error,\n          ...fieldProps,\n        };\n\n        if (strengthBar) {\n          return (\n            <PasswordStrengthInput\n              segments={segments || []}\n              rules={computedRules}\n              {...props}\n            />\n          );\n        }\n        return <PasswordInput {...props} />;\n      }}\n    />\n  );\n};\n\nFormPassword.displayName = 'Form.Password';\n"],"mappings":"+WAYA,MAAa,GAAgB,CAC3B,QACA,eAAe,GACf,cAAc,GACd,QACA,OACA,QACA,cAUI,CACJ,GAAM,CAAE,KAAM,GAAgB,CAQ9B,OACE,EAAC,EAAA,CACO,OACN,aAAc,GAAS,GACvB,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAAmB,CAC/C,IAAM,EAAgB,EAAiB,GAAS,GAAI,GAAS,EAAE,CAAE,EAAE,CAE7D,EAAQ,CACZ,SAAU,EACV,QACA,QACA,GAAG,EACJ,CAWD,OATI,EAEA,EAAC,EAAA,CACC,SAAU,GAAY,EAAE,CACxB,MAAO,EACP,GAAI,GACJ,CAGC,EAAC,EAAA,CAAc,GAAI,EAAA,CAAS,GAErC,EAIN,EAAa,YAAc"}
+{"version":3,"file":"FormPassword.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormPassword.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport { PasswordInput } from '@/components/controls/password-input/PasswordInput';\nimport {\n  type PasswordSegment,\n  PasswordStrengthInput,\n} from '@/components/controls/password-input/PasswordStrengthInput';\nimport {\n  type PasswordRuleDefinition,\n  usePasswordRules,\n} from '@/components/controls/password-input/usePasswordRules';\n\nexport const FormPassword = ({\n  $rule,\n  isSubmitting = false,\n  strengthBar = false,\n  value,\n  name,\n  rules,\n  ...props\n}: {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  strengthBar?: boolean;\n  value?: string;\n  name: string;\n  rules?: PasswordRuleDefinition[];\n  segments?: PasswordSegment[];\n}) => {\n  const { t } = useFormContext() as unknown as {\n    t?: (\n      key: string,\n      bindings?: Record<string, string>,\n      fallback?: string,\n    ) => string;\n  };\n\n  return (\n    <Controller\n      name={name}\n      defaultValue={value || ''}\n      render={({ field: { value, ...fieldProps } }) => {\n        const computedRules = usePasswordRules(value || '', rules || [], t);\n\n        const mergedProps = {\n          disabled: isSubmitting,\n          value,\n          ...props,\n          ...fieldProps,\n        };\n\n        if (strengthBar) {\n          return (\n            <PasswordStrengthInput\n              segments={[]}\n              rules={computedRules}\n              {...mergedProps}\n            />\n          );\n        }\n        return <PasswordInput {...mergedProps} />;\n      }}\n    />\n  );\n};\n\nFormPassword.displayName = 'Form.Password';\n"],"mappings":"+WAYA,MAAa,GAAgB,CAC3B,QACA,eAAe,GACf,cAAc,GACd,QACA,OACA,QACA,GAAG,KAUC,CACJ,GAAM,CAAE,KAAM,GAAgB,CAQ9B,OACE,EAAC,EAAA,CACO,OACN,aAAc,GAAS,GACvB,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAAmB,CAC/C,IAAM,EAAgB,EAAiB,GAAS,GAAI,GAAS,EAAE,CAAE,EAAE,CAE7D,EAAc,CAClB,SAAU,EACV,QACA,GAAG,EACH,GAAG,EACJ,CAWD,OATI,EAEA,EAAC,EAAA,CACC,SAAU,EAAE,CACZ,MAAO,EACP,GAAI,GACJ,CAGC,EAAC,EAAA,CAAc,GAAI,EAAA,CAAe,GAE3C,EAIN,EAAa,YAAc"}

package/dist/components/forms/controls/FormSubmit.d.mts

@@ -0,0 +1,9 @@
+import { ButtonActionProps } from "../../buttons/button-action/ButtonAction.mjs";
+import "../../buttons/index.mjs";
+import "react/jsx-runtime";
+
+//#region src/components/forms/controls/FormSubmit.d.ts
+type FormSubmitProps = Omit<ButtonActionProps, 'loading'> & {};
+//#endregion
+export { FormSubmitProps };
+//# sourceMappingURL=FormSubmit.d.mts.map

package/dist/components/forms/controls/FormSubmit.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmit.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"mappings":";;;;;KAIY,eAAA,GAAkB,IAAA,CAAK,iBAAA"}

package/dist/components/forms/controls/FormSubmit.mjs

@@ -1,2 +1,2 @@
-import{ButtonAction as e}from"../../buttons/button-action/ButtonAction.mjs";import{jsx as t}from"react/jsx-runtime";import{useFormContext as n}from"react-hook-form";const r=({children:r})=>{let{formState:{isSubmitSuccessful:i,isSubmitting:a}}=n();return t(e,{type:`submit`,loading:a,loadingText:`Enviando...`,successText:i?`Adelante`:void 0,successDuration:2e3,children:r})};r.displayName=`Form.Submit`;export{r as FormSubmit};
+import{ButtonAction as e}from"../../buttons/button-action/ButtonAction.mjs";import{jsx as t}from"react/jsx-runtime";import{useFormContext as n}from"react-hook-form";const r=({children:r,successText:i,...a})=>{let{formState:{isSubmitSuccessful:o,isSubmitting:s}}=n();return t(e,{type:`submit`,loading:s,successText:o?i:void 0,...a,children:r})};r.displayName=`Form.Submit`;export{r as FormSubmit};
 //# sourceMappingURL=FormSubmit.mjs.map

package/dist/components/forms/controls/FormSubmit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmit.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\n\nimport { ButtonAction } from '@/components/buttons';\n\nexport const FormSubmit = ({ children }: { children: React.ReactNode }) => {\n  const {\n    formState: { isSubmitSuccessful, isSubmitting },\n  } = useFormContext();\n\n  return (\n    <ButtonAction\n      type='submit'\n      loading={isSubmitting}\n      loadingText='Enviando...'\n      successText={isSubmitSuccessful ? 'Adelante' : undefined}\n      successDuration={2000}\n    >\n      {children}\n    </ButtonAction>\n  );\n};\n\nFormSubmit.displayName = 'Form.Submit';\n"],"mappings":"qKAIA,MAAa,GAAc,CAAE,cAA8C,CACzE,GAAM,CACJ,UAAW,CAAE,qBAAoB,iBAC/B,GAAgB,CAEpB,OACE,EAAC,EAAA,CACC,KAAK,SACL,QAAS,EACT,YAAY,cACZ,YAAa,EAAqB,WAAa,IAAA,GAC/C,gBAAiB,IAEhB,YACY,EAInB,EAAW,YAAc"}
+{"version":3,"file":"FormSubmit.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\n\nimport { ButtonAction, type ButtonActionProps } from '@/components/buttons';\n\nexport type FormSubmitProps = Omit<ButtonActionProps, 'loading'> & {};\n\nexport const FormSubmit = ({\n  children,\n  successText,\n  ...props\n}: FormSubmitProps) => {\n  const {\n    formState: { isSubmitSuccessful, isSubmitting },\n  } = useFormContext();\n\n  return (\n    <ButtonAction\n      type='submit'\n      loading={isSubmitting}\n      successText={isSubmitSuccessful ? successText : undefined}\n      {...props}\n    >\n      {children}\n    </ButtonAction>\n  );\n};\n\nFormSubmit.displayName = 'Form.Submit';\n"],"mappings":"qKAMA,MAAa,GAAc,CACzB,WACA,cACA,GAAG,KACkB,CACrB,GAAM,CACJ,UAAW,CAAE,qBAAoB,iBAC/B,GAAgB,CAEpB,OACE,EAAC,EAAA,CACC,KAAK,SACL,QAAS,EACT,YAAa,EAAqB,EAAc,IAAA,GAChD,GAAI,EAEH,YACY,EAInB,EAAW,YAAc"}

package/dist/components/forms/rules/extract-form-rules.mjs

@@ -1,2 +1,2 @@
-import{findFormComponents as e}from"../controls/find-form-components.mjs";import{PASSWORD_RULES as t}from"./password-rules.mjs";import n from"./password.mjs";import{parseRules as r}from"./zod.mjs";import{z as i}from"zod";const a=(a,o)=>{let s={},c=e(a,o),l=[];c.forEach(e=>{let a=e.props;if(a.name){if(a.$rule?.includes(`confirmed`)){let e=a.$rule.split(`|`).find(e=>e.startsWith(`confirmed`)),t=e?.includes(`:`)?e.split(`:`)[1]:`${a.name}_confirmation`;l.push({field:a.name,target:t})}if(e.type.displayName===`Form.Checkbox`)s[a.name]=a.$rule?r(a.$rule):i.boolean().optional();else if(e.type.displayName===`Form.Password`){let e=i.string(),o=a.$rule?a.$rule.split(`|`).filter(e=>e.trim()!==`password`).join(`|`):``;o&&(e=r(o));let c=a.rules||(a.$rule?.includes(`password`)?t:[]);c.length>0&&(e=n(e,c));let l=!a.$rule||a.$rule.includes(`optional`)||o.includes(`optional`);s[a.name]=l?e.optional():e}else s[a.name]=a.$rule?r(a.$rule):i.string().optional()}});let u=i.object(s);return l.length>0?u.superRefine((e,t)=>{l.forEach(({field:n,target:r})=>{e[n]!==e[r]&&t.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`confirmed`,fallback:`La confirmación no coincide.`,bindings:{}}),path:[r]})})}):u};export{a as extractFormRules};
+import{findFormComponents as e}from"../controls/find-form-components.mjs";import{PASSWORD_RULES as t}from"./password-rules.mjs";import n from"./password.mjs";import{parseRules as r}from"./zod.mjs";import{z as i}from"zod";const a=(e,t)=>{if(!e.name||!e.$rule?.includes(`confirmed`))return;let n=e.$rule.split(`|`).find(e=>e.startsWith(`confirmed`)),r=n?.includes(`:`)?n.split(`:`)[1]:`${e.name}_confirmation`;t.confirmedFields.push({field:e.name,target:r})},o=(e,t)=>{e.name&&(e.$rule?.includes(`required`)?(t.rules[e.name]=i.boolean().optional().or(i.literal(!1)),t.requiredBooleanFields.push(e.name)):t.rules[e.name]=i.boolean().optional())},s=(e,a)=>{if(!e.name)return;let o=i.string(),s=e.$rule?e.$rule.split(`|`).filter(e=>e.trim()!==`password`).join(`|`):``;s&&(o=r(s));let c=e.rules||(e.$rule?.includes(`password`)?t:[]);c.length>0&&(o=n(o,c));let l=!e.$rule||e.$rule.includes(`optional`)||s.includes(`optional`);a.rules[e.name]=l?o.optional():o},c=(e,t)=>{e.name&&(t.rules[e.name]=e.$rule?r(e.$rule):i.string().optional())},l=(e,t)=>t.confirmedFields.length===0&&t.requiredBooleanFields.length===0?e:e.superRefine((e,n)=>{t.confirmedFields.forEach(({field:t,target:r})=>{e[t]!==e[r]&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`confirmed`,fallback:`La confirmación no coincide.`,bindings:{}}),path:[r]})}),t.requiredBooleanFields.forEach(t=>{e[t]!==!0&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),path:[t]})})}),u=(t,n)=>{let r={rules:{},confirmedFields:[],requiredBooleanFields:[]};return e(t,n).forEach(e=>{let t=e.props,n=e.type.displayName;t.name&&(a(t,r),n===`Form.Checkbox`?o(t,r):n===`Form.Password`?s(t,r):c(t,r))}),l(i.object(r.rules),r)};export{u as extractFormRules};
 //# sourceMappingURL=extract-form-rules.mjs.map

package/dist/components/forms/rules/extract-form-rules.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-form-rules.mjs","names":["passwordRule"],"sources":["../../../../src/components/forms/rules/extract-form-rules.ts"],"sourcesContent":["import type React from 'react';\nimport { type ZodTypeAny, z } from 'zod';\n\nimport type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nimport { findFormComponents } from '../controls/find-form-components';\nimport passwordRule from './password';\nimport { PASSWORD_RULES } from './password-rules';\nimport { parseRules } from './zod';\n\nexport const extractFormRules = (\n  children: React.ReactNode,\n  componentTypes: React.ComponentType[],\n): ZodTypeAny => {\n  const rules: Record<string, ZodTypeAny> = {};\n\n  const components = findFormComponents(children, componentTypes);\n  const confirmedFields: { field: string; target: string }[] = [];\n\n  components.forEach((component) => {\n    const props = component.props as { name?: string; $rule?: string };\n    if (props.name) {\n      if (props.$rule?.includes('confirmed')) {\n        const rulesList = props.$rule.split('|');\n        const confirmedRule = rulesList.find((r) => r.startsWith('confirmed'));\n        const target = confirmedRule?.includes(':')\n          ? confirmedRule.split(':')[1]\n          : `${props.name}_confirmation`;\n\n        confirmedFields.push({ field: props.name, target });\n      }\n\n      if (\n        (component.type as { displayName?: string }).displayName ===\n        'Form.Checkbox'\n      ) {\n        rules[props.name] = props.$rule\n          ? parseRules(props.$rule)\n          : z.boolean().optional();\n      } else if (\n        (component.type as { displayName?: string }).displayName ===\n        'Form.Password'\n      ) {\n        let baseSchema: ZodTypeAny = z.string();\n        const otherRules = props.$rule\n          ? props.$rule\n              .split('|')\n              .filter((r) => r.trim() !== 'password')\n              .join('|')\n          : '';\n\n        if (otherRules) {\n          baseSchema = parseRules(otherRules);\n        }\n\n        const passwordRules =\n          (props as { rules?: PasswordRuleDefinition[] }).rules ||\n          (props.$rule?.includes('password') ? PASSWORD_RULES : []);\n\n        // Apply password rule directly\n        if (passwordRules.length > 0) {\n          baseSchema = passwordRule(baseSchema, passwordRules);\n        }\n\n        const isOptional =\n          !props.$rule ||\n          props.$rule.includes('optional') ||\n          otherRules.includes('optional');\n\n        rules[props.name] = isOptional ? baseSchema.optional() : baseSchema;\n      } else {\n        rules[props.name] = props.$rule\n          ? parseRules(props.$rule)\n          : z.string().optional();\n      }\n    }\n  });\n\n  const schema = z.object(rules);\n\n  if (confirmedFields.length > 0) {\n    return schema.superRefine((data, ctx) => {\n      confirmedFields.forEach(({ field, target }) => {\n        if (data[field] !== data[target]) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            message: JSON.stringify({\n              key: 'confirmed',\n              fallback: 'La confirmación no coincide.',\n              bindings: {},\n            }),\n            path: [target],\n          });\n        }\n      });\n    });\n  }\n\n  return schema;\n};\n"],"mappings":"6NAUA,MAAa,GACX,EACA,IACe,CACf,IAAM,EAAoC,EAAE,CAEtC,EAAa,EAAmB,EAAU,EAAe,CACzD,EAAuD,EAAE,CAE/D,EAAW,QAAS,GAAc,CAChC,IAAM,EAAQ,EAAU,MACxB,GAAI,EAAM,KAAM,CACd,GAAI,EAAM,OAAO,SAAS,YAAY,CAAE,CAEtC,IAAM,EADY,EAAM,MAAM,MAAM,IAAI,CACR,KAAM,GAAM,EAAE,WAAW,YAAY,CAAC,CAChE,EAAS,GAAe,SAAS,IAAI,CACvC,EAAc,MAAM,IAAI,CAAC,GACzB,GAAG,EAAM,KAAK,eAElB,EAAgB,KAAK,CAAE,MAAO,EAAM,KAAM,SAAQ,CAAC,CAGrD,GACG,EAAU,KAAkC,cAC7C,gBAEA,EAAM,EAAM,MAAQ,EAAM,MACtB,EAAW,EAAM,MAAM,CACvB,EAAE,SAAS,CAAC,UAAU,SAEzB,EAAU,KAAkC,cAC7C,gBACA,CACA,IAAI,EAAyB,EAAE,QAAQ,CACjC,EAAa,EAAM,MACrB,EAAM,MACH,MAAM,IAAI,CACV,OAAQ,GAAM,EAAE,MAAM,GAAK,WAAW,CACtC,KAAK,IAAI,CACZ,GAEA,IACF,EAAa,EAAW,EAAW,EAGrC,IAAM,EACH,EAA+C,QAC/C,EAAM,OAAO,SAAS,WAAW,CAAG,EAAiB,EAAE,EAGtD,EAAc,OAAS,IACzB,EAAaA,EAAa,EAAY,EAAc,EAGtD,IAAM,EACJ,CAAC,EAAM,OACP,EAAM,MAAM,SAAS,WAAW,EAChC,EAAW,SAAS,WAAW,CAEjC,EAAM,EAAM,MAAQ,EAAa,EAAW,UAAU,CAAG,OAEzD,EAAM,EAAM,MAAQ,EAAM,MACtB,EAAW,EAAM,MAAM,CACvB,EAAE,QAAQ,CAAC,UAAU,GAG7B,CAEF,IAAM,EAAS,EAAE,OAAO,EAAM,CAoB9B,OAlBI,EAAgB,OAAS,EACpB,EAAO,aAAa,EAAM,IAAQ,CACvC,EAAgB,SAAS,CAAE,QAAO,YAAa,CACzC,EAAK,KAAW,EAAK,IACvB,EAAI,SAAS,CACX,KAAM,EAAE,aAAa,OACrB,QAAS,KAAK,UAAU,CACtB,IAAK,YACL,SAAU,+BACV,SAAU,EAAE,CACb,CAAC,CACF,KAAM,CAAC,EAAO,CACf,CAAC,EAEJ,EACF,CAGG"}
+{"version":3,"file":"extract-form-rules.mjs","names":["passwordRule"],"sources":["../../../../src/components/forms/rules/extract-form-rules.ts"],"sourcesContent":["import type React from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { type ZodTypeAny, z } from 'zod';\n\nimport type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nimport { findFormComponents } from '../controls/find-form-components';\nimport passwordRule from './password';\nimport { PASSWORD_RULES } from './password-rules';\nimport { parseRules } from './zod';\n\ntype FormRuleContext = {\n  rules: Record<string, ZodTypeAny>;\n  confirmedFields: { field: string; target: string }[];\n  requiredBooleanFields: string[];\n};\n\ntype ComponentProps = {\n  name?: string;\n  $rule?: string;\n  rules?: PasswordRuleDefinition[];\n};\n\nconst processConfirmedRule = (\n  props: ComponentProps,\n  context: FormRuleContext,\n) => {\n  if (!props.name || !props.$rule?.includes('confirmed')) return;\n\n  const rulesList = props.$rule.split('|');\n  const confirmedRule = rulesList.find((r) => r.startsWith('confirmed'));\n  const target = confirmedRule?.includes(':')\n    ? confirmedRule.split(':')[1]\n    : `${props.name}_confirmation`;\n\n  context.confirmedFields.push({ field: props.name, target });\n};\n\nconst processCheckbox = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = z.boolean().optional().or(z.literal(false));\n    context.requiredBooleanFields.push(props.name);\n  } else {\n    context.rules[props.name] = z.boolean().optional();\n  }\n};\n\nconst processPassword = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  let baseSchema: ZodTypeAny = z.string();\n  const otherRules = props.$rule\n    ? props.$rule\n        .split('|')\n        .filter((r) => r.trim() !== 'password')\n        .join('|')\n    : '';\n\n  if (otherRules) {\n    baseSchema = parseRules(otherRules);\n  }\n\n  const passwordRules =\n    props.rules || (props.$rule?.includes('password') ? PASSWORD_RULES : []);\n\n  if (passwordRules.length > 0) {\n    baseSchema = passwordRule(baseSchema, passwordRules);\n  }\n\n  const isOptional =\n    !props.$rule ||\n    props.$rule.includes('optional') ||\n    otherRules.includes('optional');\n\n  context.rules[props.name] = isOptional ? baseSchema.optional() : baseSchema;\n};\n\nconst processDefault = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = props.$rule\n    ? parseRules(props.$rule)\n    : z.string().optional();\n};\n\nconst applyRefinements = (\n  schema: z.ZodObject<FieldValues>,\n  context: FormRuleContext,\n) => {\n  if (\n    context.confirmedFields.length === 0 &&\n    context.requiredBooleanFields.length === 0\n  ) {\n    return schema;\n  }\n\n  return schema.superRefine((data, ctx) => {\n    context.confirmedFields.forEach(({ field, target }) => {\n      if (data[field] !== data[target]) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'confirmed',\n            fallback: 'La confirmación no coincide.',\n            bindings: {},\n          }),\n          path: [target],\n        });\n      }\n    });\n\n    context.requiredBooleanFields.forEach((field) => {\n      if (data[field] !== true) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'required',\n            fallback: 'El campo {attribute} es obligatorio.',\n            bindings: {},\n          }),\n          path: [field],\n        });\n      }\n    });\n  });\n};\n\nexport const extractFormRules = (\n  children: React.ReactNode,\n  componentTypes: React.ComponentType[],\n): ZodTypeAny => {\n  const context: FormRuleContext = {\n    rules: {},\n    confirmedFields: [],\n    requiredBooleanFields: [],\n  };\n\n  const components = findFormComponents(children, componentTypes);\n\n  components.forEach((component) => {\n    const props = component.props as ComponentProps;\n    const displayName = (component.type as { displayName?: string })\n      .displayName;\n\n    if (props.name) {\n      processConfirmedRule(props, context);\n\n      if (displayName === 'Form.Checkbox') {\n        processCheckbox(props, context);\n      } else if (displayName === 'Form.Password') {\n        processPassword(props, context);\n      } else {\n        processDefault(props, context);\n      }\n    }\n  });\n\n  return applyRefinements(z.object(context.rules), context);\n};\n"],"mappings":"6NAuBA,MAAM,GACJ,EACA,IACG,CACH,GAAI,CAAC,EAAM,MAAQ,CAAC,EAAM,OAAO,SAAS,YAAY,CAAE,OAGxD,IAAM,EADY,EAAM,MAAM,MAAM,IAAI,CACR,KAAM,GAAM,EAAE,WAAW,YAAY,CAAC,CAChE,EAAS,GAAe,SAAS,IAAI,CACvC,EAAc,MAAM,IAAI,CAAC,GACzB,GAAG,EAAM,KAAK,eAElB,EAAQ,gBAAgB,KAAK,CAAE,MAAO,EAAM,KAAM,SAAQ,CAAC,EAGvD,GAAmB,EAAuB,IAA6B,CACtE,EAAM,OAEP,EAAM,OAAO,SAAS,WAAW,EACnC,EAAQ,MAAM,EAAM,MAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,GAAM,CAAC,CACvE,EAAQ,sBAAsB,KAAK,EAAM,KAAK,EAE9C,EAAQ,MAAM,EAAM,MAAQ,EAAE,SAAS,CAAC,UAAU,GAIhD,GAAmB,EAAuB,IAA6B,CAC3E,GAAI,CAAC,EAAM,KAAM,OAEjB,IAAI,EAAyB,EAAE,QAAQ,CACjC,EAAa,EAAM,MACrB,EAAM,MACH,MAAM,IAAI,CACV,OAAQ,GAAM,EAAE,MAAM,GAAK,WAAW,CACtC,KAAK,IAAI,CACZ,GAEA,IACF,EAAa,EAAW,EAAW,EAGrC,IAAM,EACJ,EAAM,QAAU,EAAM,OAAO,SAAS,WAAW,CAAG,EAAiB,EAAE,EAErE,EAAc,OAAS,IACzB,EAAaA,EAAa,EAAY,EAAc,EAGtD,IAAM,EACJ,CAAC,EAAM,OACP,EAAM,MAAM,SAAS,WAAW,EAChC,EAAW,SAAS,WAAW,CAEjC,EAAQ,MAAM,EAAM,MAAQ,EAAa,EAAW,UAAU,CAAG,GAG7D,GAAkB,EAAuB,IAA6B,CACrE,EAAM,OACX,EAAQ,MAAM,EAAM,MAAQ,EAAM,MAC9B,EAAW,EAAM,MAAM,CACvB,EAAE,QAAQ,CAAC,UAAU,GAGrB,GACJ,EACA,IAGE,EAAQ,gBAAgB,SAAW,GACnC,EAAQ,sBAAsB,SAAW,EAElC,EAGF,EAAO,aAAa,EAAM,IAAQ,CACvC,EAAQ,gBAAgB,SAAS,CAAE,QAAO,YAAa,CACjD,EAAK,KAAW,EAAK,IACvB,EAAI,SAAS,CACX,KAAM,EAAE,aAAa,OACrB,QAAS,KAAK,UAAU,CACtB,IAAK,YACL,SAAU,+BACV,SAAU,EAAE,CACb,CAAC,CACF,KAAM,CAAC,EAAO,CACf,CAAC,EAEJ,CAEF,EAAQ,sBAAsB,QAAS,GAAU,CAC3C,EAAK,KAAW,IAClB,EAAI,SAAS,CACX,KAAM,EAAE,aAAa,OACrB,QAAS,KAAK,UAAU,CACtB,IAAK,WACL,SAAU,uCACV,SAAU,EAAE,CACb,CAAC,CACF,KAAM,CAAC,EAAM,CACd,CAAC,EAEJ,EACF,CAGS,GACX,EACA,IACe,CACf,IAAM,EAA2B,CAC/B,MAAO,EAAE,CACT,gBAAiB,EAAE,CACnB,sBAAuB,EAAE,CAC1B,CAsBD,OApBmB,EAAmB,EAAU,EAAe,CAEpD,QAAS,GAAc,CAChC,IAAM,EAAQ,EAAU,MAClB,EAAe,EAAU,KAC5B,YAEC,EAAM,OACR,EAAqB,EAAO,EAAQ,CAEhC,IAAgB,gBAClB,EAAgB,EAAO,EAAQ,CACtB,IAAgB,gBACzB,EAAgB,EAAO,EAAQ,CAE/B,EAAe,EAAO,EAAQ,GAGlC,CAEK,EAAiB,EAAE,OAAO,EAAQ,MAAM,CAAE,EAAQ"}

package/dist/components/layouts/top-bar/TopBar.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/layouts/top-bar/TopBar.d.ts
@@ -17,7 +17,7 @@ declare const TopBar: ({
   startSlot,
   endSlot,
   classNames
-}: TopBarProps) => react_jsx_runtime58.JSX.Element;
+}: TopBarProps) => react_jsx_runtime55.JSX.Element;
 //#endregion
 export { TopBar, TopBarProps };
 //# sourceMappingURL=TopBar.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
 
 //#region src/components/misc/horizontal-divider/HorizontalDivider.d.ts
 type HorizontalDividerProps = {
@@ -9,7 +9,7 @@ type HorizontalDividerProps = {
 };
 declare const HorizontalDivider: ({
   classNames
-}: HorizontalDividerProps) => react_jsx_runtime50.JSX.Element;
+}: HorizontalDividerProps) => react_jsx_runtime56.JSX.Element;
 //#endregion
 export { HorizontalDivider, HorizontalDividerProps };
 //# sourceMappingURL=HorizontalDivider.d.mts.map

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

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

package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts

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

package/dist/components/navigations/menu/Menu.d.mts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../../buttons/button/Button.mjs";
 import "../../buttons/index.mjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/menu/Menu.d.ts
@@ -36,17 +36,17 @@ declare const Menu: {
     offset,
     classNames,
     targetButtonProps
-  }: MenuProps): react_jsx_runtime22.JSX.Element;
+  }: MenuProps): react_jsx_runtime15.JSX.Element;
   Item: {
     ({
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime22.JSX.Element;
+    }): react_jsx_runtime15.JSX.Element;
     displayName: string;
   };
   Divider: {
-    (): react_jsx_runtime22.JSX.Element;
+    (): react_jsx_runtime15.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/overlays/modal/Modal.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/overlays/modal/Modal.d.ts
@@ -41,7 +41,7 @@ declare const Modal: {
     withinPortal,
     keepMounted,
     classNames
-  }: ModalProps): react_jsx_runtime4.JSX.Element;
+  }: ModalProps): react_jsx_runtime0.JSX.Element;
   Root: {
     ({
       opened,
@@ -53,13 +53,13 @@ declare const Modal: {
       centered,
       classNames,
       intent
-    }: ModalRootProps): react_jsx_runtime4.JSX.Element;
+    }: ModalRootProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Overlay: {
     (_: {
       children?: never;
-    }): react_jsx_runtime4.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Content: {
@@ -67,7 +67,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime4.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -75,7 +75,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime4.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -83,7 +83,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime4.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -91,11 +91,11 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime4.JSX.Element;
+    }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   CloseButton: {
-    (): react_jsx_runtime4.JSX.Element;
+    (): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -103,7 +103,7 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime4.JSX.Element;
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/overlays/modals/ModalsProvider.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/modals/ModalsProvider.d.ts
@@ -7,7 +7,7 @@ type ModalsProviderProps = {
 };
 declare const ModalsProvider: ({
   children
-}: ModalsProviderProps) => react_jsx_runtime13.JSX.Element;
+}: ModalsProviderProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { ModalsProvider, ModalsProviderProps };
 //# sourceMappingURL=ModalsProvider.d.mts.map

package/dist/components/overlays/modals/ModalsProvider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsProvider.d.mts","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"mappings":";;;;KAMY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB;AAAA,GAAc,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ModalsProvider.d.mts","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"mappings":";;;;KAMY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB;AAAA,GAAc,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/overlays/tooltip/Tooltip.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/tooltip/Tooltip.d.ts
@@ -35,7 +35,7 @@ declare const Tooltip: ({
   keepMounted,
   withinPortal,
   classNames
-}: TooltipProps) => react_jsx_runtime14.JSX.Element;
+}: TooltipProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts

@@ -1,6 +1,6 @@
 import { AvatarProps } from "../../../../components/data-display/avatar/Avatar.mjs";
 import "../../../../components/index.mjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.ts
 type UserGroupPreviewProps = {
@@ -26,7 +26,7 @@ declare const UserGroupPreview: ({
   maxAvatars,
   previewText,
   classNames
-}: UserGroupPreviewProps) => react_jsx_runtime15.JSX.Element;
+}: UserGroupPreviewProps) => react_jsx_runtime59.JSX.Element;
 //#endregion
 export { UserGroupPreview, UserGroupPreviewProps };
 //# sourceMappingURL=UserGroupPreview.d.mts.map

package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts

@@ -1,6 +1,6 @@
 import { NotificationMenuProps } from "../notification-menu/NotificationMenu.mjs";
 import { ProfileMenuProps } from "../profile-menu/ProfileMenu.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.ts
 type BackofficeTopBarProps = {
@@ -17,7 +17,7 @@ type BackofficeTopBarProps = {
 declare const BackofficeTopBar: ({
   notificationMenuProps,
   profileMenuProps
-}: BackofficeTopBarProps) => react_jsx_runtime0.JSX.Element;
+}: BackofficeTopBarProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { BackofficeTopBar, BackofficeTopBarProps };
 //# sourceMappingURL=BackofficeTopBar.d.mts.map

package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"mappings":";;;;;KAkBY,qBAAA;EACV,qBAAA,EAAuB,qBAAA;EACvB,gBAAA,EAAkB,gBAAA;EAClB,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,qBAAA;EAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"BackofficeTopBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"mappings":";;;;;KAkBY,qBAAA;EACV,qBAAA,EAAuB,qBAAA;EACvB,gBAAA,EAAkB,gBAAA;EAClB,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,qBAAA;EAAA;AAAA,GAG9B,qBAAA,KAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts

@@ -1,5 +1,5 @@
 import { NotificationProps } from "../../data-display/notification/Notification.mjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/semedlab/components/navigations/notification-list/NotificationList.d.ts
 type NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;
@@ -23,7 +23,7 @@ declare const NotificationList: ({
   dismissBtnLabel,
   dismissAllBtnLabel,
   classNames
-}: NotificationListProps) => react_jsx_runtime1.JSX.Element;
+}: NotificationListProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { NotificationList, NotificationListProps };
 //# sourceMappingURL=NotificationList.d.mts.map

package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"mappings":";;;;KAcK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,GAO9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"NotificationList.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"mappings":";;;;KAcK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,GAO9B,qBAAA,KAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}