@mage-ui/components 0.0.21 → 0.0.22

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;EAAlB,UAAA,CAAA,EAAA;IASC,IAAA,CAAA,EAAA,MAkBZ;IAAA,IAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAlB0B;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAKxB,eALwB,EAAA,GAKT,mBAAA,CAAA,GAAA,CAAA,OALS"}
+{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;EAAlB,UAAA,CAAA,EAAA;IASC,IAAA,CAAA,EAAA,MAkBZ;IAAA,IAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAlB0B;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAKxB,eALwB,EAAA,GAKT,kBAAA,CAAA,GAAA,CAAA,OALS"}

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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/controls/dropdown/Combobox.d.ts
 type ComboboxProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & InputTextProps & {
@@ -31,7 +31,7 @@ declare const Combobox: ({
   create,
   empty,
   ...props
-}: ComboboxProps) => react_jsx_runtime2.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime12.JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;KAeY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAeH,SAAA,CAAA,EAkFZ,OAAA;EAAA,UAAA,CAAA,EAAA;IAlFwB,MAAA,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAUtB,aAVsB,EAAA,GAUT,kBAAA,CAAA,GAAA,CAAA,OAVS"}
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;KAeY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAeH,SAAA,CAAA,EAkFZ,OAAA;EAAA,UAAA,CAAA,EAAA;IAlFwB,MAAA,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAUtB,aAVsB,EAAA,GAUT,mBAAA,CAAA,GAAA,CAAA,OAVS"}

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime29 from "react/jsx-runtime";
-import * as react30 from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react14 from "react";
 
 //#region src/components/controls/dropdown/DropdownButton.d.ts
 type DropdownButtonProps = {
@@ -15,11 +15,11 @@ declare const DropdownButton: {
     label,
     classNames,
     children
-  }: DropdownButtonProps): react_jsx_runtime29.JSX.Element;
+  }: DropdownButtonProps): react_jsx_runtime13.JSX.Element;
   Option: {
     ({
       children
-    }: DropdownButtonOptionProps): react30.ReactNode;
+    }: DropdownButtonOptionProps): react14.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_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime31.JSX.Element;
+}: SelectProps) => react_jsx_runtime15.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_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/controls/input-file/InputFile.d.ts
 type InputFileProps = {
@@ -13,6 +13,7 @@ type InputFileProps = {
     placeholder?: string;
     clearButton?: string;
   };
+  badgeClassName?: string;
   label?: string;
   description?: string;
   placeholder?: string;
@@ -23,8 +24,9 @@ type InputFileProps = {
 declare const InputFile: ({
   classNames,
   multiple,
+  badgeClassName,
   ...props
-}: InputFileProps) => react_jsx_runtime32.JSX.Element;
+}: InputFileProps) => react_jsx_runtime16.JSX.Element;
 //# sourceMappingURL=InputFile.d.ts.map
 //#endregion
 export { InputFile, InputFileProps };

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

