@mage-ui/components 1.0.62 → 1.0.64

package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.d.mts

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+
+//#region src/components/controls/dropdown/combobox/ComboboxEmptyOption.d.ts
+type ComboboxEmptyOptionProps = {
+  emptyText?: string;
+  classNames?: {
+    empty?: string;
+  };
+};
+//#endregion
+export { ComboboxEmptyOptionProps };
+//# sourceMappingURL=ComboboxEmptyOption.d.mts.map

package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxEmptyOption.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/ComboboxEmptyOption.tsx"],"mappings":";;;KAIY,wBAAA;EACV,SAAA;EACA,UAAA;IACE,KAAA;EAAA;AAAA"}

package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.mjs

@@ -0,0 +1,2 @@
+import{Dropdown as e}from"../Dropdown.mjs";import{comboboxEmpty as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";const r=({emptyText:r,classNames:i})=>r===void 0?null:n(e.Empty,{classNames:{empty:i?.empty??t()},children:r});export{r as ComboboxEmptyOption};
+//# sourceMappingURL=ComboboxEmptyOption.mjs.map

package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxEmptyOption.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/ComboboxEmptyOption.tsx"],"sourcesContent":["import { comboboxEmpty } from '@mage-ui/styled-system/recipes';\n\nimport { Dropdown } from '../Dropdown';\n\nexport type ComboboxEmptyOptionProps = {\n  emptyText?: string;\n  classNames?: {\n    empty?: string;\n  };\n};\n\nexport const ComboboxEmptyOption = ({\n  emptyText,\n  classNames,\n}: ComboboxEmptyOptionProps) => {\n  if (emptyText === undefined) {\n    return null;\n  }\n\n  return (\n    <Dropdown.Empty\n      classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n    >\n      {emptyText}\n    </Dropdown.Empty>\n  );\n};\n"],"mappings":"kJAWA,MAAa,GAAuB,CAClC,YACA,gBAEI,IAAc,IAAA,GACT,KAIP,EAAC,EAAS,MAAA,CACR,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,CAAE,UAE1D,GACc"}

package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs

@@ -0,0 +1,2 @@
+import{useDropdownContext as e}from"../DropdownContextProvider.mjs";import{Dropdown as t}from"../Dropdown.mjs";import{ComboboxCreatableOption as n}from"./ComboboxCreatableOption.mjs";import{ComboboxEmptyOption as r}from"./ComboboxEmptyOption.mjs";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({creatableProps:o,emptyProps:s})=>{let{options:c}=e(),{creatable:l}=o,u=c.map(e=>i(t.Option,{id:e.id.toString(),value:e.value?.toString(),onMouseDown:e=>e.preventDefault(),children:e.value?.toString()},e.id));return a(t.Options,{children:[u,l&&i(n,{...o}),!l&&c.length===0&&i(r,{...s})]})};export{o as ComboboxOptions};
+//# sourceMappingURL=ComboboxOptions.mjs.map

package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOptions.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/ComboboxOptions.tsx"],"sourcesContent":["import { Dropdown } from '../Dropdown';\nimport type { DropdownValue } from '../DropdownContextProvider';\nimport { useDropdownContext } from '../DropdownContextProvider';\nimport {\n  ComboboxCreatableOption,\n  type ComboboxCreatableOptionProps,\n} from './ComboboxCreatableOption';\nimport {\n  ComboboxEmptyOption,\n  type ComboboxEmptyOptionProps,\n} from './ComboboxEmptyOption';\n\nexport const ComboboxOptions = ({\n  creatableProps,\n  emptyProps,\n}: {\n  creatableProps: ComboboxCreatableOptionProps;\n  emptyProps: ComboboxEmptyOptionProps;\n}) => {\n  const { options } = useDropdownContext();\n  const { creatable } = creatableProps;\n\n  const optionsList = options.map((item: DropdownValue) => {\n    return (\n      <Dropdown.Option\n        id={item.id.toString()}\n        value={item.value?.toString() as string}\n        key={item.id}\n        onMouseDown={(e) => e.preventDefault()}\n      >\n        {item.value?.toString()}\n      </Dropdown.Option>\n    );\n  });\n\n  return (\n    <Dropdown.Options>\n      {optionsList}\n      {creatable && <ComboboxCreatableOption {...creatableProps} />}\n      {!creatable && options.length === 0 && (\n        <ComboboxEmptyOption {...emptyProps} />\n      )}\n    </Dropdown.Options>\n  );\n};\n"],"mappings":"ySAYA,MAAa,GAAmB,CAC9B,iBACA,gBAII,CACJ,GAAM,CAAE,WAAY,GAAoB,CAClC,CAAE,aAAc,EAEhB,EAAc,EAAQ,IAAK,GAE7B,EAAC,EAAS,OAAA,CACR,GAAI,EAAK,GAAG,UAAU,CACtB,MAAO,EAAK,OAAO,UAAU,CAE7B,YAAc,GAAM,EAAE,gBAAgB,UAErC,EAAK,OAAO,UAAU,EAHlB,EAAK,GAIM,CAEpB,CAEF,OACE,EAAC,EAAS,QAAA,CAAA,SAAA,CACP,EACA,GAAa,EAAC,EAAA,CAAwB,GAAI,EAAA,CAAkB,CAC5D,CAAC,GAAa,EAAQ,SAAW,GAChC,EAAC,EAAA,CAAoB,GAAI,EAAA,CAAc,GAExB"}

package/dist/components/controls/dropdown/combobox/ComboboxTarget.d.mts

@@ -0,0 +1,8 @@
+import { DropdownTargetTextInputProps } from "../DropdownTargetTextInput.mjs";
+import "react/jsx-runtime";
+
+//#region src/components/controls/dropdown/combobox/ComboboxTarget.d.ts
+type ComboboxTargetProps = DropdownTargetTextInputProps;
+//#endregion
+export { ComboboxTargetProps };
+//# sourceMappingURL=ComboboxTarget.d.mts.map

package/dist/components/controls/dropdown/combobox/ComboboxTarget.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTarget.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/ComboboxTarget.tsx"],"mappings":";;;;KAMY,mBAAA,GAAsB,4BAAA"}

package/dist/components/controls/dropdown/combobox/ComboboxTarget.mjs

@@ -0,0 +1,2 @@
+import{useDropdownContext as e}from"../DropdownContextProvider.mjs";import{DropdownTargetTextInput as t}from"../DropdownTargetTextInput.mjs";import{jsx as n}from"react/jsx-runtime";const r=({...r})=>{let{store:i,setQuery:a}=e();return n(t,{onClick:e=>{e.stopPropagation(),e.preventDefault(),i.openDropdown()},onChange:e=>{e.stopPropagation(),e.preventDefault(),a(e.currentTarget?.value),i.openDropdown()},clearable:!0,showChevron:!0,...r})};export{r as ComboboxTarget};
+//# sourceMappingURL=ComboboxTarget.mjs.map

package/dist/components/controls/dropdown/combobox/ComboboxTarget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTarget.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/ComboboxTarget.tsx"],"sourcesContent":["import { useDropdownContext } from '../DropdownContextProvider';\nimport {\n  DropdownTargetTextInput,\n  type DropdownTargetTextInputProps,\n} from '../DropdownTargetTextInput';\n\nexport type ComboboxTargetProps = DropdownTargetTextInputProps;\n\nexport const ComboboxTarget = ({ ...props }: ComboboxTargetProps) => {\n  const { store, setQuery } = useDropdownContext();\n\n  return (\n    <DropdownTargetTextInput\n      onClick={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        store.openDropdown();\n      }}\n      onChange={(e) => {\n        e.stopPropagation();\n        e.preventDefault();\n        setQuery(e.currentTarget?.value);\n        store.openDropdown();\n      }}\n      clearable={true}\n      showChevron={true}\n      {...props}\n    />\n  );\n};\n"],"mappings":"qLAQA,MAAa,GAAkB,CAAE,GAAG,KAAiC,CACnE,GAAM,CAAE,QAAO,YAAa,GAAoB,CAEhD,OACE,EAAC,EAAA,CACC,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,EAAE,gBAAgB,CAClB,EAAM,cAAc,EAEtB,SAAW,GAAM,CACf,EAAE,iBAAiB,CACnB,EAAE,gBAAgB,CAClB,EAAS,EAAE,eAAe,MAAM,CAChC,EAAM,cAAc,EAEtB,UAAW,GACX,YAAa,GACb,GAAI,GACJ"}

