@mage-ui/components 0.0.25 → 0.0.26

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime48.JSX.Element;
+}: ButtonProps) => react_jsx_runtime10.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_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime40.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime11.JSX.Element;
 //# sourceMappingURL=ButtonIcon.d.ts.map
 
 //#endregion

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_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime39 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_runtime29.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime39.JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map
 
 //#endregion

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-import * as react31 from "react";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react41 from "react";
 
 //#region src/components/controls/dropdown/DropdownButton.d.ts
 type DropdownButtonProps = {
@@ -18,11 +18,11 @@ declare const DropdownButton: {
     children,
     dropdownIcon,
     ...props
-  }: DropdownButtonProps): react_jsx_runtime30.JSX.Element;
+  }: DropdownButtonProps): react_jsx_runtime40.JSX.Element;
   Option: {
     ({
       children
-    }: DropdownButtonOptionProps): react31.ReactNode;
+    }: DropdownButtonOptionProps): react41.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_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime43 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_runtime32.JSX.Element;
+}: SelectProps) => react_jsx_runtime43.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_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime44 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_runtime33.JSX.Element;
+}: InputFileProps) => react_jsx_runtime44.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_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime45 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_runtime34.JSX.Element;
+}: InputPasswordProps) => react_jsx_runtime45.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_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime46 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_runtime35.JSX.Element;
+}: InputTextProps) => react_jsx_runtime46.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime1.JSX.Element;
+}: TextareaProps) => react_jsx_runtime8.JSX.Element;
 //# sourceMappingURL=Textarea.d.ts.map
 
 //#endregion

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime48 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_runtime37.JSX.Element;
+}: AvatarProps) => react_jsx_runtime48.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_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime49 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_runtime38.JSX.Element;
+}: BadgeProps) => react_jsx_runtime49.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_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime50 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_runtime39.JSX.Element;
+  }: CarouselProps): react_jsx_runtime50.JSX.Element;
   Slide: {
     ({
       children

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

@@ -11,7 +11,7 @@ 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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { ZodRawShape, z } from "zod";
 
@@ -29,11 +29,11 @@ declare const Form: {
     onSubmit,
     children,
     ...props
-  }: FormProps): react_jsx_runtime2.JSX.Element;
+  }: FormProps): react_jsx_runtime12.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime2.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime12.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_runtime2.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime12.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -57,8 +57,9 @@ declare const Form: {
       children,
       label,
       description,
-      error
-    }: FormCheckboxGroupProps): react_jsx_runtime2.JSX.Element;
+      error,
+      ...props
+    }: FormCheckboxGroupProps): react_jsx_runtime12.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
     };
@@ -72,7 +73,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime2.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime12.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -103,24 +104,25 @@ declare const Form: {
       children,
       label,
       description,
-      error
-    }: FormRadioGroupProps): react_jsx_runtime2.JSX.Element;
+      error,
+      ...props
+    }: FormRadioGroupProps): react_jsx_runtime12.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodString, string, string>;
     };
     Radio: {
-      (props: RadioProps): react_jsx_runtime2.JSX.Element;
+      (props: RadioProps): react_jsx_runtime12.JSX.Element;
       displayName: string;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime2.JSX.Element;
+    (props: RadioProps): react_jsx_runtime12.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime2.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime12.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -131,7 +133,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime2.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime12.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -160,7 +162,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime2.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime12.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>;
@@ -171,7 +173,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime2.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime12.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodEffects<z.ZodAny, any, any>;
@@ -180,7 +182,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime2.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime12.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;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;;YAEE,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;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,iCAAA;;;;IApBE,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAS,CAAA;EAAA,QAAA,EAAA"}

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})=>n(r,{name:e,control:i,render:({field:{value:e,onChange:r}})=>n(t,{label:o,description:s,error:c,value:e??[],onChange:r,children:a})}),o=(e=`Select one option`)=>i.array(i.string()).min(1,e);a.rules={required:o},a.Checkbox=e;export{a as FormCheckboxGroup};
+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};
 //# 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}: FormCheckboxGroupProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <CheckboxGroup\n            label={label}\n            description={description}\n            error={error}\n            value={value ?? []}\n            onChange={onChange}\n          >\n            {children}\n          </CheckboxGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport const required = (message = 'Select one option') => {\n  return z.array(z.string()).min(1, message);\n};\n\nFormCheckboxGroup.rules = { required };\n\nFormCheckboxGroup.Checkbox = Checkbox;\n"],"mappings":"2PA4CA,MA7Ba,EAAoB,CAAC,CAChC,OACA,UACA,WACA,QACA,cACA,QACuB,GAErB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CACQ,QACM,cACN,QACP,MAAO,GAAS,CAAE,EACR,WAET,YACa,EAGpB,CAIO,EAAW,CAAC,EAAU,sBAC1B,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAG,EAAQ,CAK5C,AAFA,EAAkB,MAAQ,CAAE,UAAU,EAEtC,EAAkB,SAAW"}
