@mage-ui/components 0.0.27 → 0.0.29

package/dist/components/buttons/button/Button.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/buttons/button/Button.d.ts
@@ -18,7 +18,7 @@ declare const Button: ({
   endSlot,
   children,
   ...props
-}: ButtonProps) => react_jsx_runtime29.JSX.Element;
+}: ButtonProps) => react_jsx_runtime36.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map
 
 //#endregion

package/dist/components/buttons/button-icon/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "../button/Button.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/buttons/button-icon/ButtonIcon.d.ts
 type ButtonIconProps = ButtonProps & {
@@ -15,7 +15,7 @@ declare const ButtonIcon: ({
   icon,
   classNames,
   ...props
-}: ButtonIconProps) => react_jsx_runtime1.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime8.JSX.Element;
 //# sourceMappingURL=ButtonIcon.d.ts.map
 
 //#endregion

package/dist/components/controls/checkbox/Checkbox.d.ts

@@ -2,8 +2,13 @@ import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/checkbox/Checkbox.d.ts
 type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
+  error?: ReactNode;
+  description?: ReactNode;
+  value?: string;
+  name?: string;
   checked?: boolean;
-  label?: string;
+  label?: ReactNode;
+  disabled?: boolean;
   classNames?: {
     checkboxBody?: string;
     checkboxDescription?: string;
@@ -15,10 +20,13 @@ type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
     checkboxLabelWrapper?: string;
   };
 };
-declare const Checkbox: ({
-  classNames,
-  ...props
-}: CheckboxProps) => ReactNode;
+declare const Checkbox: {
+  ({
+    classNames,
+    ...props
+  }: CheckboxProps): ReactNode;
+  displayName: string;
+};
 //# sourceMappingURL=Checkbox.d.ts.map
 //#endregion
 export { Checkbox, CheckboxProps };

