@mage-ui/components 0.0.75 → 0.0.76

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/buttons/button/Button.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,KAAA,CAAA,EAAA,MAAA;IAAG,OAAA,CAAA,EAAA,MAAA;IAQZ,MAAA,CAAA,EAAA,MAAA;;WAED,CAAA,EAFC,SAED;EAAS,OAAA,CAAA,EADV,SACU;EAGT,QAAA,CAuBZ,EA1BY,SA0BZ;CAAA;AAvBsB,cAAV,MAAU,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMpB,WANoB,EAAA,GAMT,kBAAA,CAAA,GAAA,CAAA,OANS"}
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/buttons/button/Button.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,KAAA,CAAA,EAAA,MAAA;IAAG,OAAA,CAAA,EAAA,MAAA;IAQZ,MAAA,CAAA,EAAA,MAAA;;WAED,CAAA,EAFC,SAED;EAAS,OAAA,CAAA,EADV,SACU;EAGT,QAAA,CAuBZ,EA1BY,SA0BZ;CAAA;AAvBsB,cAAV,MAAU,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMpB,WANoB,EAAA,GAMT,mBAAA,CAAA,GAAA,CAAA,OANS"}

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

@@ -1,5 +1,5 @@
 import { ButtonProps } from "../button/Button.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime4.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ButtonIcon, ButtonIconProps };
 //# sourceMappingURL=ButtonIcon.d.ts.map

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

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":";;;;;;KAgBY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;KAaY;EAAe,SAAA,CAAA,EAAA,OAAA;EAGhB,UAAA,CAoFZ,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;IApFwB,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;;QAAA,CAAA,EAAA,MAAA;OAAA,CAAA,EAAA,MAAA;SAAA,CAAA,EAHX,KAAA,CAAM,SAGK;;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAWtB,aAXsB,EAAA,GAWT,kBAAA,CAAA,GAAA,CAAA,OAXS"}
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;KAaY;EAAe,SAAA,CAAA,EAAA,OAAA;EAGhB,UAAA,CAoFZ,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;IApFwB,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;;QAAA,CAAA,EAAA,MAAA;OAAA,CAAA,EAAA,MAAA;SAAA,CAAA,EAHX,KAAA,CAAM,SAGK;;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAWtB,aAXsB,EAAA,GAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}

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

@@ -1,5 +1,5 @@
 import { DropdownBaseProps } from "./DropdownBase.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/dropdown/Menu.d.ts
