@mage-ui/components 0.0.23 → 0.0.25

package/dist/components/controls/radio/RadioIcon.js

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{radioOnlyIcon as n,radioOnlyIconBody as r,radioOnlyIconIcon as i,radioOnlyIconInner as a,radioOnlyIconLabel as o,radioOnlyIconLabelWrapper as s,radioOnlyIconRoot as c,radioOnlyIconSettings as l}from"@mage-ui/styled-system/recipes";import{Radio as u}from"@mantine/core";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cx as m}from"@mage-ui/styled-system/css";const h=({icon:n,a11yText:r})=>p(d,{children:[f(e,{name:n}),r&&f(t,{children:r})]}),g=({icon:e,a11yText:t,classNames:d,...p})=>f(u,{classNames:{root:m(d?.root??c(),l()),radio:m(d?.radio??n(),`peer`),icon:d?.icon??i(),inner:d?.inner??a(),body:d?.body??r(),labelWrapper:d?.labelWrapper??s(),label:d?.label??o()},label:f(h,{icon:e,a11yText:t}),...p});g.displayName=`RadioIcon`;export{g as RadioIcon};
+//# sourceMappingURL=RadioIcon.js.map

package/dist/components/controls/radio/RadioIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioIcon.js","names":["icon","RadioMantine"],"sources":["../../../../src/components/controls/radio/RadioIcon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  radioOnlyIcon,\n  radioOnlyIconBody,\n  radioOnlyIconIcon,\n  radioOnlyIconInner,\n  radioOnlyIconLabel,\n  radioOnlyIconLabelWrapper,\n  radioOnlyIconRoot,\n  radioOnlyIconSettings,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as RadioMantine } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\nimport { VisuallyHidden } from '@/components/misc';\n\nexport type RadioIconProps = {\n  label?: ReactNode;\n  icon: string;\n  a11yText?: string;\n  value?: string;\n  name?: string;\n  disabled?: boolean;\n  checked?: boolean;\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  };\n};\n\nconst LabelIcon = ({ icon, a11yText }: { icon: string; a11yText?: string }) => {\n  return (\n    <>\n      <Icon name={icon} />\n      {a11yText && <VisuallyHidden>{a11yText}</VisuallyHidden>}\n    </>\n  );\n};\n\nexport const RadioIcon = ({\n  icon,\n  a11yText,\n  classNames,\n  ...props\n}: RadioIconProps): ReactNode => {\n  return (\n    <RadioMantine\n      classNames={{\n        root: cx(\n          classNames?.root ?? radioOnlyIconRoot(),\n          radioOnlyIconSettings(),\n        ),\n        radio: cx(classNames?.radio ?? radioOnlyIcon(), 'peer'),\n        icon: classNames?.icon ?? radioOnlyIconIcon(),\n        inner: classNames?.inner ?? radioOnlyIconInner(),\n        body: classNames?.body ?? radioOnlyIconBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioOnlyIconLabelWrapper(),\n        label: classNames?.label ?? radioOnlyIconLabel(),\n      }}\n      label={<LabelIcon icon={icon} a11yText={a11yText} />}\n      {...props}\n    />\n  );\n};\n\nRadioIcon.displayName = 'RadioIcon';\n"],"mappings":"+gBA+CA,MATM,EAAY,CAAC,CAAE,KAAA,EAAM,WAA+C,GAEtE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAK,KAAMA,CAAAA,EAAQ,CACnB,GAAY,EAAC,EAAA,CAAA,SAAgB,CAAA,EAA0B,CAAA,EACvD,CAIM,EAAY,CAAC,CACxB,KAAA,EACA,WACA,aACA,GAAG,EACY,GAEb,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,MAAQ,GAAmB,CACvC,GAAuB,CACxB,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAmB,CAC7C,MAAO,GAAY,OAAS,GAAoB,CAChD,KAAM,GAAY,MAAQ,GAAmB,CAC7C,aAAc,GAAY,cAAgB,GAA2B,CACrE,MAAO,GAAY,OAAS,GAAoB,AACjD,EACD,MAAO,EAAC,EAAA,CAAU,KAAMD,EAAgB,YAAY,CACpD,GAAI,GACJ,CAIN,EAAU,YAAc"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime41.JSX.Element;
+}: TextareaProps) => react_jsx_runtime1.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,mBAAA,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,kBAAA,CAAA,GAAA,CAAA,OAAA;AAmBf"}