package/dist/components/controls/checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAeY,aAAA,GAAgB,KAAK;;EAArB,KAAA,CAAA,EAAA,MAAA;EAAa,UAAA,CAAA,EAAA;IAAQ,YAAA,CAAA,EAAA,MAAA;IAAL,mBAAA,CAAA,EAAA,MAAA;IAAI,aAAA,CAAA,EAAA,MAAA;IAenB,YAoBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IApBwB,aAAA,CAAA,EAAA,MAAA;IAGtB,aAAA,CAAA,EAAA,MAAA;IAAgB,oBAAA,CAAA,EAAA,MAAA;EAiBlB,CAAA;;cApBY;;;GAGV,kBAAgB"}
+{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAeY,aAAA,GAAgB,KAAK;UACvB;EADE,WAAA,CAAA,EAEI,SAFS;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,IAAQ,CAAA,EAAA,MAAA;EAAc,OAAnB,CAAA,EAAA,OAAA;EAAI,KACtB,CAAA,EAKA,SALA;EAAS,QACH,CAAA,EAAA,OAAA;EAAS,UAIf,CAAA,EAAA;IAAS,YAAA,CAAA,EAAA,MAAA;IAcN,mBAoBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IAAA,YAAA,CAAA,EAAA,MAAA;IAjBE,aAAA,CAAA,EAAA,MAAA;IAAgB,aAAA,CAAA,EAAA,MAAA;IAAS,aAAA,CAAA,EAAA,MAAA;;;;cAHf;;;;KAGV,gBAAgB"}

package/dist/components/controls/checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import{checkboxBody as e,checkboxDescription as t,checkboxError as n,checkboxIcon as r,checkboxInner as i,checkboxInput as a,checkboxLabel as o,checkboxLabelWrapper as s}from"@mage-ui/styled-system/recipes";import{Checkbox as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";import{cx as u}from"@mage-ui/styled-system/css";const d=({classNames:d,...f})=>l(c,{classNames:{body:d?.checkboxBody??e(),labelWrapper:d?.checkboxLabelWrapper??s(),label:d?.checkboxLabel??o(),description:d?.checkboxDescription??t(),error:d?.checkboxError??n(),input:u(d?.checkboxInput??a(),`peer`),inner:d?.checkboxInner??i(),icon:d?.checkboxIcon??r()},...f});export{d as Checkbox};
+import{checkboxBody as e,checkboxDescription as t,checkboxError as n,checkboxIcon as r,checkboxInner as i,checkboxInput as a,checkboxLabel as o,checkboxLabelWrapper as s}from"@mage-ui/styled-system/recipes";import{Checkbox as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";import{cx as u}from"@mage-ui/styled-system/css";const d=({classNames:d,...f})=>l(c,{classNames:{body:d?.checkboxBody??e(),labelWrapper:d?.checkboxLabelWrapper??s(),label:d?.checkboxLabel??o(),description:d?.checkboxDescription??t(),error:d?.checkboxError??n(),input:u(d?.checkboxInput??a(),`peer`),inner:d?.checkboxInner??i(),icon:d?.checkboxIcon??r()},...f});d.displayName=`Checkbox`;export{d as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/controls/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  checkboxBody,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {\n  checked?: boolean;\n  label?: string;\n  classNames?: {\n    checkboxBody?: string;\n    checkboxDescription?: string;\n    checkboxError?: string;\n    checkboxIcon?: string;\n    checkboxInner?: string;\n    checkboxInput?: string;\n    checkboxLabel?: string;\n    checkboxLabelWrapper?: string;\n  };\n};\n\nexport const Checkbox = ({\n  classNames,\n  ...props\n}: CheckboxProps): ReactNode => {\n  return (\n    <CheckboxMantine\n      classNames={{\n        body: classNames?.checkboxBody ?? checkboxBody(),\n        labelWrapper:\n          classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n        label: classNames?.checkboxLabel ?? checkboxLabel(),\n        description: classNames?.checkboxDescription ?? checkboxDescription(),\n        error: classNames?.checkboxError ?? checkboxError(),\n        input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n        inner: classNames?.checkboxInner ?? checkboxInner(),\n        icon: classNames?.checkboxIcon ?? checkboxIcon(),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"gVA8BA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,AACjD,EACD,GAAI,GACJ"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  checkboxBody,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {\n  error?: ReactNode;\n  description?: ReactNode;\n  value?: string;\n  name?: string;\n  checked?: boolean;\n  label?: ReactNode;\n  disabled?: boolean;\n  classNames?: {\n    checkboxBody?: string;\n    checkboxDescription?: string;\n    checkboxError?: string;\n    checkboxIcon?: string;\n    checkboxInner?: string;\n    checkboxInput?: string;\n    checkboxLabel?: string;\n    checkboxLabelWrapper?: string;\n  };\n};\n\nexport const Checkbox = ({\n  classNames,\n  ...props\n}: CheckboxProps): ReactNode => {\n  return (\n    <CheckboxMantine\n      classNames={{\n        body: classNames?.checkboxBody ?? checkboxBody(),\n        labelWrapper:\n          classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n        label: classNames?.checkboxLabel ?? checkboxLabel(),\n        description: classNames?.checkboxDescription ?? checkboxDescription(),\n        error: classNames?.checkboxError ?? checkboxError(),\n        input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n        inner: classNames?.checkboxInner ?? checkboxInner(),\n        icon: classNames?.checkboxIcon ?? checkboxIcon(),\n      }}\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":"gVAmCA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,AACjD,EACD,GAAI,GACJ,CAIN,EAAS,YAAc"}

package/dist/components/controls/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+
+//#region src/components/controls/checkbox/CheckboxGroup.d.ts
+type CheckboxGroupProps = {
+  label?: ReactNode;
+  error?: ReactNode;
+  description?: ReactNode;
+  children?: ReactNode;
+  value?: string[];
+  name?: string;
+  onChange?: (value: string[]) => void;
+  classNames?: {
+    root?: string;
+    radio?: string;
+    icon?: string;
+    inner?: string;
+    body?: string;
+    labelWrapper?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    groupRoot?: string;
+  };
+};
+//#endregion
+export { CheckboxGroupProps };
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/components/controls/checkbox/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","names":[],"sources":["../../../../src/components/controls/checkbox/CheckboxGroup.tsx"],"sourcesContent":[],"mappings":";;;KAcY,kBAAA;UACF;EADE,KAAA,CAAA,EAEF,SAFE;EAAkB,WAAA,CAAA,EAGd,SAHc;EAAA,QACpB,CAAA,EAGG,SAHH;EAAS,KACT,CAAA,EAAA,MAAA,EAAA;EAAS,IACH,CAAA,EAAA,MAAA;EAAS,QACZ,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;EAAS,UAAA,CAAA,EAAA"}

package/dist/components/controls/checkbox/CheckboxGroup.js

@@ -1,2 +1,2 @@
-import{radioDescription as e,radioError as t,radioGroupRoot as n,radioLabel as r,radioRoot as i}from"@mage-ui/styled-system/recipes";import{Checkbox as a,Group as o}from"@mantine/core";import{jsx as s}from"react/jsx-runtime";const c=({classNames:c,children:l,...u})=>s(a.Group,{classNames:{root:c?.root??i(),label:c?.label??r(),description:c?.description??e(),error:c?.error??t()},...u,children:s(o,{classNames:{root:c?.groupRoot??n()},children:l})});c.displayName=`Checkbox.Group`;export{c as CheckboxGroup};
+import{checkboxDescription as e,checkboxError as t,checkboxGroupRoot as n,checkboxLabel as r,checkboxRoot as i}from"@mage-ui/styled-system/recipes";import{Checkbox as a,Group as o}from"@mantine/core";import{jsx as s}from"react/jsx-runtime";const c=({classNames:c,children:l,...u})=>s(a.Group,{classNames:{root:c?.root??i(),label:c?.label??r(),description:c?.description??e(),error:c?.error??t()},...u,children:s(o,{classNames:{root:c?.groupRoot??n()},children:l})});c.displayName=`Checkbox.Group`;export{c as CheckboxGroup};
 //# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/controls/checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","names":["MantineCheckbox","MantineGroup"],"sources":["../../../../src/components/controls/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  radioDescription,\n  radioError,\n  radioGroupRoot,\n  radioLabel,\n  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Checkbox as MantineCheckbox,\n  Group as MantineGroup,\n} from '@mantine/core';\n\nexport type CheckboxGroupProps = {\n  label?: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  classNames?: {\n    root?: string;\n    radio?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    groupRoot?: string;\n  };\n};\n\nexport const CheckboxGroup = ({\n  classNames,\n  children,\n  ...props\n}: CheckboxGroupProps): ReactNode => {\n  return (\n    <MantineCheckbox.Group\n      classNames={{\n        root: classNames?.root ?? radioRoot(),\n        label: classNames?.label ?? radioLabel(),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      {...props}\n    >\n      <MantineGroup\n        classNames={{\n          root: classNames?.groupRoot ?? radioGroupRoot(),\n        }}\n      >\n        {children}\n      </MantineGroup>\n    </MantineCheckbox.Group>\n  );\n};\n\nCheckboxGroup.displayName = 'Checkbox.Group';\n"],"mappings":"iOAmCA,MAAa,EAAgB,CAAC,CAC5B,aACA,WACA,GAAG,EACgB,GAEjB,EAACA,EAAgB,MAAA,CACf,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,AACzC,EACD,GAAI,WAEJ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,WAAa,GAAgB,AAChD,EAEA,YACY,EACO,CAI5B,EAAc,YAAc"}
+{"version":3,"file":"CheckboxGroup.js","names":["MantineCheckbox","MantineGroup"],"sources":["../../../../src/components/controls/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  checkboxDescription,\n  checkboxError,\n  checkboxGroupRoot,\n  checkboxLabel,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Checkbox as MantineCheckbox,\n  Group as MantineGroup,\n} from '@mantine/core';\n\nexport type CheckboxGroupProps = {\n  label?: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  value?: string[];\n  name?: string;\n  onChange?: (value: string[]) => void;\n  classNames?: {\n    root?: string;\n    radio?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    groupRoot?: string;\n  };\n};\n\nexport const CheckboxGroup = ({\n  classNames,\n  children,\n  ...props\n}: CheckboxGroupProps): ReactNode => {\n  return (\n    <MantineCheckbox.Group\n      classNames={{\n        root: classNames?.root ?? checkboxRoot(),\n        label: classNames?.label ?? checkboxLabel(),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      {...props}\n    >\n      <MantineGroup\n        classNames={{\n          root: classNames?.groupRoot ?? checkboxGroupRoot(),\n        }}\n      >\n        {children}\n      </MantineGroup>\n    </MantineCheckbox.Group>\n  );\n};\n\nCheckboxGroup.displayName = 'Checkbox.Group';\n"],"mappings":"gPAoCA,MAAa,EAAgB,CAAC,CAC5B,aACA,WACA,GAAG,EACgB,GAEjB,EAACA,EAAgB,MAAA,CACf,WAAY,CACV,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,AAC5C,EACD,GAAI,WAEJ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,AACnD,EAEA,YACY,EACO,CAI5B,EAAc,YAAc"}

package/dist/components/controls/dropdown/Combobox.d.ts

@@ -1,6 +1,6 @@
 import { DropdownBaseProps } from "./DropdownBase.js";
 import { InputTextProps } from "../input-text/InputText.js";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/controls/dropdown/Combobox.d.ts
@@ -34,7 +34,7 @@ declare const Combobox: ({
   create,
   empty,
   ...props
-}: ComboboxProps) => react_jsx_runtime30.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime41.JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map
 
 //#endregion

package/dist/components/controls/dropdown/DropdownButton.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime31 from "react/jsx-runtime";
-import * as react32 from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react43 from "react";
 
 //#region src/components/controls/dropdown/DropdownButton.d.ts
 type DropdownButtonProps = {
@@ -18,11 +18,11 @@ declare const DropdownButton: {
     children,
     endSlot,
     ...props
-  }: DropdownButtonProps): react_jsx_runtime31.JSX.Element;
+  }: DropdownButtonProps): react_jsx_runtime42.JSX.Element;
   Option: {
     ({
       children
-    }: DropdownButtonOptionProps): react32.ReactNode;
+    }: DropdownButtonOptionProps): react43.ReactNode;
     displayName: string;
   };
 };