@@ -31,7 +31,7 @@ declare const Menu: {
     endSlot,
     startSlot,
     ...props
-  }: MenuProps): react_jsx_runtime9.JSX.Element;
+  }: MenuProps): react_jsx_runtime23.JSX.Element;
   Option: {
     ({
       children

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaY,SAAA,GAAY,KACtB;UAGQ,KAAA,CAAM;;EAJJ,UAAA,CAAA,EAAS;IAAA,MAAA,CAAA,EAAA,MAAA;IACnB,QAAA,CAAA,EAAA,MAAA;IADsB,OAAA,CAAA,EAAA,MAAA;;kBAiBL,CAAA,EAAA;IACP,IAAA,CAAM,EAAA,MAAA;IACJ,KAAM,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAGhB,OA0DZ,CAAA,EAAA,MAAA;EAAA,CAAA;aA/DY,KAAA,CAAM;YACP,KAAA,CAAM;cACJ,KAAA,CAAM;;cAGP;;;;;;;;;;KASV,YAAS,kBAAA,CAAA,GAAA,CAAA;;IAAT,CAAA;MAAA;IAAA,CAAA,EAwD2B,eAxD3B,CAAA,EAwD0C,SAxD1C;IAAS,WAAA,EAAA,MAAA;;SAwDkB,EAAA;IAAe,EAAA,EAAA,IAAA;IAAA,WAAA,EAAA,MAAA;EALxC,CAAA;;KAAA,eAAA;;YAEO,KAAA,CAAM"}
+{"version":3,"file":"Menu.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaY,SAAA,GAAY,KACtB;UAGQ,KAAA,CAAM;;EAJJ,UAAA,CAAA,EAAS;IAAA,MAAA,CAAA,EAAA,MAAA;IACnB,QAAA,CAAA,EAAA,MAAA;IADsB,OAAA,CAAA,EAAA,MAAA;;kBAiBL,CAAA,EAAA;IACP,IAAA,CAAM,EAAA,MAAA;IACJ,KAAM,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAGhB,OA0DZ,CAAA,EAAA,MAAA;EAAA,CAAA;aA/DY,KAAA,CAAM;YACP,KAAA,CAAM;cACJ,KAAA,CAAM;;cAGP;;;;;;;;;;KASV,YAAS,mBAAA,CAAA,GAAA,CAAA;;IAAT,CAAA;MAAA;IAAA,CAAA,EAwD2B,eAxD3B,CAAA,EAwD0C,SAxD1C;IAAS,WAAA,EAAA,MAAA;;SAwDkB,EAAA;IAAe,EAAA,EAAA,IAAA;IAAA,WAAA,EAAA,MAAA;EALxC,CAAA;;KAAA,eAAA;;YAEO,KAAA,CAAM"}

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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/controls/dropdown/Select.d.ts
 type SelectProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & InputTextProps & {
@@ -25,8 +25,9 @@ declare const Select: ({
   options,
   classNames,
   isClearable,
+  clearableIcon,
   ...props
-}: SelectProps) => react_jsx_runtime10.JSX.Element;
+}: SelectProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Select, SelectProps };
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":[],"mappings":";;;;;KAiBY,WAAA,GAAc,KACxB,qEAGA;;;IAJU,KAAA,EAAA,MAAW;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACrB,EAAA;IADwB,EAAA,EAAA,MAAA,GAAA,MAAA;IAIxB,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAYH,WA0DZ,CAAA,EAAA,OAAA;EAAA,aAAA,CAAA,EAAA,MAAA;YA1DsB,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;;;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAQpB,WARoB,EAAA,GAQT,mBAAA,CAAA,GAAA,CAAA,OARS"}
+{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":[],"mappings":";;;;;KAiBY,WAAA,GAAc,KACxB,qEAGA;;;IAJU,KAAA,EAAA,MAAW;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACrB,EAAA;IADwB,EAAA,EAAA,MAAA,GAAA,MAAA;IAIxB,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAYH,WA4DZ,CAAA,EAAA,OAAA;EAAA,aAAA,CAAA,EAAA,MAAA;YA5DsB,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;;;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EASpB,WAToB,EAAA,GAST,mBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/components/controls/dropdown/Select.js

@@ -1,2 +1,2 @@
-import{DropdownBase as e}from"./DropdownBase.js";import{InputText as t}from"../input-text/InputText.js";import{clearSection as n,comboboxOption as r,input as i,inputLabel as a,inputRoot as o,inputSection as s,selectButton as c,selectSection as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";import{useState as d}from"react";import{cx as f}from"@mage-ui/styled-system/css";const p=({defaultOpened:p=!1,setSelectedOption:m,selectedOption:h,options:g,classNames:_,isClearable:v,...y})=>{let[b,x]=d(h?.value??``),S=g.map(t=>u(e.Option,{value:t.value,active:h?.id===t.id,classNames:{option:_?.option??r()},children:t.value},t.id)),C=e=>{let t=g.find(t=>t.value===e);m(t)};return u(e,{readOnly:!0,target:u(t,{readOnly:!0,classNames:{root:_?.root??o(),label:_?.label??a(),input:_?.input??f(i(),c()),section:_?.section??f(s(),v&&b?n():l())},value:b,...y}),selectedOption:h,setQuery:x,setSelectedOption:e=>C(e),width:`target`,isClearable:v,...y,children:S})};export{p as Select};
+import{DropdownBase as e}from"./DropdownBase.js";import{InputText as t}from"../input-text/InputText.js";import{clearSection as n,comboboxOption as r,input as i,inputLabel as a,inputRoot as o,inputSection as s,selectButton as c,selectSection as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";import{useState as d}from"react";import{cx as f}from"@mage-ui/styled-system/css";const p=({defaultOpened:p=!1,setSelectedOption:m,selectedOption:h,options:g,classNames:_,isClearable:v,clearableIcon:y,...b})=>{let[x,S]=d(h?.value??``),C=g.map(t=>u(e.Option,{value:t.value,active:h?.id===t.id,classNames:{option:_?.option??r()},children:t.value},t.id)),w=e=>{let t=g.find(t=>t.value===e);m(t)};return u(e,{readOnly:!0,target:u(t,{readOnly:!0,classNames:{root:_?.root??o(),label:_?.label??a(),input:_?.input??f(i(),c()),section:_?.section??f(s(),v&&x?n():l())},value:x,...b}),selectedOption:h,setQuery:S,setSelectedOption:e=>w(e),width:`target`,isClearable:v,clearableIcon:y,...b,children:C})};export{p as Select};
 //# sourceMappingURL=Select.js.map

package/dist/components/controls/dropdown/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  clearSection,\n  comboboxOption,\n  input,\n  inputLabel,\n  inputRoot,\n  inputSection,\n  selectButton,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type SelectProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    isClearable?: boolean;\n    clearableIcon?: string;\n    classNames?: {\n      option?: string;\n    };\n  };\n\nexport const Select = ({\n  defaultOpened = false,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  isClearable,\n  ...props\n}: SelectProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const dropdownOptions = options.map((option) => (\n    <DropdownBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </DropdownBase.Option>\n  ));\n\n  const onChange = (value: string | undefined) => {\n    const selected = options.find((item) => item.value === value);\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={true}\n      target={\n        <InputText\n          readOnly\n          classNames={{\n            root: classNames?.root ?? inputRoot(),\n            label: classNames?.label ?? inputLabel(),\n            input: classNames?.input ?? cx(input(), selectButton()),\n            section:\n              classNames?.section ??\n              cx(\n                inputSection(),\n                isClearable && query ? clearSection() : selectSection(),\n              ),\n          }}\n          value={query}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      width='target'\n      isClearable={isClearable}\n      {...props}\n    >\n      {dropdownOptions}\n    </DropdownBase>\n  );\n};\n"],"mappings":"oZAiCA,MAAa,GAAU,CACrB,gBAAgB,GAChB,oBACA,iBACA,UACA,aACA,cACA,GAAG,KACc,CACjB,GAAM,CAAC,EAAO,GAAY,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAkB,EAAQ,IAAK,GACnC,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAY,GAA8B,CAC9C,IAAM,EAAW,EAAQ,KAAM,GAAS,EAAK,QAAU,EAAM,CAC7D,EAAkB,EAAS,EAG7B,OACE,EAAC,EAAA,CACC,SAAU,GACV,OACE,EAAC,EAAA,CACC,SAAA,GACA,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAc,CAAC,CACvD,QACE,GAAY,SACZ,EACE,GAAc,CACd,GAAe,EAAQ,GAAc,CAAG,GAAe,CACxD,CACJ,CACD,MAAO,EACP,GAAI,GACJ,CAEY,iBACN,WACV,kBAAoB,GAAW,EAAS,EAAO,CAC/C,MAAM,SACO,cACb,GAAI,WAEH,GACY"}
+{"version":3,"file":"Select.js","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  clearSection,\n  comboboxOption,\n  input,\n  inputLabel,\n  inputRoot,\n  inputSection,\n  selectButton,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type SelectProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    isClearable?: boolean;\n    clearableIcon?: string;\n    classNames?: {\n      option?: string;\n    };\n  };\n\nexport const Select = ({\n  defaultOpened = false,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  isClearable,\n  clearableIcon,\n  ...props\n}: SelectProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const dropdownOptions = options.map((option) => (\n    <DropdownBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </DropdownBase.Option>\n  ));\n\n  const onChange = (value: string | undefined) => {\n    const selected = options.find((item) => item.value === value);\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={true}\n      target={\n        <InputText\n          readOnly\n          classNames={{\n            root: classNames?.root ?? inputRoot(),\n            label: classNames?.label ?? inputLabel(),\n            input: classNames?.input ?? cx(input(), selectButton()),\n            section:\n              classNames?.section ??\n              cx(\n                inputSection(),\n                isClearable && query ? clearSection() : selectSection(),\n              ),\n          }}\n          value={query}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      width='target'\n      isClearable={isClearable}\n      clearableIcon={clearableIcon}\n      {...props}\n    >\n      {dropdownOptions}\n    </DropdownBase>\n  );\n};\n"],"mappings":"oZAiCA,MAAa,GAAU,CACrB,gBAAgB,GAChB,oBACA,iBACA,UACA,aACA,cACA,gBACA,GAAG,KACc,CACjB,GAAM,CAAC,EAAO,GAAY,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAkB,EAAQ,IAAK,GACnC,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAY,GAA8B,CAC9C,IAAM,EAAW,EAAQ,KAAM,GAAS,EAAK,QAAU,EAAM,CAC7D,EAAkB,EAAS,EAG7B,OACE,EAAC,EAAA,CACC,SAAU,GACV,OACE,EAAC,EAAA,CACC,SAAA,GACA,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAc,CAAC,CACvD,QACE,GAAY,SACZ,EACE,GAAc,CACd,GAAe,EAAQ,GAAc,CAAG,GAAe,CACxD,CACJ,CACD,MAAO,EACP,GAAI,GACJ,CAEY,iBACN,WACV,kBAAoB,GAAW,EAAS,EAAO,CAC/C,MAAM,SACO,cACE,gBACf,GAAI,WAEH,GACY"}

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime26 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_runtime12.JSX.Element;
+}: InputPasswordProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { InputPassword, InputPasswordProps };
 //# sourceMappingURL=InputPassword.d.ts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime13.JSX.Element;
+}: InputTextProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { InputText, InputTextProps };
 //# sourceMappingURL=InputText.d.ts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 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_runtime7.JSX.Element;
+}: TextareaProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.d.ts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime28 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_runtime15.JSX.Element;
+}: AvatarProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime16.JSX.Element;
+}: BadgeProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.ts.map

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

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