package/dist/components/data-display/avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
@@ -13,7 +13,7 @@ type AvatarProps = {
 declare const Avatar: ({
   classNames,
   ...props
-}: AvatarProps) => react_jsx_runtime10.JSX.Element;
+}: AvatarProps) => react_jsx_runtime37.JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map
 
 //#endregion

package/dist/components/data-display/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
@@ -17,7 +17,7 @@ declare const Badge: ({
   startSlot,
   classNames,
   ...props
-}: BadgeProps) => react_jsx_runtime11.JSX.Element;
+}: BadgeProps) => react_jsx_runtime38.JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map
 
 //#endregion

package/dist/components/data-display/carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/carousel/Carousel.d.ts
@@ -36,7 +36,7 @@ declare const Carousel: {
   ({
     classNames,
     ...props
-  }: CarouselProps): react_jsx_runtime12.JSX.Element;
+  }: CarouselProps): react_jsx_runtime39.JSX.Element;
   Slide: {
     ({
       children

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime72 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_runtime72.JSX.Element;
+  }: TableProps): react_jsx_runtime73.JSX.Element;
   displayName: string;
   Header: {
     ({
       children
     }: {
       children: any;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -32,7 +32,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -40,7 +40,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Head: {
@@ -50,7 +50,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Row: {
@@ -60,7 +60,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
   Cell: {
@@ -70,7 +70,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime73.JSX.Element;
     displayName: string;
   };
 };

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

@@ -10,7 +10,8 @@ import { FormSelectProps } from "./controls/FormSelect.js";
 import { FormDatePickerProps } from "./controls/FormDatePicker.js";
 import { FormInputFileProps } from "./controls/FormInputFile.js";
 import { FormInputPasswordProps } from "./controls/FormInputPassword.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import { FormIfFieldProps } from "./controls/FormIfField.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { ZodRawShape, z } from "zod";
 
@@ -18,7 +19,7 @@ import { ZodRawShape, z } from "zod";
 type FormProps = {
   defaultValues?: object;
   rules?: ZodRawShape;
-  onSubmit?: (formData: object) => void;
+  onSubmit: (formData: object) => void;
   children: React.ReactNode;
 };
 declare const Form: {
@@ -28,11 +29,11 @@ declare const Form: {
     onSubmit,
     children,
     ...props
-  }: FormProps): react_jsx_runtime15.JSX.Element;
+  }: FormProps): react_jsx_runtime2.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime15.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -43,7 +44,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime15.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -57,7 +58,7 @@ declare const Form: {
       label,
       description,
       error
-    }: FormCheckboxGroupProps): react_jsx_runtime15.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime2.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
     };
@@ -71,7 +72,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime15.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -103,23 +104,23 @@ declare const Form: {
       label,
       description,
       error
-    }: FormRadioGroupProps): react_jsx_runtime15.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime2.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodString, string, string>;
     };
     Radio: {
-      (props: RadioProps): react_jsx_runtime15.JSX.Element;
+      (props: RadioProps): react_jsx_runtime2.JSX.Element;
       displayName: string;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime15.JSX.Element;
+    (props: RadioProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime15.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -130,7 +131,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime15.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -159,7 +160,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime15.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime2.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>;
@@ -170,7 +171,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime15.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodEffects<z.ZodAny, any, any>;
@@ -179,12 +180,23 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime15.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime2.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodString;
     };
   };