package/dist/components/controls/dropdown/Select.d.ts

@@ -1,6 +1,6 @@
 import { DropdownBaseProps } from "./DropdownBase.js";
 import { InputTextProps } from "../input-text/InputText.js";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region src/components/controls/dropdown/Select.d.ts
 type SelectProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & InputTextProps & {
@@ -23,7 +23,7 @@ declare const Select: ({
   options,
   classNames,
   ...props
-}: SelectProps) => react_jsx_runtime33.JSX.Element;
+}: SelectProps) => react_jsx_runtime44.JSX.Element;
 //# sourceMappingURL=Select.d.ts.map
 
 //#endregion

package/dist/components/controls/input-file/InputFile.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/components/controls/input-file/InputFile.d.ts
 type InputFileProps = {
@@ -26,7 +26,7 @@ declare const InputFile: ({
   multiple,
   badgeClassName,
   ...props
-}: InputFileProps) => react_jsx_runtime34.JSX.Element;
+}: InputFileProps) => react_jsx_runtime45.JSX.Element;
 //# sourceMappingURL=InputFile.d.ts.map
 //#endregion
 export { InputFile, InputFileProps };

package/dist/components/controls/input-password/InputPassword.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/input-password/InputPassword.d.ts
@@ -26,7 +26,7 @@ declare const InputPassword: ({
   startSlot,
   endSlot,
   ...props
-}: InputPasswordProps) => react_jsx_runtime35.JSX.Element;
+}: InputPasswordProps) => react_jsx_runtime46.JSX.Element;
 //# sourceMappingURL=InputPassword.d.ts.map
 //#endregion
 export { InputPassword, InputPasswordProps };