package/dist/components/data-display/tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/tooltip/Tooltip.d.ts
@@ -21,7 +21,7 @@ declare const Tooltip: ({
   children,
   classNames,
   ...props
-}: TooltipProps) => react_jsx_runtime14.JSX.Element;
+}: TooltipProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/data-display/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../../../../src/components/data-display/tooltip/Tooltip.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,YAAA;aACC;SACJ;EAFG,MAAA,CAAA,EAAA,MAAY;EAAA,EAAA,CAAA,EAAA,MAAA;UACX,CAAA,EAAA,QAAA,GAAA,cAAA,GAAA,YAAA,GAAA,KAAA,GAAA,WAAA,GAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,WAAA,GAAA,MAAA,GAAA,YAAA,GAAA,UAAA;QACJ,CAAA,EAAA,OAAA;EAAS,SAAA,CAAA,EAAA,OAAA;EA0BL,QAAA,CAAA,EAYZ,OAAA;EAAA,MAAA,CAAA,EAAA,MAAA;YAZuB,CAAA,EAAA;IAAA,OAAA,CAAA,EAAA,MAAA;IAAoC,KAAA,CAAA,EAAA,MAAA;;CAY3D;cAZY;;;;GAA+C,iBAAY,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../../../../src/components/data-display/tooltip/Tooltip.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,YAAA;aACC;SACJ;EAFG,MAAA,CAAA,EAAA,MAAY;EAAA,EAAA,CAAA,EAAA,MAAA;UACX,CAAA,EAAA,QAAA,GAAA,cAAA,GAAA,YAAA,GAAA,KAAA,GAAA,WAAA,GAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,WAAA,GAAA,MAAA,GAAA,YAAA,GAAA,UAAA;QACJ,CAAA,EAAA,OAAA;EAAS,SAAA,CAAA,EAAA,OAAA;EA0BL,QAAA,CAAA,EAYZ,OAAA;EAAA,MAAA,CAAA,EAAA,MAAA;YAZuB,CAAA,EAAA;IAAA,OAAA,CAAA,EAAA,MAAA;IAAoC,KAAA,CAAA,EAAA,MAAA;;CAY3D;cAZY;;;;GAA+C,iBAAY,kBAAA,CAAA,GAAA,CAAA"}

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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as react0 from "react";
 import { ReactNode } from "react";
 import { ZodEffects, ZodObject, ZodRawShape, z } from "zod";