+  IfField: {
+    ({
+      control,
+      field,
+      value,
+      condition,
+      children,
+      fallback
+    }: FormIfFieldProps): ReactNode;
+    displayName: string;
+  };
 };
 //# sourceMappingURL=Form.d.ts.map
 

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":";;;;;;;;;;;;;;;;;KAuBY,SAAA;;UAEF;;YAEE,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;EAbA,QAAA,EAAA;IAAS,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAEX,WAAA,EAAA,MAAA;IAEE,KAAM,EAAA;MAAS,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAGd,CAAA;EA6BZ,CAAA;EAAA,aAAA,EAAA;;;;;;;;;;;IAvBE,CAAA;IAAS,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAA,CAAA"}
+{"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;IAAA,CAAA,wBAAA,CAAA,gCAAA;;;;IApBE,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAS,CAAA;EAAA,QAAA,EAAA"}

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{FormInputFile as i}from"./controls/FormInputFile.js";import{FormInputPassword as a}from"./controls/FormInputPassword.js";import{FormInputText as o}from"./controls/FormInputText.js";import{FormRadio as s}from"./controls/FormRadio.js";import{FormRadioGroup as c}from"./controls/FormRadioGroup.js";import{FormSelect as l}from"./controls/FormSelect.js";import{FormTextarea as u}from"./controls/FormTextarea.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{Children as p,cloneElement as m,isValidElement as h}from"react";import{FormProvider as g,useForm as _}from"react-hook-form";import{z as v}from"zod";import{zodResolver as y}from"@hookform/resolvers/zod";const b=({defaultValues:e,rules:t={},onSubmit:n,children:r,...i})=>{let a=_({shouldFocusError:!0,resolver:y(v.object(t)),defaultValues:e}),{register:o,handleSubmit:s,formState:{errors:c}}=a;return d(g,{...a,children:f(`form`,{onSubmit:s(n),...i,children:[S(r,o,c),d(`button`,{type:`submit`,children:`Submit`})]})})},x=[o,t,e,n,c,s,u,l,r,i,a],S=(e,t,n)=>p.map(e,e=>{if(!h(e))return e;let r=e.props;if(x.some(t=>e.type===t)&&r.name){let i={...r,error:n[r.name]?.message,...t(r.name,{setValueAs:e=>e===``||e===null?void 0:e})};return m(e,i)}return r.children?m(e,r,S(r.children,t,n)):e});b.InputText=o,b.Checkbox=e,b.CheckboxGroup=t,b.Combobox=n,b.RadioGroup=c,b.Radio=s,b.Textarea=u,b.Select=l,b.DatePicker=r,b.InputFile=i,b.InputPassword=a;export{b as Form};
+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};
 //# 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 { 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\n        onSubmit={handleSubmit(onSubmit)}\n        {...props}\n      >\n        {renderChildrenRecursively(children, register, errors)}\n        <button type='submit'>Submit</button>\n      </form>\n    </FormProvider>\n  );\n};\n\nconst controlList = [\n  FormInputText,\n  FormCheckboxGroup,\n  FormCheckbox,\n  FormCombobox,\n  FormRadioGroup,\n  FormRadio,\n  FormTextarea,\n  FormSelect,\n  FormDatePicker,\n  FormInputFile,\n  FormInputPassword,\n];\n\nconst renderChildrenRecursively = (\n  children: React.ReactNode,\n  register: UseFormRegister<Record<string, string>>,\n  errors: FieldErrors,\n): ReactNode => {\n  return Children.map(children, (child) => {\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const props = child.props as {\n      name?: string;\n      type?: string;\n      children?: ReactNode;\n    };\n\n    if (controlList.some((control) => child.type === control)) {\n      if (props.name) {\n        const newProps = {\n          ...props,\n          error: errors[props.name]?.message,\n          ...register(props.name, {\n            setValueAs: (value: unknown) =>\n              value === '' || value === null ? undefined : value,\n          }),\n        };\n        return cloneElement(child, newProps);\n      }\n    }\n\n    if (props.children) {\n      return cloneElement(\n        child,\n        props,\n        renderChildrenRecursively(props.children, register, errors),\n      );\n    }\n\n    return child;\n  });\n};\n\nForm.InputText = FormInputText;\nForm.Checkbox = FormCheckbox;\nForm.CheckboxGroup = FormCheckboxGroup;\nForm.Combobox = FormCombobox;\nForm.RadioGroup = FormRadioGroup;\nForm.Radio = FormRadio;\nForm.Textarea = FormTextarea;\nForm.Select = FormSelect;\nForm.DatePicker = FormDatePicker;\nForm.InputFile = FormInputFile;\nForm.InputPassword = FormInputPassword;\n"],"mappings":"u5BA2EA,MA7Ca,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,CACC,SAAU,EAAa,EAAS,CAChC,GAAI,YAEH,EAA0B,EAAU,EAAU,EAAO,CACtD,EAAC,SAAA,CAAO,KAAK,kBAAS,UAAe,GAChC,EACM,AAElB,EAEK,EAAc,CAClB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACD,EAEK,EAA4B,CAChCA,EACAC,EACAC,IAEO,EAAS,IAAI,EAAU,AAAC,GAAU,CACvC,IAAK,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAQ,EAAM,MAMpB,GAAI,EAAY,KAAK,AAAC,GAAY,EAAM,OAAS,EAAQ,EACnD,EAAM,KAAM,CACd,IAAM,EAAW,CACf,GAAG,EACH,MAAO,EAAO,EAAM,OAAO,QAC3B,GAAG,EAAS,EAAM,KAAM,CACtB,WAAY,AAACC,GACX,IAAU,IAAM,IAAU,SAAA,GAAmB,CAChD,EAAC,AACH,EACD,MAAO,GAAa,EAAO,EAAS,AACrC,CAWH,OARI,EAAM,SACD,EACL,EACA,EACA,EAA0B,EAAM,SAAU,EAAU,EAAO,CAC5D,CAGI,CACR,EAAC,CAaJ,AAVA,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,cAAgB,EACrB,EAAK,SAAW,EAChB,EAAK,WAAa,EAClB,EAAK,MAAQ,EACb,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,WAAa,EAClB,EAAK,UAAY,EACjB,EAAK,cAAgB"}