package/dist/components/controls/dropdown/select/Select.d.mts

@@ -0,0 +1,33 @@
+import { DropdownProps } from "../Dropdown.mjs";
+import { ComboboxTargetProps } from "../combobox/ComboboxTarget.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/controls/dropdown/select/Select.d.ts
+type SelectProps = Omit<DropdownProps, 'children' | 'classNames' | 'target'> & {
+  label?: string;
+  placeholder?: string;
+  clearButtonText?: string;
+  emptyText?: string;
+  searchable?: boolean;
+  searchPlaceholder?: string;
+  classNames?: DropdownProps['classNames'] & {
+    target?: ComboboxTargetProps['classNames'] & {
+      clearButton?: NonNullable<ComboboxTargetProps['clearButtonProps']>['classNames'];
+      chevron?: NonNullable<ComboboxTargetProps['chevronProps']>['classNames'];
+    };
+    scrollArea?: NonNullable<DropdownProps['scrollAreaProps']>['classNames'];
+  };
+};
+declare const Select: ({
+  label,
+  placeholder,
+  clearButtonText,
+  emptyText,
+  searchable,
+  searchPlaceholder,
+  classNames,
+  ...props
+}: SelectProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Select, SelectProps };
+//# sourceMappingURL=Select.d.mts.map

package/dist/components/controls/dropdown/select/Select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/select/Select.tsx"],"mappings":";;;;;KAqDY,WAAA,GAAc,IAAA,CACxB,aAAA;EAGA,KAAA;EACA,WAAA;EACA,eAAA;EACA,SAAA;EACA,UAAA;EACA,iBAAA;EACA,UAAA,GAAa,aAAA;IACX,MAAA,GAAS,mBAAA;MACP,WAAA,GAAc,WAAA,CACZ,mBAAA;MAEF,OAAA,GAAU,WAAA,CAAY,mBAAA;IAAA;IAExB,UAAA,GAAa,WAAA,CAAY,aAAA;EAAA;AAAA;AAAA,cAIhB,MAAA;EAAU,KAAA;EAAA,WAAA;EAAA,eAAA;EAAA,SAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GASpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/dropdown/select/Select.mjs

@@ -0,0 +1,2 @@
+import{useDropdownContext as e}from"../DropdownContextProvider.mjs";import{Dropdown as t}from"../Dropdown.mjs";import{ComboboxOptions as n}from"../combobox/ComboboxOptions.mjs";import{ComboboxTarget as r}from"../combobox/ComboboxTarget.mjs";import{select as i,selectChevron as a,selectChevronIcon as o,selectChevronIconRoot as s,selectChevronRoot as c,selectClearButton as l,selectClearButtonIcon as u,selectClearButtonIconRaw as d,selectClearButtonIconRawRoot as f,selectClearButtonRoot as p,selectEmpty as m,selectOption as h,selectOptions as g,selectRoot as _,selectScrollAreaAutosize as v,selectSearch as y,selectTextInput as b,selectTextInputDescription as x,selectTextInputError as S,selectTextInputInput as C,selectTextInputLabel as w,selectTextInputRequired as T,selectTextInputRoot as E,selectTextInputSection as D,selectTextInputWrapper as O}from"@mage-ui/styled-system/recipes";import{jsx as k,jsxs as A}from"react/jsx-runtime";const j=({searchPlaceholder:n})=>{let{query:r,setQuery:i,store:a}=e();return k(t.Search,{value:r??``,onChange:e=>{i(e.currentTarget.value),a.updateSelectedOptionIndex()},placeholder:n})},M=({label:e,placeholder:M,clearButtonText:N,emptyText:P,searchable:F,searchPlaceholder:I,classNames:L,...R})=>{let{target:z,scrollArea:B,...V}=L||{},{clearButton:H,chevron:U,...W}=z||{},G=P??(F?`No results`:void 0),K={placeholder:M,label:e,readOnly:!0,closeOnBlur:!F,classNames:{dropdownTextInput:W?.dropdownTextInput??b(),root:W?.root??E(),label:W?.label??w(),description:W?.description??x(),error:W?.error??S(),wrapper:W?.wrapper??O(),input:W?.input??C(),section:W?.section??D(),required:W?.required??T()},clearButtonProps:{label:N,classNames:{clearButton:H?.clearButton??l(),root:H?.root??p(),icon:H?.icon??u(),iconRaw:{iconRaw:H?.iconRaw?.iconRaw??d(),root:H?.iconRaw?.root??f()}}},chevronProps:{classNames:{chevron:U?.chevron??a(),root:U?.root??c(),open:{iconRaw:U?.open?.iconRaw??o(),root:U?.open?.root??s()},close:{iconRaw:U?.close?.iconRaw??o(),root:U?.close?.root??s({invert:!0})}}}};return A(t,{classNames:{dropdown:V?.dropdown??i(),root:V?.root??_(),options:V?.options??g(),option:V?.option??h(),empty:V?.empty??m(),search:V?.search??y()},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:B?.dropdownScrollAreaAutosize??v()}},target:k(r,{...K}),...R,children:[F&&k(j,{searchPlaceholder:I}),k(n,{emptyProps:{emptyText:G,classNames:{empty:V?.empty??m()}},creatableProps:{creatable:!1}})]})};export{M as Select};
+//# sourceMappingURL=Select.mjs.map

