@mage-ui/components 1.0.64 → 1.0.65

package/dist/components/controls/dropdown/Dropdown.d.mts

@@ -6,6 +6,9 @@ import "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/dropdown/Dropdown.d.ts
+type DataAttributes = {
+  [key: `data-${string}`]: string | number | boolean | undefined;
+};
 type DropdownProps = {
   children: ReactNode;
   withinPortal?: boolean;
@@ -16,7 +19,10 @@ type DropdownProps = {
     options?: string;
     option?: string;
     empty?: string;
-    search?: string;
+    search?: {
+      root?: string;
+      input?: string;
+    };
   };
   target: ReactNode;
   options: DropdownValue[];
@@ -27,7 +33,7 @@ type DropdownProps = {
   };
   dropdownHeight?: number | string;
   shouldFilter?: boolean;
-};
+} & DataAttributes;
 //#endregion
 export { DropdownProps };
 //# sourceMappingURL=Dropdown.d.mts.map

package/dist/components/controls/dropdown/Dropdown.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.mts","names":[],"sources":["../../../../src/components/controls/dropdown/Dropdown.tsx"],"mappings":";;;;;;;;KAoBY,aAAA;EACV,QAAA,EAAU,SAAA;EACV,YAAA;EACA,WAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,MAAA;EAAA;EAEF,MAAA,EAAQ,SAAA;EACR,OAAA,EAAS,aAAA;EACT,eAAA,GAAkB,OAAA,CAChB,IAAA,CAAK,uBAAA;IAEL,UAAA,GAAa,IAAA,CACX,WAAA,CAAY,uBAAA;MAGZ,0BAAA;IAAA;EAAA;EAGJ,cAAA;EACA,YAAA;AAAA"}
+{"version":3,"file":"Dropdown.d.mts","names":[],"sources":["../../../../src/components/controls/dropdown/Dropdown.tsx"],"mappings":";;;;;;;;KAoBK,cAAA;EAAA,CACF,GAAA;AAAA;AAAA,KAGS,aAAA;EACV,QAAA,EAAU,SAAA;EACV,YAAA;EACA,WAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,MAAA;MACE,IAAA;MACA,KAAA;IAAA;EAAA;EAGJ,MAAA,EAAQ,SAAA;EACR,OAAA,EAAS,aAAA;EACT,eAAA,GAAkB,OAAA,CAChB,IAAA,CAAK,uBAAA;IAEL,UAAA,GAAa,IAAA,CACX,WAAA,CAAY,uBAAA;MAGZ,0BAAA;IAAA;EAAA;EAGJ,cAAA;EACA,YAAA;AAAA,IACE,cAAA"}

package/dist/components/controls/dropdown/Dropdown.mjs

@@ -1,2 +1,2 @@
-import{ScrollAreaAutosize as e}from"../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{DropdownContextProvider as t,useDropdownContext as n}from"./DropdownContextProvider.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{dropdown as i,dropdownEmpty as a,dropdownOption as o,dropdownOptions as s,dropdownRoot as c,dropdownScrollAreaAutosize as l}from"@mage-ui/styled-system/recipes";import{Combobox as u}from"@mantine/core";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({children:t,classNames:p,target:m,scrollAreaProps:h,dropdownHeight:g=192,..._})=>{let{store:v,setValue:y}=n();return f(u,{width:`target`,store:v,withinPortal:!0,keepMounted:!1,onOptionSubmit:e=>{y(e)},classNames:{dropdown:r(p?.dropdown??i(),p?.root??c()),options:p?.options??s(),option:p?.option??o(),empty:p?.empty??a(),search:p?.search},..._,children:[d(u.Target,{children:m}),d(u.Dropdown,{children:d(e,{type:`scroll`,mah:g,classNames:{scrollArea:h?.classNames?.dropdownScrollAreaAutosize??l()},...h,children:t})})]})};function m({options:e,shouldFilter:n=!0,...r}){return d(t,{options:e,shouldFilter:n,children:d(p,{...r})})}m.Options=u.Options,m.Options.displayName=`Dropdown.Options`,m.Option=u.Option,m.Option.displayName=`Dropdown.Option`,m.Empty=u.Empty,m.Empty.displayName=`Dropdown.Empty`,m.Search=u.Search,m.Search.displayName=`Dropdown.Search`,m.EventsTarget=u.EventsTarget,m.EventsTarget.displayName=`Dropdown.EventsTarget`;export{m as Dropdown};
+import{ScrollAreaAutosize as e}from"../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{DropdownContextProvider as t,useDropdownContext as n}from"./DropdownContextProvider.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{dropdown as i,dropdownEmpty as a,dropdownOption as o,dropdownOptions as s,dropdownRoot as c,dropdownScrollAreaAutosize as l}from"@mage-ui/styled-system/recipes";import{Combobox as u}from"@mantine/core";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({children:t,classNames:p,target:m,scrollAreaProps:h,dropdownHeight:g=192,..._})=>{let{store:v,setValue:y}=n(),b=Object.fromEntries(Object.entries(_).filter(([e])=>e.startsWith(`data-`))),x=Object.fromEntries(Object.entries(_).filter(([e])=>!e.startsWith(`data-`)));return f(u,{width:`target`,store:v,withinPortal:!0,keepMounted:!1,onOptionSubmit:e=>{y(e)},classNames:{dropdown:r(p?.dropdown??i(),p?.root??c()),options:p?.options??s(),option:p?.option??o(),empty:p?.empty??a(),search:r(p?.search?.root,p?.search?.input)},...x,children:[d(u.Target,{children:m}),d(u.Dropdown,{...b,children:d(e,{type:`scroll`,mah:g,classNames:{scrollArea:h?.classNames?.dropdownScrollAreaAutosize??l()},...h,children:t})})]})};function m({options:e,shouldFilter:n=!0,...r}){return d(t,{options:e,shouldFilter:n,children:d(p,{...r})})}m.Options=u.Options,m.Options.displayName=`Dropdown.Options`,m.Option=u.Option,m.Option.displayName=`Dropdown.Option`,m.Empty=u.Empty,m.Empty.displayName=`Dropdown.Empty`,m.Search=u.Search,m.Search.displayName=`Dropdown.Search`,m.EventsTarget=u.EventsTarget,m.EventsTarget.displayName=`Dropdown.EventsTarget`;export{m as Dropdown};
 //# sourceMappingURL=Dropdown.mjs.map