+{"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"}

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime50 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_runtime1.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime50.JSX.Element;
 //# sourceMappingURL=VisuallyHidden.d.ts.map
 
 //#endregion

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime49 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_runtime14.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime49.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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime41 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_runtime3.JSX.Element;
+  }: TabsProps): react_jsx_runtime41.JSX.Element;
   displayName: string;
   List: {
     ({
       classNames,
       children,
       ...props
-    }: TabsListProps): react_jsx_runtime3.JSX.Element;
+    }: TabsListProps): react_jsx_runtime41.JSX.Element;
     displayName: string;
   };
   Tab: {
@@ -35,7 +35,7 @@ declare const Tabs: {
       endSlot,
       children,
       ...props
-    }: TabsTabProps): react_jsx_runtime3.JSX.Element;
+    }: TabsTabProps): react_jsx_runtime41.JSX.Element;
     displayName: string;
   };
   Panel: {
@@ -43,7 +43,7 @@ declare const Tabs: {
       classNames,
       children,
       ...props
-    }: TabsPanelProps): react_jsx_runtime3.JSX.Element;
+    }: TabsPanelProps): react_jsx_runtime41.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,kBAAA,CAAA,GAAA,CAAA,OAWjE;;MAXwD,EAAA;IAAS,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,eAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA"}
+{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;EAJP,KAAA,CAAA,EAAA,MAAS;AASrB,CAAA;AAWC,cAXY,IAWZ,EAAA;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"}

package/dist/index.d.ts

@@ -8,7 +8,9 @@ import { Select, SelectProps } from "./components/controls/dropdown/Select.js";
 import { InputFile, InputFileProps } from "./components/controls/input-file/InputFile.js";
 import { InputPassword, InputPasswordProps } from "./components/controls/input-password/InputPassword.js";
 import { InputText, InputTextProps } from "./components/controls/input-text/InputText.js";
+import { MultiSwitch, MultiSwitchProps } from "./components/controls/multi-switch/MultiSwitch.js";
 import { Radio, RadioProps } from "./components/controls/radio/Radio.js";
+import { RadioIcon, RadioIconProps } from "./components/controls/radio/RadioIcon.js";
 import { Textarea, TextareaProps } from "./components/controls/textarea/Textarea.js";
 import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.js";
 import { Badge, BadgeProps } from "./components/data-display/badge/Badge.js";
@@ -22,4 +24,4 @@ import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigation/breadcrumbs/Breadcrumbs.js";
 import { Tabs, TabsProps } from "./components/navigation/tabs/Tabs.js";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
-export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, DropdownButton, DropdownButtonProps, Form, FormProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Radio, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, VisuallyHidden, VisuallyHiddenProps };
+export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, DropdownButton, DropdownButtonProps, Form, FormProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, MultiSwitch, MultiSwitchProps, Radio, RadioIcon, RadioIconProps, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, VisuallyHidden, VisuallyHiddenProps };