package/dist/components/controls/dropdown/select/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/select/Select.tsx"],"sourcesContent":["import {\n  select,\n  selectChevron,\n  selectChevronIcon,\n  selectChevronIconRoot,\n  selectChevronRoot,\n  selectClearButton,\n  selectClearButtonIcon,\n  selectClearButtonIconRaw,\n  selectClearButtonIconRawRoot,\n  selectClearButtonRoot,\n  selectEmpty,\n  selectOption,\n  selectOptions,\n  selectRoot,\n  selectScrollAreaAutosize,\n  selectSearch,\n  selectTextInput,\n  selectTextInputDescription,\n  selectTextInputError,\n  selectTextInputInput,\n  selectTextInputLabel,\n  selectTextInputRequired,\n  selectTextInputRoot,\n  selectTextInputSection,\n  selectTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ComboboxOptions } from '../combobox/ComboboxOptions';\nimport type { ComboboxTargetProps } from '../combobox/ComboboxTarget';\nimport { ComboboxTarget } from '../combobox/ComboboxTarget';\nimport { Dropdown, type DropdownProps } from '../Dropdown';\nimport { useDropdownContext } from '../DropdownContextProvider';\n\nconst SelectSearch = ({\n  searchPlaceholder,\n}: {\n  searchPlaceholder?: string;\n}) => {\n  const { query, setQuery, store } = useDropdownContext();\n\n  return (\n    <Dropdown.Search\n      value={query ?? ''}\n      onChange={(event) => {\n        setQuery(event.currentTarget.value);\n        store.updateSelectedOptionIndex();\n      }}\n      placeholder={searchPlaceholder}\n    />\n  );\n};\n\nexport type SelectProps = Omit<\n  DropdownProps,\n  'children' | 'classNames' | 'target'\n> & {\n  label?: string;\n  placeholder?: string;\n  clearButtonText?: string;\n  emptyText?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  classNames?: DropdownProps['classNames'] & {\n    target?: ComboboxTargetProps['classNames'] & {\n      clearButton?: NonNullable<\n        ComboboxTargetProps['clearButtonProps']\n      >['classNames'];\n      chevron?: NonNullable<ComboboxTargetProps['chevronProps']>['classNames'];\n    };\n    scrollArea?: NonNullable<DropdownProps['scrollAreaProps']>['classNames'];\n  };\n};\n\nexport const Select = ({\n  label,\n  placeholder,\n  clearButtonText,\n  emptyText,\n  searchable,\n  searchPlaceholder,\n  classNames,\n  ...props\n}: SelectProps) => {\n  const {\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const {\n    clearButton: clearButtonClassNames,\n    chevron: chevronClassNames,\n    ...restTargetClassNames\n  } = targetClassNames || {};\n  const resolvedEmptyText =\n    emptyText ?? (searchable ? 'No results' : undefined);\n\n  const targetProps = {\n    placeholder,\n    label,\n    readOnly: true,\n    closeOnBlur: !searchable,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? selectTextInput(),\n      root: restTargetClassNames?.root ?? selectTextInputRoot(),\n      label: restTargetClassNames?.label ?? selectTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? selectTextInputDescription(),\n      error: restTargetClassNames?.error ?? selectTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? selectTextInputWrapper(),\n      input: restTargetClassNames?.input ?? selectTextInputInput(),\n      section: restTargetClassNames?.section ?? selectTextInputSection(),\n      required: restTargetClassNames?.required ?? selectTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton: clearButtonClassNames?.clearButton ?? selectClearButton(),\n        root: clearButtonClassNames?.root ?? selectClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? selectClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            selectClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            selectClearButtonIconRawRoot(),\n        },\n      },\n    },\n    chevronProps: {\n      classNames: {\n        chevron: chevronClassNames?.chevron ?? selectChevron(),\n        root: chevronClassNames?.root ?? selectChevronRoot(),\n        open: {\n          iconRaw: chevronClassNames?.open?.iconRaw ?? selectChevronIcon(),\n          root: chevronClassNames?.open?.root ?? selectChevronIconRoot(),\n        },\n        close: {\n          iconRaw: chevronClassNames?.close?.iconRaw ?? selectChevronIcon(),\n          root:\n            chevronClassNames?.close?.root ??\n            selectChevronIconRoot({ invert: true }),\n        },\n      },\n    },\n  };\n\n  return (\n    <Dropdown\n      classNames={{\n        dropdown: dropdownClassNames?.dropdown ?? select(),\n        root: dropdownClassNames?.root ?? selectRoot(),\n        options: dropdownClassNames?.options ?? selectOptions(),\n        option: dropdownClassNames?.option ?? selectOption(),\n        empty: dropdownClassNames?.empty ?? selectEmpty(),\n        search: dropdownClassNames?.search ?? selectSearch(),\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            selectScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      {...props}\n    >\n      {searchable && <SelectSearch searchPlaceholder={searchPlaceholder} />}\n      <ComboboxOptions\n        emptyProps={{\n          emptyText: resolvedEmptyText,\n          classNames: {\n            empty: dropdownClassNames?.empty ?? selectEmpty(),\n          },\n        }}\n        creatableProps={{\n          creatable: false,\n        }}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"26BAkCA,MAAM,GAAgB,CACpB,uBAGI,CACJ,GAAM,CAAE,QAAO,WAAU,SAAU,GAAoB,CAEvD,OACE,EAAC,EAAS,OAAA,CACR,MAAO,GAAS,GAChB,SAAW,GAAU,CACnB,EAAS,EAAM,cAAc,MAAM,CACnC,EAAM,2BAA2B,EAEnC,YAAa,GACb,EAyBO,GAAU,CACrB,QACA,cACA,kBACA,YACA,aACA,oBACA,aACA,GAAG,KACc,CACjB,GAAM,CACJ,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CACJ,YAAa,EACb,QAAS,EACT,GAAG,GACD,GAAoB,EAAE,CACpB,EACJ,IAAc,EAAa,aAAe,IAAA,IAEtC,EAAc,CAClB,cACA,QACA,SAAU,GACV,YAAa,CAAC,EACd,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAiB,CAC9D,KAAM,GAAsB,MAAQ,GAAqB,CACzD,MAAO,GAAsB,OAAS,GAAsB,CAC5D,YACE,GAAsB,aAAe,GAA4B,CACnE,MAAO,GAAsB,OAAS,GAAsB,CAC5D,QAAS,GAAsB,SAAW,GAAwB,CAClE,MAAO,GAAsB,OAAS,GAAsB,CAC5D,QAAS,GAAsB,SAAW,GAAwB,CAClE,SAAU,GAAsB,UAAY,GAAyB,CACtE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YAAa,GAAuB,aAAe,GAAmB,CACtE,KAAM,GAAuB,MAAQ,GAAuB,CAC5D,KAAM,GAAuB,MAAQ,GAAuB,CAC5D,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAA0B,CAC5B,KACE,GAAuB,SAAS,MAChC,GAA8B,CACjC,CACF,CACF,CACD,aAAc,CACZ,WAAY,CACV,QAAS,GAAmB,SAAW,GAAe,CACtD,KAAM,GAAmB,MAAQ,GAAmB,CACpD,KAAM,CACJ,QAAS,GAAmB,MAAM,SAAW,GAAmB,CAChE,KAAM,GAAmB,MAAM,MAAQ,GAAuB,CAC/D,CACD,MAAO,CACL,QAAS,GAAmB,OAAO,SAAW,GAAmB,CACjE,KACE,GAAmB,OAAO,MAC1B,EAAsB,CAAE,OAAQ,GAAM,CAAC,CAC1C,CACF,CACF,CACF,CAED,OACE,EAAC,EAAA,CACC,WAAY,CACV,SAAU,GAAoB,UAAY,GAAQ,CAClD,KAAM,GAAoB,MAAQ,GAAY,CAC9C,QAAS,GAAoB,SAAW,GAAe,CACvD,OAAQ,GAAoB,QAAU,GAAc,CACpD,MAAO,GAAoB,OAAS,GAAa,CACjD,OAAQ,GAAoB,QAAU,GAAc,CACrD,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA0B,CAC7B,CACF,CACD,OAAQ,EAAC,EAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,GAAI,YAEH,GAAc,EAAC,EAAA,CAAgC,oBAAA,CAAqB,CACrE,EAAC,EAAA,CACC,WAAY,CACV,UAAW,EACX,WAAY,CACV,MAAO,GAAoB,OAAS,GAAa,CAClD,CACF,CACD,eAAgB,CACd,UAAW,GACZ,EACD,CAAA,EACO"}

package/dist/components/controls/index.d.mts

@@ -1,22 +1,15 @@
-import { Menu, MenuProps } from "../navigations/menu/Menu.mjs";
-import { Combobox, ComboboxProps } from "./combobox/Combobox.mjs";
-import { Autocomplete, AutocompleteProps, OptionProps } from "./autocomplete/Autocomplete.mjs";
 import { Checkbox, CheckboxProps } from "./checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.mjs";
+import { TextInput, TextInputProps } from "./text-input/TextInput.mjs";
+import { Combobox, ComboboxProps } from "./dropdown/combobox/Combobox.mjs";
+import { Autocomplete, AutocompleteProps } from "./dropdown/autocomplete/Autocomplete.mjs";
+import { Select, SelectProps } from "./dropdown/select/Select.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./dropzone/Dropzone.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./file-input/FileInputMultiple.mjs";
-import { MultiSelect, MultiSelectProps } from "./multi-select/MultiSelect.mjs";
-import { MultiSelectTags, MultiSelectTagsProps } from "./multi-select/MultiSelectTags.mjs";
-import { TextInput, TextInputProps } from "./text-input/TextInput.mjs";
 import { PasswordInput, PasswordInputProps } from "./password-input/PasswordInput.mjs";
 import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition, usePasswordRules } from "./password-input/usePasswordRules.mjs";
-import { PasswordInputStrength, PasswordInputStrengthProps } from "./password-input-strength/oldPasswordInputStrength.mjs";
 import { Radio, RadioProps } from "./radio/Radio.mjs";
-import { Select, SelectProps } from "./select/Select.mjs";
-import { Textarea, TextareaProps } from "./textarea/Textarea.mjs";
-import { Chevron, ChevronProps } from "./utils/chevron/Chevron.mjs";
-import { ClearButton, ClearButtonProps } from "./utils/clear-button/ClearButton.mjs";
-import "./utils/index.mjs";
+import { Textarea, TextareaProps } from "./textarea/Textarea.mjs";

package/dist/components/controls/text-input/TextInput.d.mts

@@ -8,6 +8,7 @@ type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {
   error?: ReactNode;
   startSlot?: ReactNode;
   endSlot?: ReactNode;
+  readOnly?: boolean;
   classNames?: {
     textInput?: string;
     root?: string;

package/dist/components/controls/text-input/TextInput.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.mts","names":[],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"mappings":";;;;KAgBY,cAAA,GAAiB,IAAA,CAAK,cAAA;EAChC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,SAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAa,UAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMvB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TextInput.d.mts","names":[],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"mappings":";;;;KAgBY,cAAA,GAAiB,IAAA,CAAK,cAAA;EAChC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,QAAA;EACA,UAAA;IACE,SAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAa,UAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMvB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/text-input/TextInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.mjs","names":["TextInput","MantineTextInput"],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textInput,\n  textInputDescription,\n  textInputError,\n  textInputInput,\n  textInputLabel,\n  textInputRequired,\n  textInputRoot,\n  textInputSection,\n  textInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput as MantineTextInput } from '@mantine/core';\n\nexport type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    textInput?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    required?: string;\n  };\n};\n\nexport const TextInput = ({\n  classNames,\n  required,\n  startSlot,\n  endSlot,\n  ...props\n}: TextInputProps) => {\n  return (\n    <MantineTextInput\n      leftSection={startSlot}\n      rightSection={endSlot}\n      withAsterisk={required}\n      classNames={{\n        root: cx(\n          classNames?.textInput ?? textInput(),\n          classNames?.root ?? textInputRoot(),\n          'group',\n        ),\n        label: classNames?.label ?? textInputLabel(),\n        required: classNames?.required ?? textInputRequired(),\n        description: classNames?.description ?? textInputDescription(),\n        error: classNames?.error ?? textInputError(),\n        wrapper: classNames?.wrapper ?? textInputWrapper(),\n        input: cx(classNames?.input ?? textInputInput(), 'peer'),\n        section: cx(classNames?.section ?? textInputSection(), 'group'),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"yWAmCA,MAAaA,GAAa,CACxB,aACA,WACA,YACA,UACA,GAAG,KAGD,EAACC,EAAAA,CACC,YAAa,EACb,aAAc,EACd,aAAc,EACd,WAAY,CACV,KAAM,EACJ,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACnC,QACD,CACD,MAAO,GAAY,OAAS,GAAgB,CAC5C,SAAU,GAAY,UAAY,GAAmB,CACrD,YAAa,GAAY,aAAe,GAAsB,CAC9D,MAAO,GAAY,OAAS,GAAgB,CAC5C,QAAS,GAAY,SAAW,GAAkB,CAClD,MAAO,EAAG,GAAY,OAAS,GAAgB,CAAE,OAAO,CACxD,QAAS,EAAG,GAAY,SAAW,GAAkB,CAAE,QAAQ,CAChE,CACD,GAAI,GACJ"}
+{"version":3,"file":"TextInput.mjs","names":["TextInput","MantineTextInput"],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textInput,\n  textInputDescription,\n  textInputError,\n  textInputInput,\n  textInputLabel,\n  textInputRequired,\n  textInputRoot,\n  textInputSection,\n  textInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput as MantineTextInput } from '@mantine/core';\n\nexport type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  readOnly?: boolean;\n  classNames?: {\n    textInput?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    required?: string;\n  };\n};\n\nexport const TextInput = ({\n  classNames,\n  required,\n  startSlot,\n  endSlot,\n  ...props\n}: TextInputProps) => {\n  return (\n    <MantineTextInput\n      leftSection={startSlot}\n      rightSection={endSlot}\n      withAsterisk={required}\n      classNames={{\n        root: cx(\n          classNames?.textInput ?? textInput(),\n          classNames?.root ?? textInputRoot(),\n          'group',\n        ),\n        label: classNames?.label ?? textInputLabel(),\n        required: classNames?.required ?? textInputRequired(),\n        description: classNames?.description ?? textInputDescription(),\n        error: classNames?.error ?? textInputError(),\n        wrapper: classNames?.wrapper ?? textInputWrapper(),\n        input: cx(classNames?.input ?? textInputInput(), 'peer'),\n        section: cx(classNames?.section ?? textInputSection(), 'group'),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"yWAoCA,MAAaA,GAAa,CACxB,aACA,WACA,YACA,UACA,GAAG,KAGD,EAACC,EAAAA,CACC,YAAa,EACb,aAAc,EACd,aAAc,EACd,WAAY,CACV,KAAM,EACJ,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACnC,QACD,CACD,MAAO,GAAY,OAAS,GAAgB,CAC5C,SAAU,GAAY,UAAY,GAAmB,CACrD,YAAa,GAAY,aAAe,GAAsB,CAC9D,MAAO,GAAY,OAAS,GAAgB,CAC5C,QAAS,GAAY,SAAW,GAAkB,CAClD,MAAO,EAAG,GAAY,OAAS,GAAgB,CAAE,OAAO,CACxD,QAAS,EAAG,GAAY,SAAW,GAAkB,CAAE,QAAQ,CAChE,CACD,GAAI,GACJ"}

package/dist/components/data-display/description-list/DescriptionList.d.mts

@@ -0,0 +1,36 @@
+import { ReactNode } from "react";
+
+//#region src/components/data-display/description-list/DescriptionList.d.ts
+type DescriptionListClassNames = {
+  descriptionList?: string;
+  root?: string;
+  wrapper?: string;
+  term?: string;
+  description?: string;
+};
+type DescriptionListProps = {
+  children: ReactNode;
+  orientation?: 'horizontal' | 'vertical';
+  classNames?: DescriptionListClassNames;
+};
+type DescriptionListItemProps = {
+  term: ReactNode;
+  description?: ReactNode;
+  children?: ReactNode;
+  classNames?: DescriptionListClassNames;
+};
+declare const DescriptionList: (({
+  children,
+  orientation,
+  classNames
+}: DescriptionListProps) => ReactNode) & {
+  Item: ({
+    term,
+    description,
+    children,
+    classNames
+  }: DescriptionListItemProps) => ReactNode;
+};
+//#endregion
+export { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps };
+//# sourceMappingURL=DescriptionList.d.mts.map

package/dist/components/data-display/description-list/DescriptionList.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.d.mts","names":[],"sources":["../../../../src/components/data-display/description-list/DescriptionList.tsx"],"mappings":";;;KAWY,yBAAA;EACV,eAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA;EACA,WAAA;AAAA;AAAA,KAGU,oBAAA;EACV,QAAA,EAAU,SAAA;EACV,WAAA;EACA,UAAA,GAAa,yBAAA;AAAA;AAAA,KAGH,wBAAA;EACV,IAAA,EAAM,SAAA;EACN,WAAA,GAAc,SAAA;EACd,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,yBAAA;AAAA;AAAA,cA0CF,eAAA;EAAe,QAAA;EAAA,WAAA;EAAA;AAAA,GAnCzB,oBAAA,KAAuB,SAAA;;;;;;KAmBvB,wBAAA,KAA2B,SAAA;AAAA"}

package/dist/components/data-display/description-list/DescriptionList.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{descriptionList as t,descriptionListDescription as n,descriptionListRoot as r,descriptionListTerm as i,descriptionListWrapper as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=Object.assign(({children:n,orientation:i=`vertical`,classNames:a})=>o(`dl`,{"data-orientation":i,className:e(a?.descriptionList??t(),a?.root??r()),children:n}),{Item:({term:e,description:t,children:r,classNames:c})=>{let l=t??r;return s(`div`,{className:c?.wrapper??a(),children:[o(`dt`,{className:c?.term??i(),children:e}),l&&o(`dd`,{className:c?.description??n(),children:l})]})}});export{c as DescriptionList};
+//# sourceMappingURL=DescriptionList.mjs.map

package/dist/components/data-display/description-list/DescriptionList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.mjs","names":[],"sources":["../../../../src/components/data-display/description-list/DescriptionList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  descriptionList,\n  descriptionListDescription,\n  descriptionListRoot,\n  descriptionListTerm,\n  descriptionListWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nexport type DescriptionListClassNames = {\n  descriptionList?: string;\n  root?: string;\n  wrapper?: string;\n  term?: string;\n  description?: string;\n};\n\nexport type DescriptionListProps = {\n  children: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  classNames?: DescriptionListClassNames;\n};\n\nexport type DescriptionListItemProps = {\n  term: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  classNames?: DescriptionListClassNames;\n};\n\nconst Root = ({\n  children,\n  orientation = 'vertical',\n  classNames,\n}: DescriptionListProps): ReactNode => {\n  return (\n    <dl\n      data-orientation={orientation}\n      className={cx(\n        classNames?.descriptionList ?? descriptionList(),\n        classNames?.root ?? descriptionListRoot(),\n      )}\n    >\n      {children}\n    </dl>\n  );\n};\n\nconst Item = ({\n  term,\n  description,\n  children,\n  classNames,\n}: DescriptionListItemProps): ReactNode => {\n  const content = description ?? children;\n\n  return (\n    <div className={classNames?.wrapper ?? descriptionListWrapper()}>\n      <dt className={classNames?.term ?? descriptionListTerm()}>{term}</dt>\n\n      {content && (\n        <dd className={classNames?.description ?? descriptionListDescription()}>\n          {content}\n        </dd>\n      )}\n    </div>\n  );\n};\n\nexport const DescriptionList = Object.assign(Root, {\n  Item,\n});\n"],"mappings":"iRAuEA,MAAa,EAAkB,OAAO,QAvCxB,CACZ,WACA,cAAc,WACd,gBAGE,EAAC,KAAA,CACC,mBAAkB,EAClB,UAAW,EACT,GAAY,iBAAmB,GAAiB,CAChD,GAAY,MAAQ,GAAqB,CAC1C,CAEA,YACE,CAyB0C,CACjD,MAtBY,CACZ,OACA,cACA,WACA,gBACyC,CACzC,IAAM,EAAU,GAAe,EAE/B,OACE,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAwB,WAC7D,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAqB,UAAG,GAAU,CAEpE,GACC,EAAC,KAAA,CAAG,UAAW,GAAY,aAAe,GAA4B,UACnE,GACE,CAAA,EAEH,EAMT,CAAC"}

package/dist/components/data-display/index.d.mts

@@ -2,11 +2,13 @@ import { AssignedUser, AssignedUserProps } from "./assigned-user/AssignedUser.mj
 import { Avatar, AvatarProps } from "./avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./badge/Badge.mjs";
 import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./calendar/Calendar.mjs";
+import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./description-list/DescriptionList.mjs";
 import { Icon, IconProps } from "./icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";
 import { IconSvg, IconSvgProps } from "./icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./indicator/Indicator.mjs";
+import { BoardData, BoardItem, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./kanban/Kanban.mjs";
 import { LoaderDot, LoaderDotProps } from "./loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./logos/logo-image/LogoImage.mjs";

package/dist/components/data-display/kanban/Kanban.d.mts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/kanban/Kanban.d.ts
+interface BoardItem {
+  id: string;
+  title: string;
+  parentId: string | null;
+  children: string[];
+  content?: {
+    description?: string;
+    priority?: string;
+  };
+  type?: string | number;
+  status?: string;
+  totalChildrenCount: number;
+  totalItemsCount?: number;
+  isDraggable?: boolean;
+}
+interface BoardData {
+  root: BoardItem;
+  [key: string]: BoardItem;
+}
+interface CardRenderProps {
+  data: BoardItem;
+  column: BoardItem;
+  index: number;
+  isDraggable: boolean;
+}
+type ConfigMap = {
+  [type: string]: {
+    render: (props: CardRenderProps) => ReactNode;
+    isDraggable?: boolean;
+  };
+};
+interface KanbanProps {
+  dataSource: BoardData;
+  configMap: ConfigMap;
+  classNames?: {
+    kanban?: string;
+    root?: string;
+    columnWrapper?: string;
+  };
+}
+declare const Kanban: ({
+  dataSource,
+  configMap,
+  classNames
+}: KanbanProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BoardData, BoardItem, CardRenderProps, ConfigMap, Kanban, KanbanProps };
+//# sourceMappingURL=Kanban.d.mts.map

package/dist/components/data-display/kanban/Kanban.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"mappings":";;;;UAYiB,SAAA;EACf,EAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA;IACE,WAAA;IACA,QAAA;EAAA;EAEF,IAAA;EACA,MAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;AAAA;AAAA,UAGe,SAAA;EACf,IAAA,EAAM,SAAA;EAAA,CACL,GAAA,WAAc,SAAA;AAAA;AAAA,UAGA,eAAA;EACf,IAAA,EAAM,SAAA;EACN,MAAA,EAAQ,SAAA;EACR,KAAA;EACA,WAAA;AAAA;AAAA,KAGU,SAAA;EAAA,CACT,IAAA;IACC,MAAA,GAAS,KAAA,EAAO,eAAA,KAAoB,SAAA;IACpC,WAAA;EAAA;AAAA;AAAA,UAIa,WAAA;EACf,UAAA,EAAY,SAAA;EACZ,SAAA,EAAW,SAAA;EACX,UAAA;IACE,MAAA;IACA,IAAA;IACA,aAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,UAAA;EAAA,SAAA;EAAA;AAAA,GAAuC,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/kanban/Kanban.mjs

@@ -0,0 +1,2 @@
+import{KanbanColumnHeader as e}from"./KanbanColumnHeader.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{kanban as n,kanbanRoot as r,kanbanWrapperColumn as i}from"@mage-ui/styled-system/recipes";import{jsx as a}from"react/jsx-runtime";import{Kanban as o}from"react-kanban-kit";const s=({dataSource:s,configMap:c,classNames:l})=>a(o,{dataSource:s,configMap:c,renderColumnHeader:t=>a(e,{column:t}),rootClassName:t(l?.kanban??n(),l?.root??r()),columnWrapperClassName:()=>l?.columnWrapper??i(),columnClassName:()=>``,columnListContentClassName:()=>``,cardWrapperClassName:``});export{s as Kanban};
+//# sourceMappingURL=Kanban.mjs.map

package/dist/components/data-display/kanban/Kanban.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.mjs","names":["Kanban","KanbanKit"],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Kanban as KanbanKit } from 'react-kanban-kit';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanban,\n  kanbanRoot,\n  kanbanWrapperColumn,\n} from '@mage-ui/styled-system/recipes';\n\nimport { KanbanColumnHeader } from './KanbanColumnHeader';\n\nexport interface BoardItem {\n  id: string;\n  title: string;\n  parentId: string | null;\n  children: string[];\n  content?: {\n    description?: string;\n    priority?: string;\n  };\n  type?: string | number;\n  status?: string;\n  totalChildrenCount: number;\n  totalItemsCount?: number;\n  isDraggable?: boolean;\n}\n\nexport interface BoardData {\n  root: BoardItem;\n  [key: string]: BoardItem;\n}\n\nexport interface CardRenderProps {\n  data: BoardItem;\n  column: BoardItem;\n  index: number;\n  isDraggable: boolean;\n}\n\nexport type ConfigMap = {\n  [type: string]: {\n    render: (props: CardRenderProps) => ReactNode;\n    isDraggable?: boolean;\n  };\n};\n\nexport interface KanbanProps {\n  dataSource: BoardData;\n  configMap: ConfigMap;\n  classNames?: {\n    kanban?: string;\n    root?: string;\n    columnWrapper?: string;\n  };\n}\n\nexport const Kanban = ({ dataSource, configMap, classNames }: KanbanProps) => {\n  return (\n    <KanbanKit\n      dataSource={dataSource}\n      configMap={configMap}\n      renderColumnHeader={(column) => <KanbanColumnHeader column={column} />}\n      rootClassName={cx(\n        classNames?.kanban ?? kanban(),\n        classNames?.root ?? kanbanRoot(),\n      )}\n      columnWrapperClassName={() =>\n        classNames?.columnWrapper ?? kanbanWrapperColumn()\n      }\n      columnClassName={() => ''}\n      columnListContentClassName={() => ''}\n      cardWrapperClassName={''}\n    />\n  );\n};\n"],"mappings":"iSAyDA,MAAaA,GAAU,CAAE,aAAY,YAAW,gBAE5C,EAACC,EAAAA,CACa,aACD,YACX,mBAAqB,GAAW,EAAC,EAAA,CAA2B,SAAA,CAAU,CACtE,cAAe,EACb,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CACjC,CACD,2BACE,GAAY,eAAiB,GAAqB,CAEpD,oBAAuB,GACvB,+BAAkC,GAClC,qBAAsB,IACtB"}

package/dist/components/data-display/kanban/KanbanColumnHeader.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{kanbanColumnHeader as t,kanbanColumnHeaderCount as n,kanbanColumnHeaderRoot as r,kanbanColumnHeaderTitle as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({column:s,classNames:c})=>o(`div`,{className:e(c?.columnHeader??t(),c?.columnHeaderRoot??r()),children:[a(`p`,{className:c?.columnHeaderTitle??i(),children:s.title}),a(`span`,{className:c?.columnHeaderCount??n({status:s.status}),children:s.totalChildrenCount})]});export{s as KanbanColumnHeader};
+//# sourceMappingURL=KanbanColumnHeader.mjs.map

package/dist/components/data-display/kanban/KanbanColumnHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanColumnHeader.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanColumnHeader.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanbanColumnHeader,\n  kanbanColumnHeaderCount,\n  kanbanColumnHeaderRoot,\n  kanbanColumnHeaderTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { BoardItem } from './Kanban';\n\nexport interface KanbanColumnHeaderProps {\n  column: BoardItem;\n  classNames?: {\n    columnHeader?: string;\n    columnHeaderRoot?: string;\n    columnHeaderTitle?: string;\n    columnHeaderCount?: string;\n  };\n}\n\nexport const KanbanColumnHeader = ({\n  column,\n  classNames,\n}: KanbanColumnHeaderProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.columnHeader ?? kanbanColumnHeader(),\n        classNames?.columnHeaderRoot ?? kanbanColumnHeaderRoot(),\n      )}\n    >\n      <p className={classNames?.columnHeaderTitle ?? kanbanColumnHeaderTitle()}>\n        {column.title}\n      </p>\n      <span\n        className={\n          classNames?.columnHeaderCount ??\n          kanbanColumnHeaderCount({ status: column.status })\n        }\n      >\n        {column.totalChildrenCount}\n      </span>\n    </div>\n  );\n};\n"],"mappings":"4PAoBA,MAAa,GAAsB,CACjC,SACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAoB,CAChD,GAAY,kBAAoB,GAAwB,CACzD,WAED,EAAC,IAAA,CAAE,UAAW,GAAY,mBAAqB,GAAyB,UACrE,EAAO,OACN,CACJ,EAAC,OAAA,CACC,UACE,GAAY,mBACZ,EAAwB,CAAE,OAAQ,EAAO,OAAQ,CAAC,UAGnD,EAAO,oBACH,CAAA,EACH"}

package/dist/components/index.d.mts

@@ -5,20 +5,28 @@ import { ButtonIcon, ButtonIconProps } from "./buttons/button-icon/ButtonIcon.mj
 import { ButtonIconVisual, ButtonIconVisualProps } from "./buttons/button-icon-visual/ButtonIconVisual.mjs";
 import { ButtonVisual, ButtonVisualProps } from "./buttons/button-visual/ButtonVisual.mjs";
 import "./buttons/index.mjs";
-import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
-import { Combobox, ComboboxProps } from "./controls/combobox/Combobox.mjs";
-import { Autocomplete, AutocompleteProps, OptionProps } from "./controls/autocomplete/Autocomplete.mjs";
 import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
+import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
+import { ScrollArea, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
+import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
+import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
+import "./misc/index.mjs";
+import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
+import { Combobox, ComboboxProps } from "./controls/dropdown/combobox/Combobox.mjs";
+import { Autocomplete, AutocompleteProps } from "./controls/dropdown/autocomplete/Autocomplete.mjs";
+import { Select, SelectProps } from "./controls/dropdown/select/Select.mjs";
 import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
 import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
+import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./data-display/description-list/DescriptionList.mjs";
 import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
 import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
 import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
+import { BoardData, BoardItem, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./data-display/kanban/Kanban.mjs";
 import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
@@ -34,18 +42,11 @@ import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.
 import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";
-import { MultiSelect, MultiSelectProps } from "./controls/multi-select/MultiSelect.mjs";
-import { MultiSelectTags, MultiSelectTagsProps } from "./controls/multi-select/MultiSelectTags.mjs";
-import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
 import { PasswordInput, PasswordInputProps } from "./controls/password-input/PasswordInput.mjs";
 import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./controls/password-input/PasswordStrengthInput.mjs";
 import { PasswordRuleDefinition, usePasswordRules } from "./controls/password-input/usePasswordRules.mjs";
-import { PasswordInputStrength, PasswordInputStrengthProps } from "./controls/password-input-strength/oldPasswordInputStrength.mjs";
 import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
-import { Select, SelectProps } from "./controls/select/Select.mjs";
 import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
-import { Chevron, ChevronProps } from "./controls/utils/chevron/Chevron.mjs";
-import { ClearButton, ClearButtonProps } from "./controls/utils/clear-button/ClearButton.mjs";
 import "./controls/index.mjs";
 import { Form, FormProps } from "./forms/Form.mjs";
 import { PASSWORD_RULES } from "./forms/rules/password-rules.mjs";
@@ -55,13 +56,9 @@ import { Card, CardProps } from "./layouts/card/Card.mjs";
 import { FluidGrid, FluidGridProps } from "./layouts/fluid-grid/FluidGrid.mjs";
 import { Grid, GridClassNames } from "./layouts/grid/Grid.mjs";
 import "./layouts/index.mjs";
-import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
-import { ScrollArea, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
-import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
-import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
-import "./misc/index.mjs";
 import { BreadcrumbsBarProps } from "./navigations/breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
+import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
 import "./navigations/index.mjs";
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";

package/dist/components/misc/scroll-area/ScrollArea.d.mts

@@ -18,12 +18,9 @@ type ScrollAreaProps = {
   };
 };
 declare const ScrollArea: ({
-  scrollbars,
-  type,
-  scrollbarSize,
-  offsetScrollbars,
   children,
-  classNames
+  classNames,
+  ...props
 }: ScrollAreaProps) => ReactNode;
 //#endregion
 export { ScrollArea, ScrollAreaProps };

package/dist/components/misc/scroll-area/ScrollArea.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,QAAA;IACA,OAAA;IACA,SAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,QAAA;EAAA;AAAA,GAOxB,eAAA,KAAkB,SAAA"}
+{"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,QAAA;IACA,OAAA;IACA,SAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAkB,SAAA"}

package/dist/components/misc/scroll-area/ScrollArea.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{scrollArea as t,scrollAreaContent as n,scrollAreaCorner as r,scrollAreaRoot as i,scrollAreaScrollbar as a,scrollAreaThumb as o,scrollAreaViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,children:m,classNames:h})=>l(c,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,classNames:{root:e(h?.scrollArea??t(),h?.root??i()),viewport:h?.viewport??s(),content:h?.content??n(),scrollbar:h?.scrollbar??a(),thumb:h?.thumb??o(),corner:h?.corner??r()},children:m});export{u as ScrollArea};
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollArea as t,scrollAreaContent as n,scrollAreaCorner as r,scrollAreaRoot as i,scrollAreaScrollbar as a,scrollAreaThumb as o,scrollAreaViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({children:u,classNames:d,...f})=>l(c,{classNames:{root:e(d?.scrollArea??t(),d?.root??i()),viewport:d?.viewport??s(),content:d?.content??n(),scrollbar:d?.scrollbar??a(),thumb:d?.thumb??o(),corner:d?.corner??r()},...f,children:u});export{u as ScrollArea};
 //# sourceMappingURL=ScrollArea.mjs.map

package/dist/components/misc/scroll-area/ScrollArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  children,\n  classNames,\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,WACA,gBAGE,EAACC,EAAAA,CACa,aACN,OACS,gBACG,mBAClB,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAEA,YACiB"}
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  children,\n  classNames,\n  ...props\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts

@@ -6,13 +6,10 @@ type ScrollAreaAutosizeProps = {
   mah: string | number;
 } & ScrollAreaProps;
 declare const ScrollAreaAutosize: ({
-  scrollbars,
-  type,
-  scrollbarSize,
-  offsetScrollbars,
   mah,
   children,
-  classNames
+  classNames,
+  ...props
 }: ScrollAreaAutosizeProps) => ReactNode;
 //#endregion
 export { ScrollAreaAutosize, ScrollAreaAutosizeProps };

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAgBY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,GAQhC,uBAAA,KAA0B,SAAA"}
+{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAgBY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,GAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAKhC,uBAAA,KAA0B,SAAA"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({mah:u,children:d,classNames:f,...p})=>l(c.Autosize,{mah:u,classNames:{root:e(f?.scrollArea??t(),f?.root??i()),viewport:f?.viewport??s(),content:f?.content??n(),scrollbar:f?.scrollbar??a(),thumb:f?.thumb??o(),corner:f?.corner??r()},...p,children:d});export{u as ScrollAreaAutosize};
 //# sourceMappingURL=ScrollAreaAutosize.mjs.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MACA,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}
+{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  mah,\n  children,\n  classNames,\n  ...props\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,MACA,WACA,aACA,GAAG,KAGD,EAACA,EAAkB,SAAA,CACZ,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CACD,GAAI,EAEH,YAC0B"}

package/dist/components/navigations/index.d.mts

@@ -1,4 +1,4 @@
-import { Menu, MenuProps } from "./menu/Menu.mjs";
 import { BreadcrumbsBarProps } from "./breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
+import { Menu, MenuProps } from "./menu/Menu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";

package/dist/components/overlays/modal/Modal.d.mts

@@ -1,5 +1,5 @@
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal-types.mjs";
-import { ModalRegistry, ModalRegistryEntry, registerModal } from "./modal-registry.mjs";
+import { ModalRegistry, ModalRegistryEntry } from "./modal-registry.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react from "react";
 import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
@@ -14,7 +14,7 @@ declare const Modal: (({
     children: react.ReactNode;
     modals?: ModalRegistry;
   }>;
-  register: typeof registerModal;
+  register: <T extends ModalRegistryEntry>(id: string, entry: T) => T;
   show: (modal: unknown, args?: Record<string, unknown>) => Promise<unknown>;
   hide: typeof _ebay_nice_modal_react0.hide;
   Overlay: {

package/dist/components/overlays/modal/Modal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;;;;cAsBa,KAAA;EAAK,EAAA;EAAA,GAAA;AAAA,GAAA,UAAA,KAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAAA,KAAA,CAAA,SAAA;;;;yBAIK,IAAA,GAAS,MAAA,sBAAuB,OAAA;eAAA,uBAAA,CAAA,IAAA"}
+{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;;;;cA8Da,KAAA;EAAK,EAAA;EAAA,GAAA;AAAA,GAAA,UAAA,KAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAAA,KAAA,CAAA,SAAA;;;;yBAlBF,IAAA,GACP,MAAA,sBACN,OAAA;eAAO,uBAAA,CAAA,IAAA"}

package/dist/components/overlays/modal/Modal.mjs

@@ -1,2 +1,2 @@
-import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalFooter as r,ModalHeader as i,ModalOverlay as a,ModalTitle as o}from"./modal-primitives.mjs";import{ModalInner as s}from"./modal-core.mjs";import{ModalProvider as c,registerModal as l}from"./modal-registry.mjs";import u,{unregister as d}from"@ebay/nice-modal-react";const f=Object.assign(s,{displayName:`Modal`,Provider:c,register:l,show:(e,t)=>(d(t?.id),u.show(e,t)),hide:u.hide,Overlay:a,Content:n,Header:i,Body:e,Title:o,CloseButton:t,Footer:r});export{f as Modal};
+import{trackManagedId as e,untrackManagedId as t}from"./modal-managed-ids.mjs";import{ModalBody as n,ModalCloseButton as r,ModalContent as i,ModalFooter as a,ModalHeader as o,ModalOverlay as s,ModalTitle as c}from"./modal-primitives.mjs";import{ModalInner as l}from"./modal-core.mjs";import{ModalProvider as u,registerModal as d}from"./modal-registry.mjs";import f,{unregister as p}from"@ebay/nice-modal-react";const m=e=>{if(!(typeof e!=`function`&&typeof e!=`object`))for(let t of Object.getOwnPropertySymbols(e)){let n=e[t];if(typeof n==`string`)return n}},h=e=>{let n=m(e);n&&(t(n),p(n))},g=t=>{let n=m(t);n&&e(n)},_=Object.assign(l,{displayName:`Modal`,Provider:u,register:d,show:(e,t)=>{p(t?.id),h(e);let n=f.show(e,t);return g(e),n},hide:f.hide,Overlay:s,Content:i,Header:o,Body:n,Title:c,CloseButton:r,Footer:a});export{_ as Modal};
 //# sourceMappingURL=Modal.mjs.map

package/dist/components/overlays/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import NiceModal, { unregister } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport {\n  ModalBody,\n  ModalCloseButton,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalOverlay,\n  ModalTitle,\n} from './modal-primitives';\nimport { ModalProvider, registerModal } from './modal-registry';\n\nexport type { ModalRegistry, ModalRegistryEntry } from './modal-registry';\nexport type {\n  ModalClassNames,\n  ModalIntent,\n  ModalProps,\n  ModalRootProps,\n} from './modal-types';\n\nexport const Modal = Object.assign(ModalInner, {\n  displayName: 'Modal' as const,\n  Provider: ModalProvider,\n  register: registerModal,\n  show: (modal: unknown, args?: Record<string, unknown>) => {\n    unregister(args?.id as string);\n    return (\n      NiceModal.show as (\n        modal: unknown,\n        args?: Record<string, unknown>,\n      ) => Promise<unknown>\n    )(modal, args);\n  },\n  hide: NiceModal.hide,\n  Overlay: ModalOverlay,\n  Content: ModalContent,\n  Header: ModalHeader,\n  Body: ModalBody,\n  Title: ModalTitle,\n  CloseButton: ModalCloseButton,\n  Footer: ModalFooter,\n});\n"],"mappings":"4UAsBA,MAAa,EAAQ,OAAO,OAAO,EAAY,CAC7C,YAAa,QACb,SAAU,EACV,SAAU,EACV,MAAO,EAAgB,KACrB,EAAW,GAAM,GAAa,CAE5B,EAAU,KAIV,EAAO,EAAK,EAEhB,KAAM,EAAU,KAChB,QAAS,EACT,QAAS,EACT,OAAQ,EACR,KAAM,EACN,MAAO,EACP,YAAa,EACb,OAAQ,EACT,CAAC"}
+{"version":3,"file":"Modal.mjs","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import NiceModal, { unregister } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport {\n  ModalBody,\n  ModalCloseButton,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalOverlay,\n  ModalTitle,\n} from './modal-primitives';\nimport { ModalProvider, registerModal } from './modal-registry';\n\nexport type { ModalRegistry, ModalRegistryEntry } from './modal-registry';\nexport type {\n  ModalClassNames,\n  ModalIntent,\n  ModalProps,\n  ModalRootProps,\n} from './modal-types';\n\nconst getNiceModalId = (modal: unknown): string | undefined => {\n  if (typeof modal !== 'function' && typeof modal !== 'object') return;\n  for (const sym of Object.getOwnPropertySymbols(modal as object)) {\n    const val = (modal as Record<symbol, unknown>)[sym];\n    if (typeof val === 'string') return val;\n  }\n};\n\nconst resetModalRegistration = (modal: unknown): void => {\n  const id = getNiceModalId(modal);\n  if (!id) return;\n  untrackManagedId(id);\n  unregister(id);\n};\n\nconst protectModalRegistration = (modal: unknown): void => {\n  const id = getNiceModalId(modal);\n  if (id) trackManagedId(id);\n};\n\nconst showModal = (\n  modal: unknown,\n  args?: Record<string, unknown>,\n): Promise<unknown> => {\n  unregister(args?.id as string);\n  resetModalRegistration(modal);\n\n  const result = (\n    NiceModal.show as (\n      modal: unknown,\n      args?: Record<string, unknown>,\n    ) => Promise<unknown>\n  )(modal, args);\n\n  protectModalRegistration(modal);\n\n  return result;\n};\n\nexport const Modal = Object.assign(ModalInner, {\n  displayName: 'Modal' as const,\n  Provider: ModalProvider,\n  register: registerModal,\n  show: showModal,\n  hide: NiceModal.hide,\n  Overlay: ModalOverlay,\n  Content: ModalContent,\n  Header: ModalHeader,\n  Body: ModalBody,\n  Title: ModalTitle,\n  CloseButton: ModalCloseButton,\n  Footer: ModalFooter,\n});\n"],"mappings":"2ZAuBA,MAAM,EAAkB,GAAuC,CACzD,YAAO,GAAU,YAAc,OAAO,GAAU,UACpD,IAAK,IAAM,KAAO,OAAO,sBAAsB,EAAgB,CAAE,CAC/D,IAAM,EAAO,EAAkC,GAC/C,GAAI,OAAO,GAAQ,SAAU,OAAO,IAIlC,EAA0B,GAAyB,CACvD,IAAM,EAAK,EAAe,EAAM,CAC3B,IACL,EAAiB,EAAG,CACpB,EAAW,EAAG,GAGV,EAA4B,GAAyB,CACzD,IAAM,EAAK,EAAe,EAAM,CAC5B,GAAI,EAAe,EAAG,EAsBf,EAAQ,OAAO,OAAO,EAAY,CAC7C,YAAa,QACb,SAAU,EACV,SAAU,EACV,MAtBA,EACA,IACqB,CACrB,EAAW,GAAM,GAAa,CAC9B,EAAuB,EAAM,CAE7B,IAAM,EACJ,EAAU,KAIV,EAAO,EAAK,CAId,OAFA,EAAyB,EAAM,CAExB,GAQP,KAAM,EAAU,KAChB,QAAS,EACT,QAAS,EACT,OAAQ,EACR,KAAM,EACN,MAAO,EACP,YAAa,EACb,OAAQ,EACT,CAAC"}

package/dist/components/overlays/modal/modal-core.mjs

@@ -1,2 +1,2 @@
-import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalHeader as r,ModalOverlay as i,ModalRoot as a,ModalTitle as o}from"./modal-primitives.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import l,{useEffect as u,useState as d}from"react";import f,{unregister as p,useModal as m}from"@ebay/nice-modal-react";const h=[`Modal.Header`,`Modal.Body`,`Modal.Content`,`Modal.Overlay`,`Modal.Title`,`Modal.CloseButton`,`Modal.Footer`],g=({opened:u,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:g,keepMounted:_,intent:v,classNames:y,title:b,withCloseButton:x=!0,children:S})=>{let C=l.Children.toArray(S).some(e=>{if(!l.isValidElement(e))return!1;let t=e.type;return t.displayName&&h.includes(t.displayName)}),w={opened:u,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:g,keepMounted:_,intent:v,classNames:y};if(C)return s(a,{...w,children:S});let T=!!b||x;return c(a,{...w,children:[s(i,{}),c(n,{children:[T&&c(r,{children:[b&&s(o,{children:b}),x&&s(t,{})]}),s(e,{children:S})]})]})},_=f.create(({onClose:e,children:t,...n})=>{let r=m(),[i,a]=d(!1);return u(()=>{if(r.visible){let e=requestAnimationFrame(()=>{a(!0)});return()=>cancelAnimationFrame(e)}a(!1)},[r.visible]),s(g,{opened:i,onClose:()=>{e?.(),r.hide()},...n,children:t})}),v=({id:e,...t})=>(p(e),f.register(e,()=>s(_,{id:e,...t})),s(_,{id:e,...t}));export{v as ModalInner};
+import{isManagedId as e}from"./modal-managed-ids.mjs";import{ModalBody as t,ModalCloseButton as n,ModalContent as r,ModalHeader as i,ModalOverlay as a,ModalRoot as o,ModalTitle as s}from"./modal-primitives.mjs";import{jsx as c,jsxs as l}from"react/jsx-runtime";import u,{useEffect as d,useState as f}from"react";import p,{unregister as m,useModal as h}from"@ebay/nice-modal-react";const g=[`Modal.Header`,`Modal.Body`,`Modal.Content`,`Modal.Overlay`,`Modal.Title`,`Modal.CloseButton`,`Modal.Footer`],_=({opened:e,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:h,keepMounted:_,intent:v,classNames:y,title:b,withCloseButton:x=!0,children:S})=>{let C=u.Children.toArray(S).some(e=>{if(!u.isValidElement(e))return!1;let t=e.type;return t.displayName&&g.includes(t.displayName)}),w={opened:e,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:h,keepMounted:_,intent:v,classNames:y};if(C)return c(o,{...w,children:S});let T=!!b||x;return l(o,{...w,children:[c(a,{}),l(r,{children:[T&&l(i,{children:[b&&c(s,{children:b}),x&&c(n,{})]}),c(t,{children:S})]})]})},v=p.create(({onClose:e,children:t,...n})=>{let r=h(),[i,a]=f(!1);return d(()=>{if(r.visible){let e=requestAnimationFrame(()=>{a(!0)});return()=>cancelAnimationFrame(e)}a(!1)},[r.visible]),c(_,{opened:i,onClose:()=>{e?.(),r.hide()},...n,children:t})}),y=({id:t,...n})=>(t!=null&&!e(t)&&(m(t),p.register(t,()=>c(v,{id:t,...n}))),c(v,{id:t,...n}));export{y as ModalInner};
 //# sourceMappingURL=modal-core.mjs.map