@@ -1 +1 @@
-{"version":3,"file":"InputFile.d.ts","names":[],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":[],"mappings":";;;KAoBY,cAAA;;;IAAA,KAAA,CAAA,EAAA,MAAc;IAAA,WAAA,CAAA,EAAA,MAAA;IAgBhB,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IACI,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IAAI,WAAA,CAAA,EAAA,MAAA;IAkCnB,WA+BZ,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,KA/ByB,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,WAIvB,CAAA,EAAA,MAAA;EAAc,QAAA,CAAA,EAAA,OAAA;EA2BhB,KAAA,CAAA,EAlES,IAkET,GAlEgB,IAkEhB,EAAA,GAAA,IAAA;qBAjEoB,OAAO;;cAkCf;;;;GAIV,mBAAc,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"InputFile.d.ts","names":[],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":[],"mappings":";;;KAmBY,cAAA;;;IAAA,KAAA,CAAA,EAAA,MAAc;IAAA,WAAA,CAAA,EAAA,MAAA;IAiBhB,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IACI,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IAAI,WAAA,CAAA,EAAA,MAAA;IA4CnB,WAkCZ,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,cAlCyB,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,WAKvB,CAAA,EAAA,MAAA;EAAc,QAAA,CAAA,EAAA,OAAA;EA6BhB,KAAA,CAAA,EA/ES,IA+ET,GA/EgB,IA+EhB,EAAA,GAAA,IAAA;qBA9EoB,OAAO;;cA4Cf;;;;;GAKV,mBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/controls/input-file/InputFile.js

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{badge as t,icon as n,input as r,inputButton as i,inputDescription as a,inputError as o,inputFileGroup as s,inputFileInput as c,inputFilePlaceholder as l,inputFileSection as u,inputLabel as d,inputRoot as f,inputWrapper as p}from"@mage-ui/styled-system/recipes";import{Badge as m,FileInput as h,Group as g}from"@mantine/core";import{jsx as _}from"react/jsx-runtime";import{cx as v}from"@mage-ui/styled-system/css";const y=({value:e})=>e===null?null:Array.isArray(e)?_(g,{classNames:{root:v(`group`,s())},children:e.map(e=>_(m,{classNames:{root:t({status:`neutral`})},children:e.name},e.name))}):_(m,{classNames:{root:t({status:`neutral`})},children:e.name}),b=({classNames:t,multiple:s,...m})=>_(h,{classNames:{root:v(t?.root??f(),`group`),label:t?.label??d(),required:t?.label??d(),description:t?.description??a(),error:t?.error??o(),wrapper:t?.wrapper??p(),input:t?.input??v(r(),c()),section:t?.section??u(),placeholder:t?.placeholder??l()},leftSection:_(e,{name:`upload-02`,classNames:n({size:`m`})}),multiple:s,valueComponent:y,clearable:!0,clearButtonProps:{className:t?.clearButton??i({variant:`ghost`,size:`s`,color:`danger`}),children:_(e,{name:`trash-01`,classNames:n({size:`s`})})},...m});export{b as InputFile};
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{badge as t,icon as n,input as r,inputButton as i,inputDescription as a,inputError as o,inputFileGroup as s,inputFileInput as c,inputFilePlaceholder as l,inputFileSection as u,inputLabel as d,inputRoot as f,inputWrapper as p}from"@mage-ui/styled-system/recipes";import{Badge as m,FileInput as h,Group as g}from"@mantine/core";import{jsx as _}from"react/jsx-runtime";import{cx as v}from"@mage-ui/styled-system/css";const y=({value:e,badgeClassName:n})=>e===null?null:Array.isArray(e)?_(g,{classNames:{root:v(`group`,s())},children:e.map(e=>_(m,{classNames:{root:v(t({status:`neutral`}),n)},children:e.name},e.name))}):_(m,{classNames:{root:v(t({status:`neutral`}),n)},children:e.name}),b=({classNames:t,multiple:s,badgeClassName:m,...g})=>_(h,{classNames:{root:v(t?.root??f(),`group`),label:t?.label??d(),required:t?.label??d(),description:t?.description??a(),error:t?.error??o(),wrapper:t?.wrapper??p(),input:t?.input??v(r(),c()),section:t?.section??u(),placeholder:t?.placeholder??l()},leftSection:_(e,{name:`upload-02`,classNames:n({size:`m`})}),multiple:s,valueComponent:e=>_(y,{...e,badgeClassName:m??``}),clearable:!0,clearButtonProps:{className:t?.clearButton??i({variant:`ghost`,size:`s`,color:`danger`}),children:_(e,{name:`trash-01`,classNames:n({size:`s`})})},...g});export{b as InputFile};
 //# sourceMappingURL=InputFile.js.map

package/dist/components/controls/input-file/InputFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputFile.js","names":["ValueComponent: FileInputProps['valueComponent']"],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  badge,\n  icon,\n  input,\n  inputButton,\n  inputDescription,\n  inputError,\n  inputFileGroup,\n  inputFileInput,\n  inputFilePlaceholder,\n  inputFileSection,\n  inputLabel,\n  inputRoot,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport type { FileInputProps } from '@mantine/core';\nimport { Badge, FileInput, Group } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\n\nexport type InputFileProps = {\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    placeholder?: string;\n    clearButton?: string;\n  };\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  multiple?: boolean;\n  value?: File | File[] | null;\n  onChange?: (files: File | File[] | null) => void;\n};\n\nconst ValueComponent: FileInputProps['valueComponent'] = ({ value }) => {\n  if (value === null) {\n    return null;\n  }\n\n  if (Array.isArray(value)) {\n    return (\n      <Group\n        classNames={{\n          root: cx('group', inputFileGroup()),\n        }}\n      >\n        {value.map((file) => (\n          <Badge\n            classNames={{ root: badge({ status: 'neutral' }) }}\n            key={file.name}\n          >\n            {file.name}\n          </Badge>\n        ))}\n      </Group>\n    );\n  }\n\n  return (\n    <Badge classNames={{ root: badge({ status: 'neutral' }) }}>\n      {value.name}\n    </Badge>\n  );\n};\n\nexport const InputFile = ({\n  classNames,\n  multiple,\n  ...props\n}: InputFileProps) => {\n  return (\n    <FileInput\n      classNames={{\n        root: cx(classNames?.root ?? inputRoot(), 'group'),\n        label: classNames?.label ?? inputLabel(),\n        required: classNames?.label ?? inputLabel(),\n        description: classNames?.description ?? inputDescription(),\n        error: classNames?.error ?? inputError(),\n        wrapper: classNames?.wrapper ?? inputWrapper(),\n        input: classNames?.input ?? cx(input(), inputFileInput()),\n        section: classNames?.section ?? inputFileSection(),\n        placeholder: classNames?.placeholder ?? inputFilePlaceholder(),\n      }}\n      leftSection={<Icon name='upload-02' classNames={icon({ size: 'm' })} />}\n      multiple={multiple}\n      valueComponent={ValueComponent}\n      clearable\n      clearButtonProps={{\n        className:\n          classNames?.clearButton ??\n          inputButton({ variant: 'ghost', size: 's', color: 'danger' }),\n        children: <Icon name='trash-01' classNames={icon({ size: 's' })} />,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"ieAuEA,MA/BMA,EAAmD,CAAC,CAAE,QAAO,GAC7D,IAAU,KACL,KAGL,MAAM,QAAQ,EAAM,CAEpB,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,QAAS,GAAgB,CAAC,AACpC,WAEA,EAAM,IAAI,AAAC,GACV,EAAC,EAAA,CACC,WAAY,CAAE,KAAM,EAAM,CAAE,OAAQ,SAAW,EAAC,AAAE,WAGjD,EAAK,MAFD,EAAK,KAGJ,CACR,EACI,CAKV,EAAC,EAAA,CAAM,WAAY,CAAE,KAAM,EAAM,CAAE,OAAQ,SAAW,EAAC,AAAE,WACtD,EAAM,MACD,CAIC,EAAY,CAAC,CACxB,aACA,WACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAgB,CAAC,CACzD,QAAS,GAAY,SAAW,GAAkB,CAClD,YAAa,GAAY,aAAe,GAAsB,AAC/D,EACD,YAAa,EAAC,EAAA,CAAK,KAAK,YAAY,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC7D,WACV,eAAgB,EAChB,WAAA,EACA,iBAAkB,CAChB,UACE,GAAY,aACZ,EAAY,CAAE,QAAS,QAAS,KAAM,IAAK,MAAO,QAAU,EAAC,CAC/D,SAAU,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,AACpE,EACD,GAAI,GACJ"}
+{"version":3,"file":"InputFile.js","names":["props"],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  badge,\n  icon,\n  input,\n  inputButton,\n  inputDescription,\n  inputError,\n  inputFileGroup,\n  inputFileInput,\n  inputFilePlaceholder,\n  inputFileSection,\n  inputLabel,\n  inputRoot,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Badge, FileInput, Group } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\n\nexport type InputFileProps = {\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    placeholder?: string;\n    clearButton?: string;\n  };\n  badgeClassName?: string;\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  multiple?: boolean;\n  value?: File | File[] | null;\n  onChange?: (files: File | File[] | null) => void;\n};\n\nconst ValueComponent = ({\n  value,\n  badgeClassName,\n}: {\n  value: File | File[] | null;\n  badgeClassName?: string;\n}) => {\n  if (value === null) {\n    return null;\n  }\n\n  if (Array.isArray(value)) {\n    return (\n      <Group\n        classNames={{\n          root: cx('group', inputFileGroup()),\n        }}\n      >\n        {value.map((file) => (\n          <Badge\n            classNames={{\n              root: cx(badge({ status: 'neutral' }), badgeClassName),\n            }}\n            key={file.name}\n          >\n            {file.name}\n          </Badge>\n        ))}\n      </Group>\n    );\n  }\n\n  return (\n    <Badge\n      classNames={{ root: cx(badge({ status: 'neutral' }), badgeClassName) }}\n    >\n      {value.name}\n    </Badge>\n  );\n};\n\nexport const InputFile = ({\n  classNames,\n  multiple,\n  badgeClassName,\n  ...props\n}: InputFileProps) => {\n  return (\n    <FileInput\n      classNames={{\n        root: cx(classNames?.root ?? inputRoot(), 'group'),\n        label: classNames?.label ?? inputLabel(),\n        required: classNames?.label ?? inputLabel(),\n        description: classNames?.description ?? inputDescription(),\n        error: classNames?.error ?? inputError(),\n        wrapper: classNames?.wrapper ?? inputWrapper(),\n        input: classNames?.input ?? cx(input(), inputFileInput()),\n        section: classNames?.section ?? inputFileSection(),\n        placeholder: classNames?.placeholder ?? inputFilePlaceholder(),\n      }}\n      leftSection={<Icon name='upload-02' classNames={icon({ size: 'm' })} />}\n      multiple={multiple}\n      valueComponent={(props) => (\n        <ValueComponent {...props} badgeClassName={badgeClassName ?? ''} />\n      )}\n      clearable\n      clearButtonProps={{\n        className:\n          classNames?.clearButton ??\n          inputButton({ variant: 'ghost', size: 's', color: 'danger' }),\n        children: <Icon name='trash-01' classNames={icon({ size: 's' })} />,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"ieAiFA,MAzCM,EAAiB,CAAC,CACtB,QACA,iBAID,GACK,IAAU,KACL,KAGL,MAAM,QAAQ,EAAM,CAEpB,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,QAAS,GAAgB,CAAC,AACpC,WAEA,EAAM,IAAI,AAAC,GACV,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,EAAM,CAAE,OAAQ,SAAW,EAAC,CAAE,EAAe,AACvD,WAGA,EAAK,MAFD,EAAK,KAGJ,CACR,EACI,CAKV,EAAC,EAAA,CACC,WAAY,CAAE,KAAM,EAAG,EAAM,CAAE,OAAQ,SAAW,EAAC,CAAE,EAAe,AAAE,WAErE,EAAM,MACD,CAIC,EAAY,CAAC,CACxB,aACA,WACA,iBACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAgB,CAAC,CACzD,QAAS,GAAY,SAAW,GAAkB,CAClD,YAAa,GAAY,aAAe,GAAsB,AAC/D,EACD,YAAa,EAAC,EAAA,CAAK,KAAK,YAAY,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC7D,WACV,eAAgB,AAACA,GACf,EAAC,EAAA,CAAe,GAAIA,EAAO,eAAgB,GAAkB,IAAM,CAErE,WAAA,EACA,iBAAkB,CAChB,UACE,GAAY,aACZ,EAAY,CAAE,QAAS,QAAS,KAAM,IAAK,MAAO,QAAU,EAAC,CAC/D,SAAU,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,AACpE,EACD,GAAI,GACJ"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime33.JSX.Element;
+}: InputPasswordProps) => react_jsx_runtime17.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_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime18 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_runtime34.JSX.Element;
+}: InputTextProps) => react_jsx_runtime18.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_runtime9 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_runtime9.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_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime47 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_runtime36.JSX.Element;
+}: AvatarProps) => react_jsx_runtime47.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_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime48 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_runtime37.JSX.Element;
+}: BadgeProps) => react_jsx_runtime48.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_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime49 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_runtime38.JSX.Element;
+  }: CarouselProps): react_jsx_runtime49.JSX.Element;
   Slide: {
     ({
       children

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

@@ -10,7 +10,7 @@ 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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { ZodRawShape, z } from "zod";
 
@@ -26,11 +26,11 @@ declare const Form: {
     rules,
     children,
     ...props
-  }: FormProps): react_jsx_runtime3.JSX.Element;
+  }: FormProps): react_jsx_runtime21.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime3.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -41,7 +41,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime3.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -55,7 +55,7 @@ declare const Form: {
       label,
       description,
       error
-    }: FormCheckboxGroupProps): react_jsx_runtime3.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime21.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
     };
