@mage-ui/components 1.0.63 → 1.0.65

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxCreatableOption.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/ComboboxCreatableOption.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxOptionCreate,\n  comboboxOptionCreateCreate,\n  comboboxOptionCreateIcon,\n  comboboxOptionCreateIconIconRaw,\n  comboboxOptionCreateIconIconRawRoot,\n  comboboxOptionCreateIconRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Icon } from '@/components/data-display';\n\nimport { Dropdown } from '../Dropdown';\nimport { useDropdownContext } from '../DropdownContextProvider';\n\nexport type ComboboxCreatableOptionProps = {\n  creatable: boolean;\n  createText?: string;\n  classNames?: {\n    create?: string;\n    createIcon?: {\n      createIcon?: string;\n      root?: string;\n      iconRaw?: {\n        iconRaw?: string;\n        root?: string;\n      };\n    };\n  };\n};\n\nexport const ComboboxCreatableOption = ({\n  creatable,\n  createText,\n  classNames,\n}: ComboboxCreatableOptionProps) => {\n  const { query, options } = useDropdownContext();\n\n  if (!creatable || !query || query.trim().length === 0) {\n    return null;\n  }\n\n  const isFound = options.some(\n    (item) =>\n      item.value?.toString().toLowerCase().trim() ===\n      query?.toLowerCase().trim(),\n  );\n\n  if (isFound) {\n    return null;\n  }\n\n  return (\n    <Dropdown.Option\n      value={query}\n      onMouseDown={(e) => e.preventDefault()}\n      classNames={{\n        option: cx(\n          classNames?.create ?? comboboxOptionCreate(),\n          comboboxOptionCreateCreate(),\n        ),\n      }}\n    >\n      <Icon\n        path='/icons/sprite-mage.svg'\n        name='mage-combobox-plus'\n        classNames={{\n          icon:\n            classNames?.createIcon?.createIcon ?? comboboxOptionCreateIcon(),\n          root: classNames?.createIcon?.root ?? comboboxOptionCreateIconRoot(),\n          iconRaw: {\n            iconRaw:\n              classNames?.createIcon?.iconRaw?.iconRaw ??\n              comboboxOptionCreateIconIconRaw(),\n            root:\n              classNames?.createIcon?.iconRaw?.root ??\n              comboboxOptionCreateIconIconRawRoot(),\n          },\n        }}\n      />\n      {createText ?? 'Create'} {`'${query}'`}\n    </Dropdown.Option>\n  );\n};\n"],"mappings":"sgBA8BA,MAAa,GAA2B,CACtC,YACA,aACA,gBACkC,CAClC,GAAM,CAAE,QAAO,WAAY,GAAoB,CAgB/C,MAdI,CAAC,GAAa,CAAC,GAAS,EAAM,MAAM,CAAC,SAAW,GAIpC,EAAQ,KACrB,GACC,EAAK,OAAO,UAAU,CAAC,aAAa,CAAC,MAAM,GAC3C,GAAO,aAAa,CAAC,MAAM,CAC9B,CAGQ,KAIP,EAAC,EAAS,OAAA,CACR,MAAO,EACP,YAAc,GAAM,EAAE,gBAAgB,CACtC,WAAY,CACV,OAAQ,EACN,GAAY,QAAU,GAAsB,CAC5C,GAA4B,CAC7B,CACF,WAED,EAAC,EAAA,CACC,KAAK,yBACL,KAAK,qBACL,WAAY,CACV,KACE,GAAY,YAAY,YAAc,GAA0B,CAClE,KAAM,GAAY,YAAY,MAAQ,GAA8B,CACpE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAiC,CACnC,KACE,GAAY,YAAY,SAAS,MACjC,GAAqC,CACxC,CACF,EACD,CACD,GAAc,SAAS,IAAE,IAAI,EAAM,KACpB"}

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,38 @@
+import { DropdownProps } from "../Dropdown.mjs";
+import { ComboboxTargetProps } from "../combobox/ComboboxTarget.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#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;
+  searchStartSlot?: ReactNode;
+  searchWrapperClassName?: 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,
+  searchStartSlot,
+  searchWrapperClassName,
+  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":";;;;;;KAsCY,WAAA,GAAc,IAAA,CACxB,aAAA;EAGA,KAAA;EACA,WAAA;EACA,eAAA;EACA,SAAA;EACA,UAAA;EACA,iBAAA;EACA,eAAA,GAAkB,SAAA;EAClB,sBAAA;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,eAAA;EAAA,sBAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAWpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"../combobox/ComboboxOptions.mjs";import{ComboboxTarget as n}from"../combobox/ComboboxTarget.mjs";import{SelectSearch as r}from"./SelectSearch.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,selectSearchRoot as b,selectSearchWrapper as x,selectTextInput as S,selectTextInputDescription as C,selectTextInputError as w,selectTextInputInput as T,selectTextInputLabel as E,selectTextInputRequired as D,selectTextInputRoot as O,selectTextInputSection as k,selectTextInputWrapper as A}from"@mage-ui/styled-system/recipes";import{jsx as j,jsxs as M}from"react/jsx-runtime";const N=({label:N,placeholder:P,clearButtonText:F,emptyText:I,searchable:L,searchPlaceholder:R,searchStartSlot:z,searchWrapperClassName:B,classNames:V,...H})=>{let{target:U,scrollArea:W,...G}=V||{},{clearButton:K,chevron:q,...J}=U||{},Y=I??(L?`No results`:void 0),X={placeholder:P,label:N,readOnly:!0,closeOnBlur:!L,classNames:{dropdownTextInput:J?.dropdownTextInput??S(),root:J?.root??O(),label:J?.label??E(),description:J?.description??C(),error:J?.error??w(),wrapper:J?.wrapper??A(),input:J?.input??T(),section:J?.section??k(),required:J?.required??D()},clearButtonProps:{label:F,classNames:{clearButton:K?.clearButton??l(),root:K?.root??p(),icon:K?.icon??u(),iconRaw:{iconRaw:K?.iconRaw?.iconRaw??d(),root:K?.iconRaw?.root??f()}}},chevronProps:{classNames:{chevron:q?.chevron??a(),root:q?.root??c(),open:{iconRaw:q?.open?.iconRaw??o(),root:q?.open?.root??s()},close:{iconRaw:q?.close?.iconRaw??o(),root:q?.close?.root??s()}}}};return M(e,{"data-searchable":L,classNames:{dropdown:G?.dropdown??i(),root:G?.root??_(),options:G?.options??g(),option:G?.option??h(),empty:G?.empty??m(),search:{input:G?.search?.input??y(),root:G?.search?.root??b()}},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:W?.dropdownScrollAreaAutosize??v()}},target:j(n,{...X}),...H,children:[L&&j(r,{searchPlaceholder:R,startSlot:z,wrapperClassName:B??x()}),j(t,{emptyProps:{emptyText:Y,classNames:{empty:G?.empty??m()}},creatableProps:{creatable:!1}})]})};export{N 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 type { ReactNode } from 'react';\n\nimport {\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  selectSearchRoot,\n  selectSearchWrapper,\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 { SelectSearch } from './SelectSearch';\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  searchStartSlot?: ReactNode;\n  searchWrapperClassName?: 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  searchStartSlot,\n  searchWrapperClassName,\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: chevronClassNames?.close?.root ?? selectChevronIconRoot(),\n        },\n      },\n    },\n  };\n\n  return (\n    <Dropdown\n      data-searchable={searchable}\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: {\n          input: dropdownClassNames?.search?.input ?? selectSearch(),\n          root: dropdownClassNames?.search?.root ?? selectSearchRoot(),\n        },\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            selectScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      {...props}\n    >\n      {searchable && (\n        <SelectSearch\n          searchPlaceholder={searchPlaceholder}\n          startSlot={searchStartSlot}\n          wrapperClassName={searchWrapperClassName ?? selectSearchWrapper()}\n        />\n      )}\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":"w8BA6DA,MAAa,GAAU,CACrB,QACA,cACA,kBACA,YACA,aACA,oBACA,kBACA,yBACA,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,KAAM,GAAmB,OAAO,MAAQ,GAAuB,CAChE,CACF,CACF,CACF,CAED,OACE,EAAC,EAAA,CACC,kBAAiB,EACjB,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,CACN,MAAO,GAAoB,QAAQ,OAAS,GAAc,CAC1D,KAAM,GAAoB,QAAQ,MAAQ,GAAkB,CAC7D,CACF,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA0B,CAC7B,CACF,CACD,OAAQ,EAAC,EAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,GAAI,YAEH,GACC,EAAC,EAAA,CACoB,oBACnB,UAAW,EACX,iBAAkB,GAA0B,GAAqB,EACjE,CAEJ,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/dropdown/select/SelectSearch.mjs