package/dist/components/controls/input-text/InputText.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/input-text/InputText.d.ts
@@ -25,7 +25,7 @@ declare const InputText: ({
   startSlot,
   endSlot,
   ...props
-}: InputTextProps) => react_jsx_runtime36.JSX.Element;
+}: InputTextProps) => react_jsx_runtime47.JSX.Element;
 //# sourceMappingURL=InputText.d.ts.map
 //#endregion
 export { InputText, InputTextProps };

package/dist/components/controls/textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
@@ -27,7 +27,7 @@ declare const Textarea: ({
   autosize,
   onChange,
   ...props
-}: TextareaProps) => react_jsx_runtime2.JSX.Element;
+}: TextareaProps) => react_jsx_runtime40.JSX.Element;
 //# sourceMappingURL=Textarea.d.ts.map
 
 //#endregion

package/dist/components/controls/textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","names":[],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,aAAA,GAAgB,KAAK;;;EAArB,WAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,UAAQ,CAAA,EAAA;IAAL,IAAA,CAAA,EAAA,MAAA;IAcd,KAAA,CAAA,EAAA,MAAA;IACF,WAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAIR,OA0BZ,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IA1BwB,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALX,SAKW;EAAA,OAAA,CAAA,EAJb,SAIa;EAAA,QAAA,CAAA,EAAA,OAAA;CAAA;AAOT,cAPH,QAOG,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAb,aAAa,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;AAmBf"}
+{"version":3,"file":"Textarea.d.ts","names":[],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,aAAA,GAAgB,KAAK;;;EAArB,WAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,UAAQ,CAAA,EAAA;IAAL,IAAA,CAAA,EAAA,MAAA;IAcd,KAAA,CAAA,EAAA,MAAA;IACF,WAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAIR,OA0BZ,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IA1BwB,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALX,SAKW;EAAA,OAAA,CAAA,EAJb,SAIa;EAAA,QAAA,CAAA,EAAA,OAAA;CAAA;AAOT,cAPH,QAOG,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAb,aAAa,EAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAmBf"}

package/dist/components/data-display/tables/table/Table.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
 
 //#region src/components/data-display/tables/table/Table.d.ts
 type TableProps = {
@@ -17,14 +17,14 @@ declare const Table: {
     classNames,
     scrollable,
     children
-  }: TableProps): react_jsx_runtime69.JSX.Element;
+  }: TableProps): react_jsx_runtime73.JSX.Element;
   displayName: string;
   Header: {
     ({
       children
     }: {
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -32,7 +32,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -40,7 +40,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Head: {
@@ -50,7 +50,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Row: {
@@ -60,7 +60,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Cell: {
@@ -70,7 +70,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
 };

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

@@ -11,14 +11,14 @@ import { FormDatePickerProps } from "./controls/FormDatePicker.js";
 import { FormInputFileProps } from "./controls/FormInputFile.js";
 import { FormInputPasswordProps } from "./controls/FormInputPassword.js";
 import { FormIfFieldProps } from "./controls/FormIfField.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { ReactNode } from "react";
-import { ZodRawShape, z } from "zod";
+import { ZodObject, ZodRawShape, z } from "zod";
 
 //#region src/components/forms/form/Form.d.ts
 type FormProps = {
   defaultValues?: object;
-  rules?: ZodRawShape;
+  rules?: ZodObject<ZodRawShape>;
   onSubmit: (formData: object) => void;
   children: React.ReactNode;
 };
@@ -29,11 +29,11 @@ declare const Form: {
     onSubmit,
     children,
     ...props
-  }: FormProps): react_jsx_runtime3.JSX.Element;
+  }: FormProps): react_jsx_runtime9.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime3.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -44,7 +44,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime3.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -55,31 +55,32 @@ declare const Form: {
       name,
       control,
       children,
-      label,
-      description,
-      error,
       ...props
-    }: FormCheckboxGroupProps): react_jsx_runtime3.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime9.JSX.Element;
+    displayName: string;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
     };