@@ -69,7 +69,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime3.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -101,23 +101,23 @@ declare const Form: {
       label,
       description,
       error
-    }: FormRadioGroupProps): react_jsx_runtime3.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime21.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodString, string, string>;
     };
     Radio: {
-      (props: RadioProps): react_jsx_runtime3.JSX.Element;
+      (props: RadioProps): react_jsx_runtime21.JSX.Element;
       displayName: string;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime3.JSX.Element;
+    (props: RadioProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime3.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -128,7 +128,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime3.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -157,7 +157,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime3.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime21.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>;
@@ -168,7 +168,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime3.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime21.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodEffects<z.ZodAny, any, any>;
@@ -177,7 +177,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime3.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime21.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":";;;;;;;;;;;;;;;;;KAuBY,SAAA;YACA,KAAA,CAAM;UACR;;;cAIG;;;;;;KAKV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAXA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IACT,KAAM,EAAA;MACR,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAW,CAAA;EAIR,CAAA;EA4BZ,aAAA,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,KAAA;MAAA,WAAA;MAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;;;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":";;;;;;;;;;;;;;;;;KAuBY,SAAA;YACA,KAAA,CAAM;UACR;;;cAIG;;;;;;KAKV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAXA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAAA,WAAA,EAAA,MAAA;IACT,KAAM,EAAA;MACR,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAW,CAAA;EAIR,CAAA;EA4BZ,aAAA,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,KAAA;MAAA,WAAA;MAAA;IAAA,CAAA,wBAAA,CAAA,iCAAA;;;IAvBE,CAAA;IAAS,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAA,CAAA"}

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

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

package/dist/components/navigation/breadcrumbs/Breadcrumbs.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 { ReactNode } from "react";
 
 //#region src/components/navigation/breadcrumbs/Breadcrumbs.d.ts
@@ -17,7 +17,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime48.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime10.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/package.json

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