+{"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"}

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

@@ -1,2 +1,2 @@
-import{Radio as e}from"../../../controls/radio/Radio.js";import{FormRadio as t}from"./FormRadio.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:t,control:i,children:a,label:o,description:s,error:c})=>n(r,{name:t,control:i,render:({field:{value:t,onChange:r}})=>n(e.Group,{label:o,description:s,error:c,value:t,onChange:r,children:a})}),o=(e=`The field is required`)=>i.string().refine(e=>e!==``,{message:e});a.rules={required:o},a.Radio=t;export{a as FormRadioGroup};
+import{Radio as e}from"../../../controls/radio/Radio.js";import{FormRadio as t}from"./FormRadio.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:t,control:i,children:a,label:o,description:s,error:c,...l})=>n(r,{name:t,control:i,render:({field:{value:t,onChange:r}})=>n(e.Group,{label:o,description:s,error:c,value:t,onChange:r,...l,children:a})}),o=(e=`The field is required`)=>i.string().refine(e=>e!==``,{message:e});a.rules={required:o},a.Radio=t;export{a as FormRadioGroup};
 //# sourceMappingURL=FormRadioGroup.js.map

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime49.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime9.JSX.Element;
   Item: {
     ({
       children

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","names":[],"sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,gBAAA;cACE;;IADF,IAAA,CAAA,EAAA,MAAA;IAAgB,IAAA,CAAA,EAAA,MAAA;IACd,IAAA,CAAA,EAAA,MAAA;IAOD,SAAA,CAAA,EAAA,MAAA;EAAS,CAAA;EAGT,QAAA,CAAA,EAHA,SA6CZ;CAAA;AAAA,cA1CY,WA0CZ,EAAA;;;;;KAtCE,mBAAgB,mBAAA,CAAA,GAAA,CAAA;;IAAhB,CAAA;MAAA;IAAA,CAAA,EAyDyB,SAzDzB,CAAA,EAyDkC,SAzDlC;IAAgB,WAAA,EAAA,MAAA;EAAA,CAAA;;KAqDd,SAAA,GAIgC;EAAA,QAAA,EAHzB,SAGyB;AAnBnC,CAAA"}
+{"version":3,"file":"Breadcrumbs.d.ts","names":[],"sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,gBAAA;cACE;;IADF,IAAA,CAAA,EAAA,MAAA;IAAgB,IAAA,CAAA,EAAA,MAAA;IACd,IAAA,CAAA,EAAA,MAAA;IAOD,SAAA,CAAA,EAAA,MAAA;EAAS,CAAA;EAGT,QAAA,CAAA,EAHA,SA6CZ;CAAA;AAAA,cA1CY,WA0CZ,EAAA;;;;;KAtCE,mBAAgB,kBAAA,CAAA,GAAA,CAAA;;IAAhB,CAAA;MAAA;IAAA,CAAA,EAyDyB,SAzDzB,CAAA,EAyDkC,SAzDlC;IAAgB,WAAA,EAAA,MAAA;EAAA,CAAA;;KAqDd,SAAA,GAIgC;EAAA,QAAA,EAHzB,SAGyB;AAnBnC,CAAA"}

package/dist/components/navigation/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_runtime41 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_runtime41.JSX.Element;
+  }: TabsProps): react_jsx_runtime1.JSX.Element;
   displayName: string;
   List: {
     ({
       classNames,
       children,
       ...props
-    }: TabsListProps): react_jsx_runtime41.JSX.Element;
+    }: TabsListProps): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Tab: {
@@ -35,7 +35,7 @@ declare const Tabs: {
       endSlot,
       children,
       ...props
-    }: TabsTabProps): react_jsx_runtime41.JSX.Element;
+    }: TabsTabProps): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Panel: {
@@ -43,7 +43,7 @@ declare const Tabs: {
       classNames,
       children,
       ...props
-    }: TabsPanelProps): react_jsx_runtime41.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/package.json

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