@@ -32,11 +32,11 @@ declare const Form: {
     children,
     className,
     ...props
-  }: FormProps): react_jsx_runtime18.JSX.Element;
+  }: FormProps): react_jsx_runtime8.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime18.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -47,7 +47,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime18.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -59,7 +59,7 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormCheckboxGroupProps): react_jsx_runtime18.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
@@ -77,7 +77,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime18.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -107,20 +107,20 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormRadioGroupProps): react_jsx_runtime18.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodAny, any, any>;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime18.JSX.Element;
+    (props: RadioProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime18.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -131,7 +131,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime18.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -160,7 +160,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime18.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodUnion<[z.ZodType<Date, z.ZodTypeDef, Date>, ZodEffects<z.ZodString, string, string>]>, string | Date, string | Date>;
@@ -171,7 +171,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime18.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => ZodEffects<z.ZodAny, any, any>;
@@ -180,7 +180,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime18.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime8.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":";;;;;;;;;;;;;;;;;;;KAyBY,SAAA;;UAEF,UAAU,eAAe,WAAW,UAAU;;YAE5C,KAAA,CAAM;;;cAIL;;;;;;;;KAOV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAfA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAAA,WAAA,EAAA,MAAA;IAED,KAAA,EAAA;MAAV,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAA8C,CAAA;;eAArB,EAAA;IAEvB,CAAA;MAAA,IAAM;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,iCAAA;IAAS,WAAA,EAAA,MAAA;IAId,KAmCZ,EAAA;MAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,YAAA,EAAA,MAAA,CAAA;;;;;;;;;;UA5BW,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA"}
+{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;KAyBY,SAAA;;UAEF,UAAU,eAAe,WAAW,UAAU;;YAE5C,KAAA,CAAM;;;cAIL;;;;;;;;KAOV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAfA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IAED,KAAA,EAAA;MAAV,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAA8C,CAAA;;eAArB,EAAA;IAEvB,CAAA;MAAA,IAAM;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;IAAS,WAAA,EAAA,MAAA;IAId,KAmCZ,EAAA;MAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,YAAA,EAAA,MAAA,CAAA;;;;;;;;;;UA5BW,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime30 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_runtime30.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { VisuallyHidden, VisuallyHiddenProps };
 //# sourceMappingURL=VisuallyHidden.d.ts.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,8 +26,8 @@
     "rimraf": "^6.0.1",
     "tsdown": "^0.15.6",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "0.0.75",
-    "@mage-ui/styled-system": "0.0.75"
+    "@mage-ui/preset": "0.0.76",
+    "@mage-ui/styled-system": "0.0.76"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",