package/dist/components/controls/dropdown/Dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.mjs","names":["MantineCombobox"],"sources":["../../../../src/components/controls/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropdown,\n  dropdownEmpty,\n  dropdownOption,\n  dropdownOptions,\n  dropdownRoot,\n  dropdownScrollAreaAutosize,\n} from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox } from '@mantine/core';\n\nimport { ScrollAreaAutosize, type ScrollAreaAutosizeProps } from '../../misc';\nimport {\n  DropdownContextProvider,\n  type DropdownValue,\n  useDropdownContext,\n} from './DropdownContextProvider';\n\nexport type DropdownProps = {\n  children: ReactNode;\n  withinPortal?: boolean;\n  keepMounted?: boolean;\n  classNames?: {\n    dropdown?: string;\n    root?: string;\n    options?: string;\n    option?: string;\n    empty?: string;\n    search?: string;\n  };\n  target: ReactNode;\n  options: DropdownValue[];\n  scrollAreaProps?: Partial<\n    Omit<ScrollAreaAutosizeProps, 'children' | 'classNames'>\n  > & {\n    classNames?: Omit<\n      NonNullable<ScrollAreaAutosizeProps['classNames']>,\n      'scrollArea'\n    > & {\n      dropdownScrollAreaAutosize?: string;\n    };\n  };\n  dropdownHeight?: number | string;\n  shouldFilter?: boolean;\n};\n\nconst DropdownContent = ({\n  children,\n  classNames,\n  target,\n  scrollAreaProps,\n  dropdownHeight = 192,\n  ...props\n}: Omit<DropdownProps, 'options'>) => {\n  const { store, setValue } = useDropdownContext();\n\n  return (\n    <MantineCombobox\n      width='target'\n      store={store}\n      withinPortal={true}\n      keepMounted={false}\n      onOptionSubmit={(option) => {\n        setValue(option);\n      }}\n      classNames={{\n        dropdown: cx(\n          classNames?.dropdown ?? dropdown(),\n          classNames?.root ?? dropdownRoot(),\n        ),\n        options: classNames?.options ?? dropdownOptions(),\n        option: classNames?.option ?? dropdownOption(),\n        empty: classNames?.empty ?? dropdownEmpty(),\n        search: classNames?.search,\n      }}\n      {...props}\n    >\n      <MantineCombobox.Target>{target}</MantineCombobox.Target>\n      <MantineCombobox.Dropdown>\n        <ScrollAreaAutosize\n          type='scroll'\n          mah={dropdownHeight}\n          classNames={{\n            scrollArea:\n              scrollAreaProps?.classNames?.dropdownScrollAreaAutosize ??\n              dropdownScrollAreaAutosize(),\n          }}\n          {...scrollAreaProps}\n        >\n          {children}\n        </ScrollAreaAutosize>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nexport function Dropdown({\n  options,\n  shouldFilter = true,\n  ...props\n}: DropdownProps) {\n  return (\n    <DropdownContextProvider options={options} shouldFilter={shouldFilter}>\n      <DropdownContent {...props} />\n    </DropdownContextProvider>\n  );\n}\n\nDropdown.Options = MantineCombobox.Options;\nDropdown.Options.displayName = 'Dropdown.Options';\nDropdown.Option = MantineCombobox.Option;\nDropdown.Option.displayName = 'Dropdown.Option';\nDropdown.Empty = MantineCombobox.Empty;\nDropdown.Empty.displayName = 'Dropdown.Empty';\nDropdown.Search = MantineCombobox.Search;\nDropdown.Search.displayName = 'Dropdown.Search';\nDropdown.EventsTarget = MantineCombobox.EventsTarget;\nDropdown.EventsTarget.displayName = 'Dropdown.EventsTarget';\n"],"mappings":"+eAgDA,MAAM,GAAmB,CACvB,WACA,aACA,SACA,kBACA,iBAAiB,IACjB,GAAG,KACiC,CACpC,GAAM,CAAE,QAAO,YAAa,GAAoB,CAEhD,OACE,EAACA,EAAAA,CACC,MAAM,SACC,QACP,aAAc,GACd,YAAa,GACb,eAAiB,GAAW,CAC1B,EAAS,EAAO,EAElB,WAAY,CACV,SAAU,EACR,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,QAAS,GAAY,SAAW,GAAiB,CACjD,OAAQ,GAAY,QAAU,GAAgB,CAC9C,MAAO,GAAY,OAAS,GAAe,CAC3C,OAAQ,GAAY,OACrB,CACD,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,EAAA,CAAgC,CACzD,EAACA,EAAgB,SAAA,CAAA,SACf,EAAC,EAAA,CACC,KAAK,SACL,IAAK,EACL,WAAY,CACV,WACE,GAAiB,YAAY,4BAC7B,GAA4B,CAC/B,CACD,GAAI,EAEH,YACkB,CAAA,CACI,CAAA,EACX,EAItB,SAAgB,EAAS,CACvB,UACA,eAAe,GACf,GAAG,GACa,CAChB,OACE,EAAC,EAAA,CAAiC,UAAuB,wBACvD,EAAC,EAAA,CAAgB,GAAI,EAAA,CAAS,EACN,CAI9B,EAAS,QAAUA,EAAgB,QACnC,EAAS,QAAQ,YAAc,mBAC/B,EAAS,OAASA,EAAgB,OAClC,EAAS,OAAO,YAAc,kBAC9B,EAAS,MAAQA,EAAgB,MACjC,EAAS,MAAM,YAAc,iBAC7B,EAAS,OAASA,EAAgB,OAClC,EAAS,OAAO,YAAc,kBAC9B,EAAS,aAAeA,EAAgB,aACxC,EAAS,aAAa,YAAc"}
+{"version":3,"file":"Dropdown.mjs","names":["MantineCombobox"],"sources":["../../../../src/components/controls/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropdown,\n  dropdownEmpty,\n  dropdownOption,\n  dropdownOptions,\n  dropdownRoot,\n  dropdownScrollAreaAutosize,\n} from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox } from '@mantine/core';\n\nimport { ScrollAreaAutosize, type ScrollAreaAutosizeProps } from '../../misc';\nimport {\n  DropdownContextProvider,\n  type DropdownValue,\n  useDropdownContext,\n} from './DropdownContextProvider';\n\ntype DataAttributes = {\n  [key: `data-${string}`]: string | number | boolean | undefined;\n};\n\nexport type DropdownProps = {\n  children: ReactNode;\n  withinPortal?: boolean;\n  keepMounted?: boolean;\n  classNames?: {\n    dropdown?: string;\n    root?: string;\n    options?: string;\n    option?: string;\n    empty?: string;\n    search?: {\n      root?: string;\n      input?: string;\n    };\n  };\n  target: ReactNode;\n  options: DropdownValue[];\n  scrollAreaProps?: Partial<\n    Omit<ScrollAreaAutosizeProps, 'children' | 'classNames'>\n  > & {\n    classNames?: Omit<\n      NonNullable<ScrollAreaAutosizeProps['classNames']>,\n      'scrollArea'\n    > & {\n      dropdownScrollAreaAutosize?: string;\n    };\n  };\n  dropdownHeight?: number | string;\n  shouldFilter?: boolean;\n} & DataAttributes;\n\nconst DropdownContent = ({\n  children,\n  classNames,\n  target,\n  scrollAreaProps,\n  dropdownHeight = 192,\n  ...props\n}: Omit<DropdownProps, 'options'>) => {\n  const { store, setValue } = useDropdownContext();\n  const dataAttributes = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith('data-')),\n  ) as DataAttributes;\n  const comboboxProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => !key.startsWith('data-')),\n  );\n\n  return (\n    <MantineCombobox\n      width='target'\n      store={store}\n      withinPortal={true}\n      keepMounted={false}\n      onOptionSubmit={(option) => {\n        setValue(option);\n      }}\n      classNames={{\n        dropdown: cx(\n          classNames?.dropdown ?? dropdown(),\n          classNames?.root ?? dropdownRoot(),\n        ),\n        options: classNames?.options ?? dropdownOptions(),\n        option: classNames?.option ?? dropdownOption(),\n        empty: classNames?.empty ?? dropdownEmpty(),\n        search: cx(classNames?.search?.root, classNames?.search?.input),\n      }}\n      {...comboboxProps}\n    >\n      <MantineCombobox.Target>{target}</MantineCombobox.Target>\n      <MantineCombobox.Dropdown {...dataAttributes}>\n        <ScrollAreaAutosize\n          type='scroll'\n          mah={dropdownHeight}\n          classNames={{\n            scrollArea:\n              scrollAreaProps?.classNames?.dropdownScrollAreaAutosize ??\n              dropdownScrollAreaAutosize(),\n          }}\n          {...scrollAreaProps}\n        >\n          {children}\n        </ScrollAreaAutosize>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nexport function Dropdown({\n  options,\n  shouldFilter = true,\n  ...props\n}: DropdownProps) {\n  return (\n    <DropdownContextProvider options={options} shouldFilter={shouldFilter}>\n      <DropdownContent {...props} />\n    </DropdownContextProvider>\n  );\n}\n\nDropdown.Options = MantineCombobox.Options;\nDropdown.Options.displayName = 'Dropdown.Options';\nDropdown.Option = MantineCombobox.Option;\nDropdown.Option.displayName = 'Dropdown.Option';\nDropdown.Empty = MantineCombobox.Empty;\nDropdown.Empty.displayName = 'Dropdown.Empty';\nDropdown.Search = MantineCombobox.Search;\nDropdown.Search.displayName = 'Dropdown.Search';\nDropdown.EventsTarget = MantineCombobox.EventsTarget;\nDropdown.EventsTarget.displayName = 'Dropdown.EventsTarget';\n"],"mappings":"+eAuDA,MAAM,GAAmB,CACvB,WACA,aACA,SACA,kBACA,iBAAiB,IACjB,GAAG,KACiC,CACpC,GAAM,CAAE,QAAO,YAAa,GAAoB,CAC1C,EAAiB,OAAO,YAC5B,OAAO,QAAQ,EAAM,CAAC,QAAQ,CAAC,KAAS,EAAI,WAAW,QAAQ,CAAC,CACjE,CACK,EAAgB,OAAO,YAC3B,OAAO,QAAQ,EAAM,CAAC,QAAQ,CAAC,KAAS,CAAC,EAAI,WAAW,QAAQ,CAAC,CAClE,CAED,OACE,EAACA,EAAAA,CACC,MAAM,SACC,QACP,aAAc,GACd,YAAa,GACb,eAAiB,GAAW,CAC1B,EAAS,EAAO,EAElB,WAAY,CACV,SAAU,EACR,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,QAAS,GAAY,SAAW,GAAiB,CACjD,OAAQ,GAAY,QAAU,GAAgB,CAC9C,MAAO,GAAY,OAAS,GAAe,CAC3C,OAAQ,EAAG,GAAY,QAAQ,KAAM,GAAY,QAAQ,MAAM,CAChE,CACD,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,EAAA,CAAgC,CACzD,EAACA,EAAgB,SAAA,CAAS,GAAI,WAC5B,EAAC,EAAA,CACC,KAAK,SACL,IAAK,EACL,WAAY,CACV,WACE,GAAiB,YAAY,4BAC7B,GAA4B,CAC/B,CACD,GAAI,EAEH,YACkB,EACI,CAAA,EACX,EAItB,SAAgB,EAAS,CACvB,UACA,eAAe,GACf,GAAG,GACa,CAChB,OACE,EAAC,EAAA,CAAiC,UAAuB,wBACvD,EAAC,EAAA,CAAgB,GAAI,EAAA,CAAS,EACN,CAI9B,EAAS,QAAUA,EAAgB,QACnC,EAAS,QAAQ,YAAc,mBAC/B,EAAS,OAASA,EAAgB,OAClC,EAAS,OAAO,YAAc,kBAC9B,EAAS,MAAQA,EAAgB,MACjC,EAAS,MAAM,YAAc,iBAC7B,EAAS,OAASA,EAAgB,OAClC,EAAS,OAAO,YAAc,kBAC9B,EAAS,aAAeA,EAAgB,aACxC,EAAS,aAAa,YAAc"}

package/dist/components/controls/dropdown/DropdownChevron.mjs

@@ -1,2 +1,2 @@
-import{IconRaw as e}from"../../data-display/icons/icon-raw/IconRaw.mjs";import{IconWrapped as t}from"../../data-display/icons/icon-wrapped/IconWrapped.mjs";import{dropdownChevron as n,dropdownChevronIcon as r,dropdownChevronIconRoot as i,dropdownChevronRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({chevronOpen:c=`mage-dropdown-chevron-down`,chevronClose:l=`mage-dropdown-chevron-up`,path:u=`/icons/sprite-mage.svg`,classNames:d})=>s(t,{classNames:{iconWrapped:d?.chevron??n(),root:d?.root??a()},children:[o(e,{path:u,name:c,classNames:{iconRaw:d?.open?.iconRaw??r(),root:d?.open?.root??i()}}),o(e,{path:u,name:l||c,classNames:{iconRaw:d?.close?.iconRaw??r(),root:d?.close?.root??i({invert:!0})}})]});export{c as DropdownChevron};
+import{IconRaw as e}from"../../data-display/icons/icon-raw/IconRaw.mjs";import{IconWrapped as t}from"../../data-display/icons/icon-wrapped/IconWrapped.mjs";import{dropdownChevron as n,dropdownChevronIcon as r,dropdownChevronIconRoot as i,dropdownChevronRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({chevronOpen:c=`mage-dropdown-chevron-down`,chevronClose:l=`mage-dropdown-chevron-up`,path:u=`/icons/sprite-mage.svg`,classNames:d})=>s(t,{classNames:{iconWrapped:d?.chevron??n(),root:d?.root??a()},children:[o(e,{path:u,name:c,classNames:{iconRaw:d?.open?.iconRaw??r(),root:d?.open?.root??i()}}),o(e,{path:u,name:l||c,"data-scope":`close`,classNames:{iconRaw:d?.close?.iconRaw??r(),root:d?.close?.root??i()}})]});export{c as DropdownChevron};
 //# sourceMappingURL=DropdownChevron.mjs.map

package/dist/components/controls/dropdown/DropdownChevron.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownChevron.mjs","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownChevron.tsx"],"sourcesContent":["import {\n  dropdownChevron,\n  dropdownChevronIcon,\n  dropdownChevronIconRoot,\n  dropdownChevronRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display/icons/icon-raw/IconRaw';\nimport { IconWrapped } from '@/components/data-display/icons/icon-wrapped/IconWrapped';\n\nexport type DropdownChevronProps = {\n  chevronOpen?: string;\n  chevronClose?: string;\n  path?: string;\n  classNames?: {\n    chevron?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const DropdownChevron = ({\n  chevronOpen = 'mage-dropdown-chevron-down',\n  chevronClose = 'mage-dropdown-chevron-up',\n  path = '/icons/sprite-mage.svg',\n  classNames,\n}: DropdownChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.chevron ?? dropdownChevron(),\n        root: classNames?.root ?? dropdownChevronRoot(),\n      }}\n    >\n      <IconRaw\n        path={path}\n        name={chevronOpen}\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? dropdownChevronIcon(),\n          root: classNames?.open?.root ?? dropdownChevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        path={path}\n        name={chevronClose || chevronOpen}\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? dropdownChevronIcon(),\n          root:\n            classNames?.close?.root ??\n            dropdownChevronIconRoot({ invert: true }),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"8VA2BA,MAAa,GAAmB,CAC9B,cAAc,6BACd,eAAe,2BACf,OAAO,yBACP,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,SAAW,GAAiB,CACrD,KAAM,GAAY,MAAQ,GAAqB,CAChD,WAED,EAAC,EAAA,CACO,OACN,KAAM,EACN,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAqB,CAC3D,KAAM,GAAY,MAAM,MAAQ,GAAyB,CAC1D,EACD,CACF,EAAC,EAAA,CACO,OACN,KAAM,GAAgB,EACtB,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAqB,CAC5D,KACE,GAAY,OAAO,MACnB,EAAwB,CAAE,OAAQ,GAAM,CAAC,CAC5C,EACD,CAAA,EACU"}
+{"version":3,"file":"DropdownChevron.mjs","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownChevron.tsx"],"sourcesContent":["import {\n  dropdownChevron,\n  dropdownChevronIcon,\n  dropdownChevronIconRoot,\n  dropdownChevronRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display/icons/icon-raw/IconRaw';\nimport { IconWrapped } from '@/components/data-display/icons/icon-wrapped/IconWrapped';\n\nexport type DropdownChevronProps = {\n  chevronOpen?: string;\n  chevronClose?: string;\n  path?: string;\n  classNames?: {\n    chevron?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const DropdownChevron = ({\n  chevronOpen = 'mage-dropdown-chevron-down',\n  chevronClose = 'mage-dropdown-chevron-up',\n  path = '/icons/sprite-mage.svg',\n  classNames,\n}: DropdownChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.chevron ?? dropdownChevron(),\n        root: classNames?.root ?? dropdownChevronRoot(),\n      }}\n    >\n      <IconRaw\n        path={path}\n        name={chevronOpen}\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? dropdownChevronIcon(),\n          root: classNames?.open?.root ?? dropdownChevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        path={path}\n        name={chevronClose || chevronOpen}\n        data-scope='close'\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? dropdownChevronIcon(),\n          root: classNames?.close?.root ?? dropdownChevronIconRoot(),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"8VA2BA,MAAa,GAAmB,CAC9B,cAAc,6BACd,eAAe,2BACf,OAAO,yBACP,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,SAAW,GAAiB,CACrD,KAAM,GAAY,MAAQ,GAAqB,CAChD,WAED,EAAC,EAAA,CACO,OACN,KAAM,EACN,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAqB,CAC3D,KAAM,GAAY,MAAM,MAAQ,GAAyB,CAC1D,EACD,CACF,EAAC,EAAA,CACO,OACN,KAAM,GAAgB,EACtB,aAAW,QACX,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAqB,CAC5D,KAAM,GAAY,OAAO,MAAQ,GAAyB,CAC3D,EACD,CAAA,EACU"}

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

@@ -1,2 +1,2 @@
-import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"./ComboboxOptions.mjs";import{ComboboxTarget as ee}from"./ComboboxTarget.mjs";import{combobox as n,comboboxChevron as r,comboboxChevronIcon as i,comboboxChevronIconRoot as a,comboboxChevronRoot as o,comboboxClearButton as s,comboboxClearButtonIcon as c,comboboxClearButtonIconRaw as l,comboboxClearButtonIconRawRoot as u,comboboxClearButtonRoot as d,comboboxEmpty as f,comboboxOption as p,comboboxOptionCreateIcon as m,comboboxOptionCreateIconIconRaw as h,comboboxOptionCreateIconIconRawRoot as g,comboboxOptionCreateIconRoot as _,comboboxOptions as v,comboboxRoot as y,comboboxScrollAreaAutosize as b,comboboxTextInput as x,comboboxTextInputDescription as S,comboboxTextInputError as C,comboboxTextInputInput as w,comboboxTextInputLabel as T,comboboxTextInputRequired as E,comboboxTextInputRoot as D,comboboxTextInputSection as O,comboboxTextInputWrapper as k}from"@mage-ui/styled-system/recipes";import{jsx as A}from"react/jsx-runtime";const j=({label:j,placeholder:M,creatable:N,clearButtonText:P,emptyText:F=`No results`,classNames:I,...L})=>{let{creatable:R,empty:z,target:B,scrollArea:V,...H}=I||{},{clearButton:U,chevron:W,...G}=B||{},K={placeholder:M,label:j,classNames:{dropdownTextInput:G?.dropdownTextInput??x(),root:G?.root??D(),label:G?.label??T(),description:G?.description??S(),error:G?.error??C(),wrapper:G?.wrapper??k(),input:G?.input??w(),section:G?.section??O(),required:G?.required??E()},clearButtonProps:{label:P,classNames:{clearButton:U?.clearButton??s(),root:U?.root??d(),icon:U?.icon??c(),iconRaw:{iconRaw:U?.iconRaw?.iconRaw??l(),root:U?.iconRaw?.root??u()}}},chevronProps:{classNames:{chevron:W?.chevron??r(),root:W?.root??o(),open:{iconRaw:W?.open?.iconRaw??i(),root:W?.open?.root??a()},close:{iconRaw:W?.close?.iconRaw??i(),root:W?.close?.root??a({invert:!0})}}}},q=H?.dropdown??n(),J=H?.root??y(),Y=H?.options??v(),X=H?.option??p(),Z=z?.empty??f(),Q=H?.search,$={emptyText:F,classNames:{empty:z?.empty??Z}},te={creatable:N??!1,classNames:{create:R?.create,createIcon:{createIcon:R?.createIcon?.createIcon??m(),root:R?.createIcon?.root??_(),iconRaw:{iconRaw:R?.createIcon?.iconRaw?.iconRaw??h(),root:R?.createIcon?.iconRaw?.root??g()}}}};return A(e,{classNames:{dropdown:q,root:J,options:Y,option:X,empty:Z,search:Q},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:V?.dropdownScrollAreaAutosize??b()}},target:A(ee,{...K}),...L,children:A(t,{emptyProps:$,creatableProps:te})})};export{j as Combobox};
+import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"./ComboboxOptions.mjs";import{ComboboxTarget as ee}from"./ComboboxTarget.mjs";import{combobox as n,comboboxChevron as r,comboboxChevronIcon as i,comboboxChevronIconRoot as a,comboboxChevronRoot as o,comboboxClearButton as s,comboboxClearButtonIcon as c,comboboxClearButtonIconRaw as l,comboboxClearButtonIconRawRoot as u,comboboxClearButtonRoot as d,comboboxEmpty as f,comboboxOption as p,comboboxOptionCreateIcon as m,comboboxOptionCreateIconIconRaw as h,comboboxOptionCreateIconIconRawRoot as g,comboboxOptionCreateIconRoot as _,comboboxOptions as v,comboboxRoot as y,comboboxScrollAreaAutosize as b,comboboxTextInput as x,comboboxTextInputDescription as S,comboboxTextInputError as C,comboboxTextInputInput as w,comboboxTextInputLabel as T,comboboxTextInputRequired as E,comboboxTextInputRoot as D,comboboxTextInputSection as O,comboboxTextInputWrapper as k}from"@mage-ui/styled-system/recipes";import{jsx as A}from"react/jsx-runtime";const j=({label:j,placeholder:M,creatable:N,clearButtonText:P,emptyText:F=`No results`,classNames:I,...L})=>{let{creatable:R,empty:z,target:B,scrollArea:V,...H}=I||{},{clearButton:U,chevron:W,...G}=B||{},K={placeholder:M,label:j,classNames:{dropdownTextInput:G?.dropdownTextInput??x(),root:G?.root??D(),label:G?.label??T(),description:G?.description??S(),error:G?.error??C(),wrapper:G?.wrapper??k(),input:G?.input??w(),section:G?.section??O(),required:G?.required??E()},clearButtonProps:{label:P,classNames:{clearButton:U?.clearButton??s(),root:U?.root??d(),icon:U?.icon??c(),iconRaw:{iconRaw:U?.iconRaw?.iconRaw??l(),root:U?.iconRaw?.root??u()}}},chevronProps:{classNames:{chevron:W?.chevron??r(),root:W?.root??o(),open:{iconRaw:W?.open?.iconRaw??i(),root:W?.open?.root??a()},close:{iconRaw:W?.close?.iconRaw??i(),root:W?.close?.root??a()}}}},q=H?.dropdown??n(),J=H?.root??y(),Y=H?.options??v(),X=H?.option??p(),Z=z?.empty??f(),Q=H?.search,$={emptyText:F,classNames:{empty:z?.empty??Z}},te={creatable:N??!1,classNames:{create:R?.create,createIcon:{createIcon:R?.createIcon?.createIcon??m(),root:R?.createIcon?.root??_(),iconRaw:{iconRaw:R?.createIcon?.iconRaw?.iconRaw??h(),root:R?.createIcon?.iconRaw?.root??g()}}}};return A(e,{classNames:{dropdown:q,root:J,options:Y,option:X,empty:Z,search:Q},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:V?.dropdownScrollAreaAutosize??b()}},target:A(ee,{...K}),...L,children:A(t,{emptyProps:$,creatableProps:te})})};export{j as Combobox};
 //# sourceMappingURL=Combobox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/Combobox.tsx"],"sourcesContent":["import {\n  combobox,\n  comboboxChevron,\n  comboboxChevronIcon,\n  comboboxChevronIconRoot,\n  comboboxChevronRoot,\n  comboboxClearButton,\n  comboboxClearButtonIcon,\n  comboboxClearButtonIconRaw,\n  comboboxClearButtonIconRawRoot,\n  comboboxClearButtonRoot,\n  comboboxEmpty,\n  comboboxOption,\n  comboboxOptionCreateIcon,\n  comboboxOptionCreateIconIconRaw,\n  comboboxOptionCreateIconIconRawRoot,\n  comboboxOptionCreateIconRoot,\n  comboboxOptions,\n  comboboxRoot,\n  comboboxScrollAreaAutosize,\n  comboboxTextInput,\n  comboboxTextInputDescription,\n  comboboxTextInputError,\n  comboboxTextInputInput,\n  comboboxTextInputLabel,\n  comboboxTextInputRequired,\n  comboboxTextInputRoot,\n  comboboxTextInputSection,\n  comboboxTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Dropdown, type DropdownProps } from '../Dropdown';\nimport type { ComboboxCreatableOptionProps } from './ComboboxCreatableOption';\nimport type { ComboboxEmptyOptionProps } from './ComboboxEmptyOption';\nimport { ComboboxOptions } from './ComboboxOptions';\nimport { ComboboxTarget, type ComboboxTargetProps } from './ComboboxTarget';\n\nexport type ComboboxProps = Omit<\n  DropdownProps,\n  'classNames' | 'target' | 'children'\n> & {\n  label?: string;\n  placeholder?: string;\n  creatable?: boolean;\n  emptyText?: string;\n  clearButtonText?: string;\n  classNames?: DropdownProps['classNames'] & {\n    creatable?: ComboboxCreatableOptionProps['classNames'];\n    empty?: ComboboxEmptyOptionProps['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 Combobox = ({\n  label,\n  placeholder,\n  creatable,\n  clearButtonText,\n  emptyText = 'No results',\n  classNames,\n  ...props\n}: ComboboxProps) => {\n  const {\n    creatable: creatableClassNames,\n    empty: emptyClassNames,\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const {\n    clearButton: clearButtonClassNames,\n    chevron: chevronClassNames,\n    ...restTargetClassNames\n  } = targetClassNames || {};\n\n  const targetProps = {\n    placeholder,\n    label,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? comboboxTextInput(),\n      root: restTargetClassNames?.root ?? comboboxTextInputRoot(),\n      label: restTargetClassNames?.label ?? comboboxTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? comboboxTextInputDescription(),\n      error: restTargetClassNames?.error ?? comboboxTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? comboboxTextInputWrapper(),\n      input: restTargetClassNames?.input ?? comboboxTextInputInput(),\n      section: restTargetClassNames?.section ?? comboboxTextInputSection(),\n      required: restTargetClassNames?.required ?? comboboxTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton:\n          clearButtonClassNames?.clearButton ?? comboboxClearButton(),\n        root: clearButtonClassNames?.root ?? comboboxClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? comboboxClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            comboboxClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            comboboxClearButtonIconRawRoot(),\n        },\n      },\n    },\n    chevronProps: {\n      classNames: {\n        chevron: chevronClassNames?.chevron ?? comboboxChevron(),\n        root: chevronClassNames?.root ?? comboboxChevronRoot(),\n        open: {\n          iconRaw: chevronClassNames?.open?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.open?.root ?? comboboxChevronIconRoot(),\n        },\n        close: {\n          iconRaw: chevronClassNames?.close?.iconRaw ?? comboboxChevronIcon(),\n          root:\n            chevronClassNames?.close?.root ??\n            comboboxChevronIconRoot({ invert: true }),\n        },\n      },\n    },\n  };\n\n  const dropdownClassName = dropdownClassNames?.dropdown ?? combobox();\n  const rootClassName = dropdownClassNames?.root ?? comboboxRoot();\n  const optionsClassName = dropdownClassNames?.options ?? comboboxOptions();\n  const optionClassName = dropdownClassNames?.option ?? comboboxOption();\n  const emptyClassName = emptyClassNames?.empty ?? comboboxEmpty();\n  const searchClassName = dropdownClassNames?.search;\n\n  const emptyProps = {\n    emptyText,\n    classNames: {\n      empty: emptyClassNames?.empty ?? emptyClassName,\n    },\n  };\n\n  const creatableProps = {\n    creatable: creatable ?? false,\n    classNames: {\n      create: creatableClassNames?.create,\n      createIcon: {\n        createIcon:\n          creatableClassNames?.createIcon?.createIcon ??\n          comboboxOptionCreateIcon(),\n        root:\n          creatableClassNames?.createIcon?.root ??\n          comboboxOptionCreateIconRoot(),\n        iconRaw: {\n          iconRaw:\n            creatableClassNames?.createIcon?.iconRaw?.iconRaw ??\n            comboboxOptionCreateIconIconRaw(),\n          root:\n            creatableClassNames?.createIcon?.iconRaw?.root ??\n            comboboxOptionCreateIconIconRawRoot(),\n        },\n      },\n    },\n  };\n\n  return (\n    <Dropdown\n      classNames={{\n        dropdown: dropdownClassName,\n        root: rootClassName,\n        options: optionsClassName,\n        option: optionClassName,\n        empty: emptyClassName,\n        search: searchClassName,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            comboboxScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      {...props}\n    >\n      <ComboboxOptions\n        emptyProps={emptyProps}\n        creatableProps={creatableProps}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"s/BA2DA,MAAa,GAAY,CACvB,QACA,cACA,YACA,kBACA,YAAY,aACZ,aACA,GAAG,KACgB,CACnB,GAAM,CACJ,UAAW,EACX,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CACJ,YAAa,EACb,QAAS,EACT,GAAG,GACD,GAAoB,EAAE,CAEpB,EAAc,CAClB,cACA,QACA,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAmB,CAChE,KAAM,GAAsB,MAAQ,GAAuB,CAC3D,MAAO,GAAsB,OAAS,GAAwB,CAC9D,YACE,GAAsB,aAAe,GAA8B,CACrE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,SAAU,GAAsB,UAAY,GAA2B,CACxE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YACE,GAAuB,aAAe,GAAqB,CAC7D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAA4B,CAC9B,KACE,GAAuB,SAAS,MAChC,GAAgC,CACnC,CACF,CACF,CACD,aAAc,CACZ,WAAY,CACV,QAAS,GAAmB,SAAW,GAAiB,CACxD,KAAM,GAAmB,MAAQ,GAAqB,CACtD,KAAM,CACJ,QAAS,GAAmB,MAAM,SAAW,GAAqB,CAClE,KAAM,GAAmB,MAAM,MAAQ,GAAyB,CACjE,CACD,MAAO,CACL,QAAS,GAAmB,OAAO,SAAW,GAAqB,CACnE,KACE,GAAmB,OAAO,MAC1B,EAAwB,CAAE,OAAQ,GAAM,CAAC,CAC5C,CACF,CACF,CACF,CAEK,EAAoB,GAAoB,UAAY,GAAU,CAC9D,EAAgB,GAAoB,MAAQ,GAAc,CAC1D,EAAmB,GAAoB,SAAW,GAAiB,CACnE,EAAkB,GAAoB,QAAU,GAAgB,CAChE,EAAiB,GAAiB,OAAS,GAAe,CAC1D,EAAkB,GAAoB,OAEtC,EAAa,CACjB,YACA,WAAY,CACV,MAAO,GAAiB,OAAS,EAClC,CACF,CAEK,GAAiB,CACrB,UAAW,GAAa,GACxB,WAAY,CACV,OAAQ,GAAqB,OAC7B,WAAY,CACV,WACE,GAAqB,YAAY,YACjC,GAA0B,CAC5B,KACE,GAAqB,YAAY,MACjC,GAA8B,CAChC,QAAS,CACP,QACE,GAAqB,YAAY,SAAS,SAC1C,GAAiC,CACnC,KACE,GAAqB,YAAY,SAAS,MAC1C,GAAqC,CACxC,CACF,CACF,CACF,CAED,OACE,EAAC,EAAA,CACC,WAAY,CACV,SAAU,EACV,KAAM,EACN,QAAS,EACT,OAAQ,EACR,MAAO,EACP,OAAQ,EACT,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA4B,CAC/B,CACF,CACD,OAAQ,EAAC,GAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,GAAI,WAEJ,EAAC,EAAA,CACa,aACI,mBAChB,EACO"}
+{"version":3,"file":"Combobox.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/Combobox.tsx"],"sourcesContent":["import {\n  combobox,\n  comboboxChevron,\n  comboboxChevronIcon,\n  comboboxChevronIconRoot,\n  comboboxChevronRoot,\n  comboboxClearButton,\n  comboboxClearButtonIcon,\n  comboboxClearButtonIconRaw,\n  comboboxClearButtonIconRawRoot,\n  comboboxClearButtonRoot,\n  comboboxEmpty,\n  comboboxOption,\n  comboboxOptionCreateIcon,\n  comboboxOptionCreateIconIconRaw,\n  comboboxOptionCreateIconIconRawRoot,\n  comboboxOptionCreateIconRoot,\n  comboboxOptions,\n  comboboxRoot,\n  comboboxScrollAreaAutosize,\n  comboboxTextInput,\n  comboboxTextInputDescription,\n  comboboxTextInputError,\n  comboboxTextInputInput,\n  comboboxTextInputLabel,\n  comboboxTextInputRequired,\n  comboboxTextInputRoot,\n  comboboxTextInputSection,\n  comboboxTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Dropdown, type DropdownProps } from '../Dropdown';\nimport type { ComboboxCreatableOptionProps } from './ComboboxCreatableOption';\nimport type { ComboboxEmptyOptionProps } from './ComboboxEmptyOption';\nimport { ComboboxOptions } from './ComboboxOptions';\nimport { ComboboxTarget, type ComboboxTargetProps } from './ComboboxTarget';\n\nexport type ComboboxProps = Omit<\n  DropdownProps,\n  'classNames' | 'target' | 'children'\n> & {\n  label?: string;\n  placeholder?: string;\n  creatable?: boolean;\n  emptyText?: string;\n  clearButtonText?: string;\n  classNames?: DropdownProps['classNames'] & {\n    creatable?: ComboboxCreatableOptionProps['classNames'];\n    empty?: ComboboxEmptyOptionProps['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 Combobox = ({\n  label,\n  placeholder,\n  creatable,\n  clearButtonText,\n  emptyText = 'No results',\n  classNames,\n  ...props\n}: ComboboxProps) => {\n  const {\n    creatable: creatableClassNames,\n    empty: emptyClassNames,\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const {\n    clearButton: clearButtonClassNames,\n    chevron: chevronClassNames,\n    ...restTargetClassNames\n  } = targetClassNames || {};\n\n  const targetProps = {\n    placeholder,\n    label,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? comboboxTextInput(),\n      root: restTargetClassNames?.root ?? comboboxTextInputRoot(),\n      label: restTargetClassNames?.label ?? comboboxTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? comboboxTextInputDescription(),\n      error: restTargetClassNames?.error ?? comboboxTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? comboboxTextInputWrapper(),\n      input: restTargetClassNames?.input ?? comboboxTextInputInput(),\n      section: restTargetClassNames?.section ?? comboboxTextInputSection(),\n      required: restTargetClassNames?.required ?? comboboxTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton:\n          clearButtonClassNames?.clearButton ?? comboboxClearButton(),\n        root: clearButtonClassNames?.root ?? comboboxClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? comboboxClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            comboboxClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            comboboxClearButtonIconRawRoot(),\n        },\n      },\n    },\n    chevronProps: {\n      classNames: {\n        chevron: chevronClassNames?.chevron ?? comboboxChevron(),\n        root: chevronClassNames?.root ?? comboboxChevronRoot(),\n        open: {\n          iconRaw: chevronClassNames?.open?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.open?.root ?? comboboxChevronIconRoot(),\n        },\n        close: {\n          iconRaw: chevronClassNames?.close?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.close?.root ?? comboboxChevronIconRoot(),\n        },\n      },\n    },\n  };\n\n  const dropdownClassName = dropdownClassNames?.dropdown ?? combobox();\n  const rootClassName = dropdownClassNames?.root ?? comboboxRoot();\n  const optionsClassName = dropdownClassNames?.options ?? comboboxOptions();\n  const optionClassName = dropdownClassNames?.option ?? comboboxOption();\n  const emptyClassName = emptyClassNames?.empty ?? comboboxEmpty();\n  const searchClassName = dropdownClassNames?.search;\n\n  const emptyProps = {\n    emptyText,\n    classNames: {\n      empty: emptyClassNames?.empty ?? emptyClassName,\n    },\n  };\n\n  const creatableProps = {\n    creatable: creatable ?? false,\n    classNames: {\n      create: creatableClassNames?.create,\n      createIcon: {\n        createIcon:\n          creatableClassNames?.createIcon?.createIcon ??\n          comboboxOptionCreateIcon(),\n        root:\n          creatableClassNames?.createIcon?.root ??\n          comboboxOptionCreateIconRoot(),\n        iconRaw: {\n          iconRaw:\n            creatableClassNames?.createIcon?.iconRaw?.iconRaw ??\n            comboboxOptionCreateIconIconRaw(),\n          root:\n            creatableClassNames?.createIcon?.iconRaw?.root ??\n            comboboxOptionCreateIconIconRawRoot(),\n        },\n      },\n    },\n  };\n\n  return (\n    <Dropdown\n      classNames={{\n        dropdown: dropdownClassName,\n        root: rootClassName,\n        options: optionsClassName,\n        option: optionClassName,\n        empty: emptyClassName,\n        search: searchClassName,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            comboboxScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      {...props}\n    >\n      <ComboboxOptions\n        emptyProps={emptyProps}\n        creatableProps={creatableProps}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"s/BA2DA,MAAa,GAAY,CACvB,QACA,cACA,YACA,kBACA,YAAY,aACZ,aACA,GAAG,KACgB,CACnB,GAAM,CACJ,UAAW,EACX,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CACJ,YAAa,EACb,QAAS,EACT,GAAG,GACD,GAAoB,EAAE,CAEpB,EAAc,CAClB,cACA,QACA,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAmB,CAChE,KAAM,GAAsB,MAAQ,GAAuB,CAC3D,MAAO,GAAsB,OAAS,GAAwB,CAC9D,YACE,GAAsB,aAAe,GAA8B,CACrE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,SAAU,GAAsB,UAAY,GAA2B,CACxE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YACE,GAAuB,aAAe,GAAqB,CAC7D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAA4B,CAC9B,KACE,GAAuB,SAAS,MAChC,GAAgC,CACnC,CACF,CACF,CACD,aAAc,CACZ,WAAY,CACV,QAAS,GAAmB,SAAW,GAAiB,CACxD,KAAM,GAAmB,MAAQ,GAAqB,CACtD,KAAM,CACJ,QAAS,GAAmB,MAAM,SAAW,GAAqB,CAClE,KAAM,GAAmB,MAAM,MAAQ,GAAyB,CACjE,CACD,MAAO,CACL,QAAS,GAAmB,OAAO,SAAW,GAAqB,CACnE,KAAM,GAAmB,OAAO,MAAQ,GAAyB,CAClE,CACF,CACF,CACF,CAEK,EAAoB,GAAoB,UAAY,GAAU,CAC9D,EAAgB,GAAoB,MAAQ,GAAc,CAC1D,EAAmB,GAAoB,SAAW,GAAiB,CACnE,EAAkB,GAAoB,QAAU,GAAgB,CAChE,EAAiB,GAAiB,OAAS,GAAe,CAC1D,EAAkB,GAAoB,OAEtC,EAAa,CACjB,YACA,WAAY,CACV,MAAO,GAAiB,OAAS,EAClC,CACF,CAEK,GAAiB,CACrB,UAAW,GAAa,GACxB,WAAY,CACV,OAAQ,GAAqB,OAC7B,WAAY,CACV,WACE,GAAqB,YAAY,YACjC,GAA0B,CAC5B,KACE,GAAqB,YAAY,MACjC,GAA8B,CAChC,QAAS,CACP,QACE,GAAqB,YAAY,SAAS,SAC1C,GAAiC,CACnC,KACE,GAAqB,YAAY,SAAS,MAC1C,GAAqC,CACxC,CACF,CACF,CACF,CAED,OACE,EAAC,EAAA,CACC,WAAY,CACV,SAAU,EACV,KAAM,EACN,QAAS,EACT,OAAQ,EACR,MAAO,EACP,OAAQ,EACT,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA4B,CAC/B,CACF,CACD,OAAQ,EAAC,GAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,GAAI,WAEJ,EAAC,EAAA,CACa,aACI,mBAChB,EACO"}

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

@@ -1,6 +1,7 @@
 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'> & {
@@ -10,6 +11,8 @@ type SelectProps = Omit<DropdownProps, 'children' | 'classNames' | 'target'> & {
   emptyText?: string;
   searchable?: boolean;
   searchPlaceholder?: string;
+  searchStartSlot?: ReactNode;
+  searchWrapperClassName?: string;
   classNames?: DropdownProps['classNames'] & {
     target?: ComboboxTargetProps['classNames'] & {
       clearButton?: NonNullable<ComboboxTargetProps['clearButtonProps']>['classNames'];
@@ -25,6 +28,8 @@ declare const Select: ({
   emptyText,
   searchable,
   searchPlaceholder,
+  searchStartSlot,
+  searchWrapperClassName,
   classNames,
   ...props
 }: SelectProps) => react_jsx_runtime0.JSX.Element;

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

@@ -1 +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"}
+{"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

@@ -1,2 +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};
+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

@@ -1 +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"}
+{"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/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

@@ -8,13 +8,23 @@ 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 { 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

@@ -35,18 +35,29 @@ type ConfigMap = {
 };
 interface KanbanProps {
   dataSource: BoardData;
-  configMap: ConfigMap;
+  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, CardRenderProps, ConfigMap, Kanban, KanbanProps };
+export { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps };
 //# sourceMappingURL=Kanban.d.mts.map

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

@@ -1 +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"}
+{"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

@@ -1,2 +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};
+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

@@ -1 +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"}
+{"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

@@ -1,2 +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};
+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

@@ -1 +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"}
+{"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { Virtual, type VirtualItem } from '../../misc/virtual/Virtual';\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableTypes';\n\nconst SpacerRow = ({ height }: { height: number }): ReactNode => {\n  if (height <= 0) return null;\n  return (\n    <tr aria-hidden>\n      <td style={{ height }} />\n    </tr>\n  );\n};\n\nconst VirtualRow = ({ item }: { item: VirtualItem<ReactNode> }): ReactNode => {\n  const child = item.row;\n  if (!isValidElement(child)) return child;\n\n  const existingRef = (child.props as Record<string, unknown>).ref as\n    | React.Ref<Element>\n    | undefined;\n\n  return cloneElement(\n    child as React.ReactElement<{ ref?: React.Ref<Element> }>,\n    {\n      ref: (node: Element | null) => {\n        item.measureRef(node);\n        if (typeof existingRef === 'function') {\n          existingRef(node);\n        } else if (existingRef) {\n          existingRef.current = node;\n        }\n      },\n    },\n  );\n};\n\nexport type TableBodyProps = {\n  children: ReactNode;\n  classNames?: Pick<TableClassNames, 'tbody'>;\n};\n\nexport const TableBody = ({\n  classNames,\n  children,\n  ...props\n}: TableBodyProps): ReactNode => {\n  const scrollable = useScrollableContext();\n\n  if (scrollable) {\n    const childArray = Children.toArray(children);\n\n    return (\n      <MantineTable.Tbody className={classNames?.tbody} {...props}>\n        <Virtual\n          rows={childArray}\n          estimateSize={scrollable.estimateSize}\n          scrollRef={scrollable.viewportRef}\n          overscan={scrollable.overscan}\n        >\n          {(items, padding) => (\n            <>\n              <SpacerRow height={padding.top} />\n              {items.map((item) => (\n                <VirtualRow key={item.index} item={item} />\n              ))}\n              <SpacerRow height={padding.bottom} />\n            </>\n          )}\n        </Virtual>\n      </MantineTable.Tbody>\n    );\n  }\n\n  return (\n    <MantineTable.Tbody className={classNames?.tbody} {...props}>\n      {children}\n    </MantineTable.Tbody>\n  );\n};\n"],"mappings":"gSAQA,MAAM,GAAa,CAAE,YACf,GAAU,EAAU,KAEtB,EAAC,KAAA,CAAG,cAAA,YACF,EAAC,KAAA,CAAG,MAAO,CAAE,SAAQ,CAAA,CAAI,EACtB,CAIH,GAAc,CAAE,UAAwD,CAC5E,IAAM,EAAQ,EAAK,IACnB,GAAI,CAAC,EAAe,EAAM,CAAE,OAAO,EAEnC,IAAM,EAAe,EAAM,MAAkC,IAI7D,OAAO,EACL,EACA,CACE,IAAM,GAAyB,CAC7B,EAAK,WAAW,EAAK,CACjB,OAAO,GAAgB,WACzB,EAAY,EAAK,CACR,IACT,EAAY,QAAU,IAG3B,CACF,EAQU,GAAa,CACxB,aACA,WACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEzC,GAAI,EAAY,CACd,IAAM,EAAa,EAAS,QAAQ,EAAS,CAE7C,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,WACpD,EAAC,EAAA,CACC,KAAM,EACN,aAAc,EAAW,aACzB,UAAW,EAAW,YACtB,SAAU,EAAW,mBAEnB,EAAO,IACP,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,OAAQ,EAAQ,IAAA,CAAO,CACjC,EAAM,IAAK,GACV,EAAC,EAAA,CAAkC,OAAA,CAAlB,EAAK,MAAqB,CAC3C,CACF,EAAC,EAAA,CAAU,OAAQ,EAAQ,OAAA,CAAU,GACpC,EAEG,EACS,CAIzB,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,EACnD,YACkB"}