package/dist/index.js

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

package/dist/panda.json

@@ -99,10 +99,6 @@
       "radioDescription": [],
       "radioError": [],
       "radioGroupRoot": [],
-      "icon": [
-        "size]___[value:m]___[recipe:icon",
-        "size]___[value:s]___[recipe:icon"
-      ],
       "inputRoot": [],
       "inputWrapper": [],
       "input": [
@@ -140,6 +136,10 @@
         "colors]___[value:neutral]___[recipe:comboboxOption",
         "type]___[value:create]___[recipe:comboboxOption"
       ],
+      "icon": [
+        "size]___[value:m]___[recipe:icon",
+        "size]___[value:s]___[recipe:icon"
+      ],
       "comboboxEmpty": [],
       "selectSection": [],
       "dropdown": [
@@ -161,11 +161,25 @@
         "size]___[value:s]___[recipe:inputButton",
         "color]___[value:neutral]___[recipe:inputButton"
       ],
+      "multiSwitchSettings": [],
+      "multiSwitchRoot": [],
+      "multiSwitchLabel": [],
+      "multiSwitchGroupRoot": [],
       "radio": [],
       "radioIcon": [],
       "radioInner": [],
       "radioBody": [],
       "radioLabelWrapper": [],
+      "radioOnlyIconRoot": [],
+      "radioOnlyIconSettings": [],
+      "radioOnlyIcon": [],
+      "radioOnlyIconIcon": [],
+      "radioOnlyIconInner": [],
+      "radioOnlyIconBody": [],
+      "radioOnlyIconLabelWrapper": [],
+      "radioOnlyIconLabel": [
+        "size]___[value:l]___[recipe:radioOnlyIconLabel"
+      ],
       "textareaRoot": [],
       "textareaLabel": [
         "size]___[value:l]___[recipe:textareaLabel"
@@ -210,6 +224,7 @@
       "tableScrollScrollbar": [],
       "tableScrollThumb": [],
       "comboboxSection": [],
+      "radioOnlyIconError": [],
       "inputToggle": [
         "variant]___[value:filled]___[recipe:inputToggle",
         "color]___[value:neutral]___[recipe:inputToggle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "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.23",
-    "@mage-ui/styled-system": "0.0.23"
+    "@mage-ui/preset": "0.0.25",
+    "@mage-ui/styled-system": "0.0.25"
   },
   "engines": {
     "node": ">=22.14.0"