-    Checkbox: ({
-      classNames,
-      ...props
-    }: CheckboxProps) => ReactNode;
+    Checkbox: {
+      ({
+        classNames,
+        ...props
+      }: CheckboxProps): ReactNode;
+      displayName: string;
+    };
   };
   Combobox: {
     ({
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime3.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
         id: string;
         value: null;
-      }) => z.ZodEffects<z.ZodDefault<z.ZodObject<{
+      }) => z.ZodEffects<z.ZodDefault<ZodObject<{
         id: z.ZodString;
         value: z.ZodNullable<z.ZodString>;
       }, "strip", z.ZodAny, z.objectOutputType<{
@@ -103,20 +104,20 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormRadioGroupProps): react_jsx_runtime3.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodAny, any, any>;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime3.JSX.Element;
+    (props: RadioProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime3.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -127,13 +128,13 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime3.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
         id: string;
         value: null;
-      }) => z.ZodEffects<z.ZodDefault<z.ZodObject<{
+      }) => z.ZodEffects<z.ZodDefault<ZodObject<{
         id: z.ZodString;
         value: z.ZodNullable<z.ZodString>;
       }, "strip", z.ZodAny, z.objectOutputType<{
@@ -156,7 +157,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime3.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime9.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>;
@@ -167,7 +168,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime3.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodEffects<z.ZodAny, any, any>;
@@ -176,7 +177,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime3.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime9.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodString;

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAwBY,SAAA;;UAEF;;YAEE,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IAEX,KAAA,EAAA;MAEE,QAAM,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAS,CAAA;EAGd,CAAA;EA0BZ,aAAA,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,KAAA;MAAA,WAAA;MAAA,KAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;;;;IApBE,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAS,CAAA;EAAA,QAAA,EAAA"}
+{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAwBY,SAAA;;UAEF,UAAU;;YAER,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IAED,KAAA,EAAA;MAAV,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAEE,CAAA;EAAe,CAAA;EAGd,aA0BZ,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;;;;IApBE,QAAA,EAAA;MAAS,CAAA;QAAA,UAAA;QAAA,GAAA;MAAA,CAAA,eAAA,CAAA,WAAA;MAAA,WAAA,EAAA,MAAA"}

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

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

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

@@ -1 +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 { FormIfField } from './controls/FormIfField';\nimport { FormInputFile } from './controls/FormInputFile';\nimport { FormInputPassword } from './controls/FormInputPassword';\nimport { FormInputText } from './controls/FormInputText';\nimport { FormRadio } from './controls/FormRadio';\nimport { FormRadioGroup } from './controls/FormRadioGroup';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormTextarea } from './controls/FormTextarea';\n\nexport type FormProps = {\n  defaultValues?: object;\n  rules?: ZodRawShape;\n  onSubmit: (formData: object) => void;\n  children: React.ReactNode;\n};\n\nexport const Form = ({\n  defaultValues,\n  rules = {},\n  onSubmit,\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 onSubmit={handleSubmit(onSubmit)} {...props}>\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  FormIfField,\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;\nForm.IfField = FormIfField;\n"],"mappings":"+8BA0EA,MA3Ca,EAAO,CAAC,CACnB,gBACA,QAAQ,CAAE,EACV,WACA,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,CAAK,SAAU,EAAa,EAAS,CAAE,GAAI,YACzC,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,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,CAcJ,AAXA,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,cAAgB,EACrB,EAAK,SAAW,EAChB,EAAK,WAAa,EAClB,EAAK,MAAQ,EACb,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,WAAa,EAClB,EAAK,UAAY,EACjB,EAAK,cAAgB,EACrB,EAAK,QAAU"}
+{"version":3,"file":"Form.js","names":["schema: ZodObject<ZodRawShape>","field: string","children: React.ReactNode","register: UseFormRegister<Record<string, string>>","errors: FieldErrors","rules: ZodObject<ZodRawShape>","value: unknown"],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } from 'react';\nimport {\n  type FieldErrors,\n  FormProvider,\n  type UseFormRegister,\n  useForm,\n} from 'react-hook-form';\nimport { type ZodObject, type ZodRawShape, z } from 'zod';\n\nimport { zodResolver } from '@hookform/resolvers/zod';\n\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCheckboxGroup } from './controls/FormCheckboxGroup';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDatePicker } from './controls/FormDatePicker';\nimport { FormIfField } from './controls/FormIfField';\nimport { FormInputFile } from './controls/FormInputFile';\nimport { FormInputPassword } from './controls/FormInputPassword';\nimport { FormInputText } from './controls/FormInputText';\nimport { FormRadio } from './controls/FormRadio';\nimport { FormRadioGroup } from './controls/FormRadioGroup';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormTextarea } from './controls/FormTextarea';\n\nexport type FormProps = {\n  defaultValues?: object;\n  rules?: ZodObject<ZodRawShape>;\n  onSubmit: (formData: object) => void;\n  children: React.ReactNode;\n};\n\nexport const Form = ({\n  defaultValues,\n  rules = z.object({}),\n  onSubmit,\n  children,\n  ...props\n}: FormProps) => {\n  const form = useForm({\n    shouldFocusError: true,\n    resolver: zodResolver(rules),\n    defaultValues,\n  });\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = form;\n\n  return (\n    <FormProvider {...form}>\n      <form onSubmit={handleSubmit(onSubmit)} {...props}>\n        {renderChildrenRecursively(children, register, errors, rules)}\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  FormIfField,\n];\n\nconst isRequired = (schema: ZodObject<ZodRawShape>, field: string) => {\n  const shape = schema.shape[field];\n  if (shape === undefined) {\n    return false;\n  }\n\n  return !(shape.isOptional() || shape.isNullable());\n};\n\nconst renderChildrenRecursively = (\n  children: React.ReactNode,\n  register: UseFormRegister<Record<string, string>>,\n  errors: FieldErrors,\n  rules: ZodObject<ZodRawShape>,\n): ReactNode => {\n  return Children.map(children, (child) => {\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const props = child.props as {\n      name?: string;\n      type?: string;\n      children?: ReactNode;\n    };\n\n    if (controlList.some((control) => child.type === control)) {\n      if (props.name) {\n        const newProps = {\n          required: isRequired(rules, props.name),\n          ...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, rules),\n      );\n    }\n\n    return child;\n  });\n};\n\nForm.InputText = FormInputText;\nForm.Checkbox = FormCheckbox;\nForm.CheckboxGroup = FormCheckboxGroup;\nForm.Combobox = FormCombobox;\nForm.RadioGroup = FormRadioGroup;\nForm.Radio = FormRadio;\nForm.Textarea = FormTextarea;\nForm.Select = FormSelect;\nForm.DatePicker = FormDatePicker;\nForm.InputFile = FormInputFile;\nForm.InputPassword = FormInputPassword;\nForm.IfField = FormIfField;\n"],"mappings":"+8BAmFA,MApDa,EAAO,CAAC,CACnB,gBACA,QAAQ,EAAE,OAAO,CAAE,EAAC,CACpB,WACA,WACA,GAAG,EACO,GAAK,CAMf,IALM,EAAO,EAAQ,CACnB,kBAAkB,EAClB,SAAU,EAAY,EAAM,CAC5B,eACD,EAAC,CACI,CACJ,WACA,eACA,UAAW,CAAE,SAAQ,CACtB,CAAG,EAEJ,MACE,GAAC,EAAA,CAAa,GAAI,WAChB,EAAC,OAAA,CAAK,SAAU,EAAa,EAAS,CAAE,GAAI,YACzC,EAA0B,EAAU,EAAU,EAAQ,EAAM,CAC7D,EAAC,SAAA,CAAO,KAAK,kBAAS,UAAe,GAChC,EACM,AAElB,EAEK,EAAc,CAClB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACD,EAEK,EAAa,CAACA,EAAgCC,IAAkB,CACpE,IAAM,EAAQ,EAAO,MAAM,GAK3B,OAJI,QAAA,IACK,IAGA,EAAM,YAAY,EAAI,EAAM,YAAY,CAClD,EAEK,EAA4B,CAChCC,EACAC,EACAC,EACAC,IAEO,EAAS,IAAI,EAAU,AAAC,GAAU,CACvC,IAAK,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAQ,EAAM,MAMpB,GAAI,EAAY,KAAK,AAAC,GAAY,EAAM,OAAS,EAAQ,EACnD,EAAM,KAAM,CACd,IAAM,EAAW,CACf,SAAU,EAAW,EAAO,EAAM,KAAK,CACvC,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,EAAQ,EAAM,CACnE,CAGI,CACR,EAAC,CAcJ,AAXA,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,cAAgB,EACrB,EAAK,SAAW,EAChB,EAAK,WAAa,EAClB,EAAK,MAAQ,EACb,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,WAAa,EAClB,EAAK,UAAY,EACjB,EAAK,cAAgB,EACrB,EAAK,QAAU"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/panda.json

@@ -92,13 +92,8 @@
       "checkboxInput": [],
       "checkboxInner": [],
       "checkboxIcon": [],
-      "radioRoot": [],
-      "radioLabel": [
-        "size]___[value:l]___[recipe:radioLabel"
-      ],
-      "radioDescription": [],
-      "radioError": [],
-      "radioGroupRoot": [],
+      "checkboxRoot": [],
+      "checkboxGroupRoot": [],
       "inputRoot": [],
       "inputWrapper": [],
       "input": [
@@ -165,11 +160,18 @@
       "multiSwitchRoot": [],
       "multiSwitchLabel": [],
       "multiSwitchGroupRoot": [],
+      "radioRoot": [],
       "radio": [],
       "radioIcon": [],
       "radioInner": [],
       "radioBody": [],
       "radioLabelWrapper": [],
+      "radioLabel": [
+        "size]___[value:l]___[recipe:radioLabel"
+      ],
+      "radioDescription": [],
+      "radioError": [],
+      "radioGroupRoot": [],
       "radioOnlyIconRoot": [],
       "radioOnlyIconSettings": [],
       "radioOnlyIcon": [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "private": false,
   "description": "",
   "keywords": [],
@@ -42,8 +42,8 @@
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.4",
     "zod": "^3.25.42",
-    "@mage-ui/preset": "0.0.27",
-    "@mage-ui/styled-system": "0.0.27"
+    "@mage-ui/preset": "0.0.29",
+    "@mage-ui/styled-system": "0.0.29"
   },
   "engines": {
     "node": ">=22.14.0"