@@ -0,0 +1,2 @@
+import{useDropdownContext as e}from"../DropdownContextProvider.mjs";import{Dropdown as t}from"../Dropdown.mjs";import{jsx as n}from"react/jsx-runtime";const r=({searchPlaceholder:r,startSlot:i,wrapperClassName:a})=>{let{query:o,setQuery:s,store:c}=e();return n(t.Search,{value:o??``,onChange:e=>{s(e.currentTarget.value),c.updateSelectedOptionIndex()},placeholder:r,leftSection:i,classNames:{wrapper:a}})};export{r as SelectSearch};
+//# sourceMappingURL=SelectSearch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSearch.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/select/SelectSearch.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Dropdown } from '../Dropdown';\nimport { useDropdownContext } from '../DropdownContextProvider';\n\nexport type SelectSearchProps = {\n  searchPlaceholder?: string;\n  startSlot?: ReactNode;\n  wrapperClassName?: string;\n};\n\nexport const SelectSearch = ({\n  searchPlaceholder,\n  startSlot,\n  wrapperClassName,\n}: SelectSearchProps) => {\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      leftSection={startSlot}\n      classNames={{\n        wrapper: wrapperClassName,\n      }}\n    />\n  );\n};\n"],"mappings":"uJAWA,MAAa,GAAgB,CAC3B,oBACA,YACA,sBACuB,CACvB,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,EACb,YAAa,EACb,WAAY,CACV,QAAS,EACV,EACD"}

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/icons/icon-raw/IconRaw.d.mts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/data-display/icons/icon-raw/IconRaw.d.ts
-type IconRawProps = {
+type IconRawProps = ComponentPropsWithoutRef<'svg'> & {
   path: string;
   name: string;
   classNames?: {
@@ -12,7 +12,8 @@ type IconRawProps = {
 declare const IconRaw: ({
   path,
   name,
-  classNames
+  classNames,
+  ...props
 }: IconRawProps) => ReactNode;
 //#endregion
 export { IconRaw, IconRawProps };

package/dist/components/data-display/icons/icon-raw/IconRaw.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"mappings":";;;KAKY,YAAA;EACV,IAAA;EACA,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,IAAA;EAAA,IAAA;EAAA;AAAA,GAIrB,YAAA,KAAe,SAAA"}
+{"version":3,"file":"IconRaw.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"mappings":";;;KAKY,YAAA,GAAe,wBAAA;EACzB,IAAA;EACA,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,IAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAKrB,YAAA,KAAe,SAAA"}

package/dist/components/data-display/icons/icon-raw/IconRaw.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{iconRaw as t,iconRawRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({path:a,name:o,classNames:s})=>i(`svg`,{className:e(s?.iconRaw??t(),s?.root??n()),children:[r(`title`,{children:o}),r(`use`,{href:`${a}#${o}`})]});export{a as IconRaw};
+import{cx as e}from"@mage-ui/styled-system/css";import{iconRaw as t,iconRawRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({path:a,name:o,classNames:s,...c})=>i(`svg`,{...c,className:e(s?.iconRaw??t(),s?.root??n(),c.className),children:[r(`title`,{children:o}),r(`use`,{href:`${a}#${o}`})]});export{a as IconRaw};
 //# sourceMappingURL=IconRaw.mjs.map

package/dist/components/data-display/icons/icon-raw/IconRaw.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { iconRaw, iconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = {\n  path: string;\n  name: string;\n  classNames?: {\n    iconRaw?: string;\n    root?: string;\n  };\n};\n\nexport const IconRaw = ({\n  path,\n  name,\n  classNames,\n}: IconRawProps): ReactNode => {\n  return (\n    <svg\n      className={cx(\n        classNames?.iconRaw ?? iconRaw(),\n        classNames?.root ?? iconRawRoot(),\n      )}\n    >\n      <title>{name}</title>\n      <use href={`${path}#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"4KAcA,MAAa,GAAW,CACtB,OACA,OACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,WAED,EAAC,QAAA,CAAA,SAAO,EAAA,CAAa,CACrB,EAAC,MAAA,CAAI,KAAM,GAAG,EAAK,GAAG,IAAA,CAAU,CAAA,EAC5B"}
+{"version":3,"file":"IconRaw.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { iconRaw, iconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = ComponentPropsWithoutRef<'svg'> & {\n  path: string;\n  name: string;\n  classNames?: {\n    iconRaw?: string;\n    root?: string;\n  };\n};\n\nexport const IconRaw = ({\n  path,\n  name,\n  classNames,\n  ...props\n}: IconRawProps): ReactNode => {\n  return (\n    <svg\n      {...props}\n      className={cx(\n        classNames?.iconRaw ?? iconRaw(),\n        classNames?.root ?? iconRawRoot(),\n        props.className,\n      )}\n    >\n      <title>{name}</title>\n      <use href={`${path}#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"4KAcA,MAAa,GAAW,CACtB,OACA,OACA,aACA,GAAG,KAGD,EAAC,MAAA,CACC,GAAI,EACJ,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,EAAM,UACP,WAED,EAAC,QAAA,CAAA,SAAO,EAAA,CAAa,CACrB,EAAC,MAAA,CAAI,KAAM,GAAG,EAAK,GAAG,IAAA,CAAU,CAAA,EAC5B"}

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

@@ -2,17 +2,29 @@ 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, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./kanban/Kanban.mjs";
+import { KanbanCard, KanbanCardProps } from "./kanban/KanbanCard.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";
 import { LogoSvg, LogoSvgProps } from "./logos/logo-svg/LogoSvg.mjs";
 import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./removable-item/RemovableItem.mjs";
+import { TableClassNames, TableProps } from "./table/TableTypes.mjs";
+import { TableHeadProps } from "./table/TableHead.mjs";
+import { TableBodyProps } from "./table/TableBody.mjs";
+import { TableFootProps } from "./table/TableFoot.mjs";
+import { TableRowProps } from "./table/TableRow.mjs";
+import { TableHeaderCellProps } from "./table/TableHeaderCell.mjs";
+import { TableCellProps } from "./table/TableCell.mjs";
+import { TableCaptionProps } from "./table/TableCaption.mjs";
+import { Table } from "./table/Table.mjs";
 import { Tag, TagProps } from "./tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./uploaded-file/UploadedFile.mjs";

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

@@ -0,0 +1,63 @@
+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;
+  onCardMove?: (move: CardMove) => void;
+  classNames?: {
+    kanban?: string;
+    root?: string;
+    columnWrapper?: string;
+    column?: string;
+  };
+}
+interface CardMove {
+  cardId: string;
+  fromColumnId: string;
+  toColumnId: string;
+  taskAbove: string | null;
+  taskBelow: string | null;
+  position: number;
+}
+declare const Kanban: ({
+  dataSource,
+  configMap,
+  onCardMove,
+  classNames
+}: KanbanProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BoardData, BoardItem, CardMove, 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":";;;;UAgBiB,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,UAEe,SAAA;EACf,IAAA,EAAM,SAAA;EAAA,CACL,GAAA,WAAc,SAAA;AAAA;AAAA,UAEA,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,UAUa,WAAA;EACf,UAAA,EAAY,SAAA;EACZ,SAAA,GAAY,SAAA;EACZ,UAAA,IAAc,IAAA,EAAM,QAAA;EACpB,UAAA;IACE,MAAA;IACA,IAAA;IACA,aAAA;IACA,MAAA;EAAA;AAAA;AAAA,UAIa,QAAA;EACf,MAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;AAAA;AAAA,cAGW,MAAA;EAAU,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA;AAAA,GAKpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{KanbanCard as e}from"./KanbanCard.mjs";import{KanbanCardDragIndicator as t}from"./KanbanCardDragIndicator.mjs";import{KanbanColumnHeader as n}from"./KanbanColumnHeader.mjs";import{KanbanListFooter as r}from"./KanbanListFooter.mjs";import{cx as i}from"@mage-ui/styled-system/css";import{kanban as a,kanbanColumn as o,kanbanRoot as s,kanbanWrapperColumn as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useState as u}from"react";import{Kanban as d,dropHandler as f}from"react-kanban-kit";const p={card:{render:({data:t})=>l(e,{data:t}),isDraggable:!0}},m=({dataSource:e,configMap:m,onCardMove:h,classNames:g})=>{let[_,v]=u(e);return l(d,{dataSource:_,configMap:m??p,renderColumnHeader:e=>l(n,{column:e}),renderCardDragIndicator:()=>l(t,{}),rootClassName:i(g?.kanban??a(),g?.root??s(),`group`),columnWrapperClassName:()=>g?.columnWrapper??c(),columnClassName:()=>g?.column??o(),renderListFooter:()=>l(r,{}),onCardMove:e=>{v(t=>f(e,structuredClone(t),()=>{},e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)+1}),e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)-1}))),h?.(e)}})};export{m 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, useState } from 'react';\nimport { dropHandler, Kanban as KanbanKit } from 'react-kanban-kit';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanban,\n  kanbanColumn,\n  kanbanRoot,\n  kanbanWrapperColumn,\n} from '@mage-ui/styled-system/recipes';\n\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanCardDragIndicator } from './KanbanCardDragIndicator';\nimport { KanbanColumnHeader } from './KanbanColumnHeader';\nimport { KanbanListFooter } from './KanbanListFooter';\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}\nexport interface BoardData {\n  root: BoardItem;\n  [key: string]: BoardItem;\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\nconst defaultConfigMap: ConfigMap = {\n  card: {\n    render: ({ data }: CardRenderProps) => <KanbanCard data={data} />,\n    isDraggable: true,\n  },\n};\nexport interface KanbanProps {\n  dataSource: BoardData;\n  configMap?: ConfigMap;\n  onCardMove?: (move: CardMove) => void;\n  classNames?: {\n    kanban?: string;\n    root?: string;\n    columnWrapper?: string;\n    column?: string;\n  };\n}\n\nexport interface CardMove {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  taskAbove: string | null;\n  taskBelow: string | null;\n  position: number;\n}\n\nexport const Kanban = ({\n  dataSource,\n  configMap,\n  onCardMove,\n  classNames,\n}: KanbanProps) => {\n  const [board, setBoard] = useState<BoardData>(dataSource);\n\n  const handleCardMove = (move: CardMove) => {\n    setBoard(\n      (prev) =>\n        dropHandler(\n          move,\n          structuredClone(prev),\n          () => {},\n          (newColumn) => ({\n            ...newColumn,\n            totalChildrenCount: (newColumn.totalChildrenCount || 0) + 1,\n          }),\n          (sourceColumn) => ({\n            ...sourceColumn,\n            totalChildrenCount: (sourceColumn.totalChildrenCount || 0) - 1,\n          }),\n        ) as BoardData,\n    );\n    onCardMove?.(move);\n  };\n\n  return (\n    <KanbanKit\n      dataSource={board}\n      configMap={configMap ?? defaultConfigMap}\n      renderColumnHeader={(column) => <KanbanColumnHeader column={column} />}\n      renderCardDragIndicator={() => <KanbanCardDragIndicator />}\n      rootClassName={cx(\n        classNames?.kanban ?? kanban(),\n        classNames?.root ?? kanbanRoot(),\n        'group',\n      )}\n      columnWrapperClassName={() =>\n        classNames?.columnWrapper ?? kanbanWrapperColumn()\n      }\n      columnClassName={() => classNames?.column ?? kanbanColumn()}\n      renderListFooter={() => <KanbanListFooter />}\n      onCardMove={handleCardMove}\n    />\n  );\n};\n"],"mappings":"qhBAiDA,MAAM,EAA8B,CAClC,KAAM,CACJ,QAAS,CAAE,UAA4B,EAAC,EAAA,CAAiB,OAAA,CAAQ,CACjE,YAAa,GACd,CACF,CAsBYA,GAAU,CACrB,aACA,YACA,aACA,gBACiB,CACjB,GAAM,CAAC,EAAO,GAAY,EAAoB,EAAW,CAsBzD,OACE,EAACC,EAAAA,CACC,WAAY,EACZ,UAAW,GAAa,EACxB,mBAAqB,GAAW,EAAC,EAAA,CAA2B,SAAA,CAAU,CACtE,4BAA+B,EAAC,EAAA,EAAA,CAA0B,CAC1D,cAAe,EACb,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CAChC,QACD,CACD,2BACE,GAAY,eAAiB,GAAqB,CAEpD,oBAAuB,GAAY,QAAU,GAAc,CAC3D,qBAAwB,EAAC,EAAA,EAAA,CAAmB,CAC5C,WApCoB,GAAmB,CACzC,EACG,GACC,EACE,EACA,gBAAgB,EAAK,KACf,GACL,IAAe,CACd,GAAG,EACH,oBAAqB,EAAU,oBAAsB,GAAK,EAC3D,EACA,IAAkB,CACjB,GAAG,EACH,oBAAqB,EAAa,oBAAsB,GAAK,EAC9D,EACF,CACJ,CACD,IAAa,EAAK,GAoBhB"}

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

@@ -0,0 +1,21 @@
+import { BoardItem } from "./Kanban.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/data-display/kanban/KanbanCard.d.ts
+interface KanbanCardProps {
+  data: BoardItem;
+  classNames?: {
+    card?: string;
+    cardRoot?: string;
+    cardTitle?: string;
+    cardDescription?: string;
+    cardSection?: string;
+  };
+}
+declare const KanbanCard: ({
+  data,
+  classNames
+}: KanbanCardProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { KanbanCard, KanbanCardProps };
+//# sourceMappingURL=KanbanCard.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCard.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCard.tsx"],"mappings":";;;;UAaiB,eAAA;EACf,IAAA,EAAM,SAAA;EACN,UAAA;IACE,IAAA;IACA,QAAA;IACA,SAAA;IACA,eAAA;IACA,WAAA;EAAA;AAAA;AAAA,cAIS,UAAA;EAAc,IAAA;EAAA;AAAA,GAAsB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{Avatar as e}from"../avatar/Avatar.mjs";import{Badge as t}from"../badge/Badge.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{kanbanCard as r,kanbanCardDescription as i,kanbanCardRoot as a,kanbanCardSection as o,kanbanCardTitle as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({data:u,classNames:d})=>l(`div`,{className:n(d?.card??r(),d?.cardRoot??a()),children:[c(`p`,{className:n(d?.cardTitle??s()),children:u.title}),u.content?.description&&c(`p`,{className:n(d?.cardDescription??i()),children:u.content.description}),l(`div`,{className:d?.cardSection??o(),children:[c(e,{name:`John Doe`}),c(t,{children:`ALTA`})]})]});export{u as KanbanCard};
+//# sourceMappingURL=KanbanCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCard.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCard.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanbanCard,\n  kanbanCardDescription,\n  kanbanCardRoot,\n  kanbanCardSection,\n  kanbanCardTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar } from '../avatar/Avatar';\nimport { Badge } from '../badge/Badge';\nimport type { BoardItem } from './Kanban';\n\nexport interface KanbanCardProps {\n  data: BoardItem;\n  classNames?: {\n    card?: string;\n    cardRoot?: string;\n    cardTitle?: string;\n    cardDescription?: string;\n    cardSection?: string;\n  };\n}\n\nexport const KanbanCard = ({ data, classNames }: KanbanCardProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.card ?? kanbanCard(),\n        classNames?.cardRoot ?? kanbanCardRoot(),\n      )}\n    >\n      <p className={cx(classNames?.cardTitle ?? kanbanCardTitle())}>\n        {data.title}\n      </p>\n      {data.content?.description && (\n        <p\n          className={cx(classNames?.cardDescription ?? kanbanCardDescription())}\n        >\n          {data.content.description}\n        </p>\n      )}\n      <div className={classNames?.cardSection ?? kanbanCardSection()}>\n        <Avatar name='John Doe' />\n        <Badge>ALTA</Badge>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"kVAwBA,MAAa,GAAc,CAAE,OAAM,gBAE/B,EAAC,MAAA,CACC,UAAW,EACT,GAAY,MAAQ,GAAY,CAChC,GAAY,UAAY,GAAgB,CACzC,WAED,EAAC,IAAA,CAAE,UAAW,EAAG,GAAY,WAAa,GAAiB,CAAC,UACzD,EAAK,OACJ,CACH,EAAK,SAAS,aACb,EAAC,IAAA,CACC,UAAW,EAAG,GAAY,iBAAmB,GAAuB,CAAC,UAEpE,EAAK,QAAQ,aACZ,CAEN,EAAC,MAAA,CAAI,UAAW,GAAY,aAAe,GAAmB,WAC5D,EAAC,EAAA,CAAO,KAAK,WAAA,CAAa,CAC1B,EAAC,EAAA,CAAA,SAAM,OAAA,CAAY,CAAA,EACf,GACF"}

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

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{kanbanCardDragIndicator as t,kanbanCardDragIndicatorRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i})=>r(`span`,{className:e(i?.cardDragIndicator??t(),i?.cardDragIndicatorRoot??n())});export{i as KanbanCardDragIndicator};
+//# sourceMappingURL=KanbanCardDragIndicator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCardDragIndicator.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardDragIndicator.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanbanCardDragIndicator,\n  kanbanCardDragIndicatorRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport interface KanbanCardDragIndicatorProps {\n  classNames?: {\n    cardDragIndicator?: string;\n    cardDragIndicatorRoot?: string;\n  };\n}\n\nexport const KanbanCardDragIndicator = ({\n  classNames,\n}: KanbanCardDragIndicatorProps) => {\n  return (\n    <span\n      className={cx(\n        classNames?.cardDragIndicator ?? kanbanCardDragIndicator(),\n        classNames?.cardDragIndicatorRoot ?? kanbanCardDragIndicatorRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"kMAaA,MAAa,GAA2B,CACtC,gBAGE,EAAC,OAAA,CACC,UAAW,EACT,GAAY,mBAAqB,GAAyB,CAC1D,GAAY,uBAAyB,GAA6B,CACnE,CAAA,CACD"}

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(),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={classNames?.columnHeaderCount ?? kanbanColumnHeaderCount()}\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,UAAW,GAAY,mBAAqB,GAAyB,UAEpE,EAAO,oBACH,CAAA,EACH"}

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

@@ -0,0 +1,2 @@
+import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{kanbanListFooter as n,kanbanListFooterButtonIcon as r,kanbanListFooterButtonIconIcon as i,kanbanListFooterButtonIconIconRaw as a,kanbanListFooterButtonIconIconRawRoot as o,kanbanListFooterButtonIconRoot as s,kanbanListFooterRoot as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";const u=({onAddTask:u,buttonText:d=`Add task`,classNames:f})=>l(`div`,{className:t(f?.listFooter??n(),f?.listFooterRoot??c()),children:l(e,{onClick:u,label:d,name:`plus`,path:`/icons/sprite-theme.svg`,classNames:{buttonIcon:f?.buttonIcon?.buttonIcon??r(),root:f?.buttonIcon?.root??s(),icon:f?.buttonIcon?.icon??i(),iconRaw:{iconRaw:f?.buttonIcon?.iconRaw?.iconRaw??a(),root:f?.buttonIcon?.iconRaw?.root??o()}}})});export{u as KanbanListFooter};
+//# sourceMappingURL=KanbanListFooter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanListFooter.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanListFooter.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  kanbanListFooter,\n  kanbanListFooterButtonIcon,\n  kanbanListFooterButtonIconIcon,\n  kanbanListFooterButtonIconIconRaw,\n  kanbanListFooterButtonIconIconRawRoot,\n  kanbanListFooterButtonIconRoot,\n  kanbanListFooterRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nexport interface KanbanListFooterProps {\n  onAddTask?: () => void;\n  buttonText?: string;\n  classNames?: {\n    listFooter?: string;\n    listFooterRoot?: string;\n    buttonIcon?: {\n      buttonIcon?: string;\n      root?: string;\n      icon?: string;\n      iconRaw?: {\n        iconRaw?: string;\n        root?: string;\n      };\n    };\n  };\n}\n\nexport const KanbanListFooter = ({\n  onAddTask,\n  buttonText = 'Add task',\n  classNames,\n}: KanbanListFooterProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.listFooter ?? kanbanListFooter(),\n        classNames?.listFooterRoot ?? kanbanListFooterRoot(),\n      )}\n    >\n      <ButtonIcon\n        onClick={onAddTask}\n        label={buttonText}\n        name='plus'\n        path='/icons/sprite-theme.svg'\n        classNames={{\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ?? kanbanListFooterButtonIcon(),\n          root:\n            classNames?.buttonIcon?.root ?? kanbanListFooterButtonIconRoot(),\n          icon:\n            classNames?.buttonIcon?.icon ?? kanbanListFooterButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              kanbanListFooterButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              kanbanListFooterButtonIconIconRawRoot(),\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"obA8BA,MAAa,GAAoB,CAC/B,YACA,aAAa,WACb,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,YAAc,GAAkB,CAC5C,GAAY,gBAAkB,GAAsB,CACrD,UAED,EAAC,EAAA,CACC,QAAS,EACT,MAAO,EACP,KAAK,OACL,KAAK,0BACL,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAA4B,CACpE,KACE,GAAY,YAAY,MAAQ,GAAgC,CAClE,KACE,GAAY,YAAY,MAAQ,GAAgC,CAClE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAmC,CACrC,KACE,GAAY,YAAY,SAAS,MACjC,GAAuC,CAC1C,CACF,EACD,EACE"}

package/dist/components/data-display/table/Table.d.mts

@@ -0,0 +1,51 @@
+import { TableClassNames, TableProps } from "./TableTypes.mjs";
+import { TableHeadProps } from "./TableHead.mjs";
+import { TableBodyProps } from "./TableBody.mjs";
+import { TableFootProps } from "./TableFoot.mjs";
+import { TableRowProps } from "./TableRow.mjs";
+import { TableHeaderCellProps } from "./TableHeaderCell.mjs";
+import { TableCellProps } from "./TableCell.mjs";
+import { TableCaptionProps } from "./TableCaption.mjs";
+import * as react from "react";
+
+//#region src/components/data-display/table/Table.d.ts
+declare const Table: (({
+  children,
+  classNames,
+  scrollable,
+  ...tableProps
+}: TableProps) => react.ReactNode) & {
+  Head: ({
+    classNames,
+    ref,
+    ...props
+  }: TableHeadProps) => react.ReactNode;
+  Body: ({
+    classNames,
+    children,
+    ...props
+  }: TableBodyProps) => react.ReactNode;
+  Foot: ({
+    classNames,
+    ...props
+  }: TableFootProps) => react.ReactNode;
+  Row: ({
+    classNames,
+    ...props
+  }: TableRowProps) => react.ReactNode;
+  HeaderCell: ({
+    classNames,
+    ...props
+  }: TableHeaderCellProps) => react.ReactNode;
+  Cell: ({
+    classNames,
+    ...props
+  }: TableCellProps) => react.ReactNode;
+  Caption: ({
+    classNames,
+    ...props
+  }: TableCaptionProps) => react.ReactNode;
+};
+//#endregion
+export { Table };
+//# sourceMappingURL=Table.d.mts.map

package/dist/components/data-display/table/Table.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.mts","names":[],"sources":["../../../../src/components/data-display/table/Table.tsx"],"mappings":";;;;;;;;;;;cAkBa,KAAA;EAAK,QAAA;EAAA,UAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAAA,UAAA,KAAA,KAAA,CAAA,SAAA"}

package/dist/components/data-display/table/Table.mjs

@@ -0,0 +1,2 @@
+import{TableBody as e}from"./TableBody.mjs";import{TableCaption as t}from"./TableCaption.mjs";import{TableCell as n}from"./TableCell.mjs";import{TableFoot as r}from"./TableFoot.mjs";import{TableHead as i}from"./TableHead.mjs";import{TableHeaderCell as a}from"./TableHeaderCell.mjs";import{TableRoot as o}from"./TableRoot.mjs";import{TableRow as s}from"./TableRow.mjs";const c=Object.assign(o,{Head:i,Body:e,Foot:r,Row:s,HeaderCell:a,Cell:n,Caption:t});export{c as Table};
+//# sourceMappingURL=Table.mjs.map

package/dist/components/data-display/table/Table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","names":[],"sources":["../../../../src/components/data-display/table/Table.tsx"],"sourcesContent":["export type { TableBodyProps } from './TableBody';\nexport type { TableCaptionProps } from './TableCaption';\nexport type { TableCellProps } from './TableCell';\nexport type { TableFootProps } from './TableFoot';\nexport type { TableHeadProps } from './TableHead';\nexport type { TableHeaderCellProps } from './TableHeaderCell';\nexport type { TableRowProps } from './TableRow';\nexport type { TableClassNames, TableProps } from './TableTypes';\n\nimport { TableBody } from './TableBody';\nimport { TableCaption } from './TableCaption';\nimport { TableCell } from './TableCell';\nimport { TableFoot } from './TableFoot';\nimport { TableHead } from './TableHead';\nimport { TableHeaderCell } from './TableHeaderCell';\nimport { TableRoot } from './TableRoot';\nimport { TableRow } from './TableRow';\n\nexport const Table = Object.assign(TableRoot, {\n  Head: TableHead,\n  Body: TableBody,\n  Foot: TableFoot,\n  Row: TableRow,\n  HeaderCell: TableHeaderCell,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n"],"mappings":"gXAkBA,MAAa,EAAQ,OAAO,OAAO,EAAW,CAC5C,KAAM,EACN,KAAM,EACN,KAAM,EACN,IAAK,EACL,WAAY,EACZ,KAAM,EACN,QAAS,EACV,CAAC"}

package/dist/components/data-display/table/TableBody.d.mts

@@ -0,0 +1,11 @@
+import { TableClassNames } from "./TableTypes.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/table/TableBody.d.ts
+type TableBodyProps = {
+  children: ReactNode;
+  classNames?: Pick<TableClassNames, 'tbody'>;
+};
+//#endregion
+export { TableBodyProps };
+//# sourceMappingURL=TableBody.d.mts.map

package/dist/components/data-display/table/TableBody.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"mappings":";;;;KAwCY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}

package/dist/components/data-display/table/TableBody.mjs

@@ -0,0 +1,2 @@
+import{Virtual as e}from"../../misc/virtual/Virtual.mjs";import{useScrollableContext as t}from"./TableContext.mjs";import{Table as n}from"@mantine/core";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{Children as o,cloneElement as s,isValidElement as c}from"react";const l=({height:e})=>e<=0?null:i(`tr`,{"aria-hidden":!0,children:i(`td`,{style:{height:e}})}),u=({item:e})=>{let t=e.row;if(!c(t))return t;let n=t.props.ref;return s(t,{ref:t=>{e.measureRef(t),typeof n==`function`?n(t):n&&(n.current=t)}})},d=({classNames:s,children:c,...d})=>{let f=t();if(f){let t=o.toArray(c);return i(n.Tbody,{className:s?.tbody,...d,children:i(e,{rows:t,estimateSize:f.estimateSize,scrollRef:f.viewportRef,overscan:f.overscan,children:(e,t)=>a(r,{children:[i(l,{height:t.top}),e.map(e=>i(u,{item:e},e.index)),i(l,{height:t.bottom})]})})})}return i(n.Tbody,{className:s?.tbody,...d,children:c})};export{d as TableBody};
+//# sourceMappingURL=TableBody.mjs.map