@mage-ui/components 1.0.65 → 1.0.67

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

@@ -19,10 +19,7 @@ type DropdownProps = {
     options?: string;
     option?: string;
     empty?: string;
-    search?: {
-      root?: string;
-      input?: string;
-    };
+    search?: string;
   };
   target: ReactNode;
   options: DropdownValue[];
@@ -33,6 +30,7 @@ type DropdownProps = {
   };
   dropdownHeight?: number | string;
   shouldFilter?: boolean;
+  dropdownTopSlot?: ReactNode;
 } & DataAttributes;
 //#endregion
 export { DropdownProps };

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":";;;;;;;;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"}
+{"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;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;EACA,eAAA,GAAkB,SAAA;AAAA,IAChB,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(),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};
+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,dropdownTopSlot:_,...v})=>{let{store:y,setValue:b}=n(),x=Object.fromEntries(Object.entries(v).filter(([e])=>e.startsWith(`data-`))),S=Object.fromEntries(Object.entries(v).filter(([e])=>!e.startsWith(`data-`)));return f(u,{width:`target`,store:y,withinPortal:!0,keepMounted:!1,onOptionSubmit:e=>{b(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},...S,children:[d(u.Target,{children:m}),f(u.Dropdown,{...x,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\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"}
+{"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?: 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  dropdownTopSlot?: ReactNode;\n} & DataAttributes;\n\nconst DropdownContent = ({\n  children,\n  classNames,\n  target,\n  scrollAreaProps,\n  dropdownHeight = 192,\n  dropdownTopSlot,\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: classNames?.search,\n      }}\n      {...comboboxProps}\n    >\n      <MantineCombobox.Target>{target}</MantineCombobox.Target>\n      <MantineCombobox.Dropdown {...dataAttributes}>\n        {dropdownTopSlot && dropdownTopSlot}\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":"+eAqDA,MAAM,GAAmB,CACvB,WACA,aACA,SACA,kBACA,iBAAiB,IACjB,kBACA,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,GAAY,OACrB,CACD,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,EAAA,CAAgC,CACzD,EAACA,EAAgB,SAAA,CAAS,GAAI,YAC3B,GAAmB,EACpB,EAAC,EAAA,CACC,KAAK,SACL,IAAK,EACL,WAAY,CACV,WACE,GAAiB,YAAY,4BAC7B,GAA4B,CAC/B,CACD,GAAI,EAEH,YACkB,CAAA,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/DropdownTargetTextInput.mjs

@@ -1,2 +1,2 @@
-import{useDropdownContext as e}from"./DropdownContextProvider.mjs";import{TextInput as t}from"../text-input/TextInput.mjs";import{DropdownEndSlot as n}from"./DropdownEndSlot.mjs";import{dropdownTextInput as r,dropdownTextInputDescription as i,dropdownTextInputError as a,dropdownTextInputInput as o,dropdownTextInputLabel as s,dropdownTextInputRequired as c,dropdownTextInputRoot as l,dropdownTextInputSection as u,dropdownTextInputWrapper as d}from"@mage-ui/styled-system/recipes";import{jsx as f}from"react/jsx-runtime";const p=({classNames:p,clearable:m,showChevron:h,clearButtonProps:g,chevronProps:_,closeOnBlur:v=!0,...y})=>{let{store:b,value:x,query:S,setQuery:C}=e(),w=m&&(S??x?.value??``)!==``,T={"--dropdown-text-input-right-section-pointer-events":w?`auto`:`none`};return f(t,{readOnly:!1,value:S??x?.value??``,endSlot:f(n,{clearable:w,showChevron:h,clearButtonProps:g,chevronProps:_}),onFocus:e=>{e.stopPropagation(),e.preventDefault(),b.openDropdown()},onBlur:e=>{e.stopPropagation(),e.preventDefault(),v&&(b.closeDropdown(),C(void 0))},classNames:{textInput:p?.dropdownTextInput??r(),root:p?.root??l(),label:p?.label??s(),description:p?.description??i(),error:p?.error??a(),wrapper:p?.wrapper??d(),input:p?.input??o(),section:p?.section??u(),required:p?.required??c()},style:T,...y})};export{p as DropdownTargetTextInput};
+import{TextInput as e}from"../text-input/TextInput.mjs";import{useDropdownContext as t}from"./DropdownContextProvider.mjs";import{DropdownEndSlot as n}from"./DropdownEndSlot.mjs";import{dropdownTextInput as r,dropdownTextInputDescription as i,dropdownTextInputError as a,dropdownTextInputInput as o,dropdownTextInputLabel as s,dropdownTextInputRequired as c,dropdownTextInputRoot as l,dropdownTextInputSection as u,dropdownTextInputWrapper as d}from"@mage-ui/styled-system/recipes";import{jsx as f}from"react/jsx-runtime";const p=({classNames:p,clearable:m,showChevron:h,clearButtonProps:g,chevronProps:_,closeOnBlur:v=!0,...y})=>{let{store:b,value:x,query:S,setQuery:C}=t(),w=m&&(S??x?.value??``)!==``,T={"--dropdown-text-input-right-section-pointer-events":w?`auto`:`none`};return f(e,{readOnly:!1,value:S??x?.value??``,endSlot:f(n,{clearable:w,showChevron:h,clearButtonProps:g,chevronProps:_}),onFocus:e=>{e.stopPropagation(),e.preventDefault(),b.openDropdown()},onBlur:e=>{e.stopPropagation(),e.preventDefault(),v&&(b.closeDropdown(),C(void 0))},classNames:{textInput:p?.dropdownTextInput??r(),root:p?.root??l(),label:p?.label??s(),description:p?.description??i(),error:p?.error??a(),wrapper:p?.wrapper??d(),input:p?.input??o(),section:p?.section??u(),required:p?.required??c()},style:T,...y})};export{p as DropdownTargetTextInput};
 //# sourceMappingURL=DropdownTargetTextInput.mjs.map

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

@@ -1,5 +1,6 @@
 import { DropdownProps } from "../Dropdown.mjs";
 import { ComboboxTargetProps } from "../combobox/ComboboxTarget.mjs";
+import { SelectSearchClassNames } from "./SelectSearch.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
@@ -7,12 +8,13 @@ import { ReactNode } from "react";
 type SelectProps = Omit<DropdownProps, 'children' | 'classNames' | 'target'> & {
   label?: string;
   placeholder?: string;
+  clearable?: boolean;
   clearButtonText?: string;
   emptyText?: string;
   searchable?: boolean;
   searchPlaceholder?: string;
   searchStartSlot?: ReactNode;
-  searchWrapperClassName?: string;
+  searchClassNames?: SelectSearchClassNames;
   classNames?: DropdownProps['classNames'] & {
     target?: ComboboxTargetProps['classNames'] & {
       clearButton?: NonNullable<ComboboxTargetProps['clearButtonProps']>['classNames'];
@@ -24,12 +26,13 @@ type SelectProps = Omit<DropdownProps, 'children' | 'classNames' | 'target'> & {
 declare const Select: ({
   label,
   placeholder,
+  clearable,
   clearButtonText,
   emptyText,
   searchable,
   searchPlaceholder,
   searchStartSlot,
-  searchWrapperClassName,
+  searchClassNames,
   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":";;;;;;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"}
+{"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,SAAA;EACA,eAAA;EACA,SAAA;EACA,UAAA;EACA,iBAAA;EACA,eAAA,GAAkB,SAAA;EAClB,gBAAA,GAAmB,sBAAA;EACnB,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,SAAA;EAAA,eAAA;EAAA,SAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,eAAA;EAAA,gBAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAYpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,2 +1,2 @@
-import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"../combobox/ComboboxOptions.mjs";import{ComboboxTarget as n}from"../combobox/ComboboxTarget.mjs";import{SelectSearch as r}from"./SelectSearch.mjs";import{select as i,selectChevron as a,selectChevronIcon as o,selectChevronIconRoot as s,selectChevronRoot as c,selectClearButton as l,selectClearButtonIcon as u,selectClearButtonIconRaw as d,selectClearButtonIconRawRoot as f,selectClearButtonRoot as p,selectEmpty as m,selectOption as h,selectOptions as g,selectRoot as _,selectScrollAreaAutosize as v,selectSearch as y,selectSearchRoot as b,selectSearchWrapper as x,selectTextInput as S,selectTextInputDescription as C,selectTextInputError as w,selectTextInputInput as T,selectTextInputLabel as E,selectTextInputRequired as D,selectTextInputRoot as O,selectTextInputSection as k,selectTextInputWrapper as A}from"@mage-ui/styled-system/recipes";import{jsx as j,jsxs as M}from"react/jsx-runtime";const N=({label:N,placeholder:P,clearButtonText:F,emptyText:I,searchable:L,searchPlaceholder:R,searchStartSlot:z,searchWrapperClassName:B,classNames:V,...H})=>{let{target:U,scrollArea:W,...G}=V||{},{clearButton:K,chevron:q,...J}=U||{},Y=I??(L?`No results`:void 0),X={placeholder:P,label:N,readOnly:!0,closeOnBlur:!L,classNames:{dropdownTextInput:J?.dropdownTextInput??S(),root:J?.root??O(),label:J?.label??E(),description:J?.description??C(),error:J?.error??w(),wrapper:J?.wrapper??A(),input:J?.input??T(),section:J?.section??k(),required:J?.required??D()},clearButtonProps:{label:F,classNames:{clearButton:K?.clearButton??l(),root:K?.root??p(),icon:K?.icon??u(),iconRaw:{iconRaw:K?.iconRaw?.iconRaw??d(),root:K?.iconRaw?.root??f()}}},chevronProps:{classNames:{chevron:q?.chevron??a(),root:q?.root??c(),open:{iconRaw:q?.open?.iconRaw??o(),root:q?.open?.root??s()},close:{iconRaw:q?.close?.iconRaw??o(),root:q?.close?.root??s()}}}};return M(e,{"data-searchable":L,classNames:{dropdown:G?.dropdown??i(),root:G?.root??_(),options:G?.options??g(),option:G?.option??h(),empty:G?.empty??m(),search:{input:G?.search?.input??y(),root:G?.search?.root??b()}},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:W?.dropdownScrollAreaAutosize??v()}},target:j(n,{...X}),...H,children:[L&&j(r,{searchPlaceholder:R,startSlot:z,wrapperClassName:B??x()}),j(t,{emptyProps:{emptyText:Y,classNames:{empty:G?.empty??m()}},creatableProps:{creatable:!1}})]})};export{N as Select};
+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,selectSearchInput as y,selectSearchSection 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}from"react/jsx-runtime";const M=({label:M,placeholder:N,clearable:P=!0,clearButtonText:F,emptyText:I,searchable:L,searchPlaceholder:R,searchStartSlot:z,searchClassNames: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:N,label:M,clearable:P,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 j(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:G?.search},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:W?.dropdownScrollAreaAutosize??v()}},target:j(n,{...X}),dropdownTopSlot:L&&j(r,{searchPlaceholder:R,startSlot:z,classNames:{input:B?.input??y(),wrapper:B?.wrapper??x(),section:B?.section??b()}}),...H,children:j(t,{emptyProps:{emptyText:Y,classNames:{empty:G?.empty??m()}},creatableProps:{creatable:!1}})})};export{M 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 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"}
+{"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  selectSearchInput,\n  selectSearchSection,\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, type SelectSearchClassNames } from './SelectSearch';\n\nexport type SelectProps = Omit<\n  DropdownProps,\n  'children' | 'classNames' | 'target'\n> & {\n  label?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  clearButtonText?: string;\n  emptyText?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  searchStartSlot?: ReactNode;\n  searchClassNames?: SelectSearchClassNames;\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  clearable = true,\n  clearButtonText,\n  emptyText,\n  searchable,\n  searchPlaceholder,\n  searchStartSlot,\n  searchClassNames,\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    clearable,\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: dropdownClassNames?.search,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            selectScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      dropdownTopSlot={\n        searchable && (\n          <SelectSearch\n            searchPlaceholder={searchPlaceholder}\n            startSlot={searchStartSlot}\n            classNames={{\n              input: searchClassNames?.input ?? selectSearchInput(),\n              wrapper: searchClassNames?.wrapper ?? selectSearchWrapper(),\n              section: searchClassNames?.section ?? selectSearchSection(),\n            }}\n          />\n        )\n      }\n      {...props}\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":"s8BA8DA,MAAa,GAAU,CACrB,QACA,cACA,YAAY,GACZ,kBACA,YACA,aACA,oBACA,kBACA,mBACA,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,YACA,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,GAAoB,OAC7B,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA0B,CAC7B,CACF,CACD,OAAQ,EAAC,EAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,gBACE,GACE,EAAC,EAAA,CACoB,oBACnB,UAAW,EACX,WAAY,CACV,MAAO,GAAkB,OAAS,GAAmB,CACrD,QAAS,GAAkB,SAAW,GAAqB,CAC3D,QAAS,GAAkB,SAAW,GAAqB,CAC5D,EACD,CAGN,GAAI,WAEJ,EAAC,EAAA,CACC,WAAY,CACV,UAAW,EACX,WAAY,CACV,MAAO,GAAoB,OAAS,GAAa,CAClD,CACF,CACD,eAAgB,CACd,UAAW,GACZ,EACD,EACO"}

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

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/controls/dropdown/select/SelectSearch.d.ts
+type SelectSearchClassNames = {
+  input?: string;
+  wrapper?: string;
+  section?: string;
+};
+//#endregion
+export { SelectSearchClassNames };
+//# sourceMappingURL=SelectSearch.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSearch.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/select/SelectSearch.tsx"],"mappings":";;;;KAKY,sBAAA;EACV,KAAA;EACA,OAAA;EACA,OAAA;AAAA"}

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

@@ -1,2 +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};
+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,classNames: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,leftSectionProps:{className:a?.section},classNames:{input:a?.input,wrapper:a?.wrapper}})};export{r as SelectSearch};
 //# sourceMappingURL=SelectSearch.mjs.map

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

@@ -1 +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"}
+{"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 SelectSearchClassNames = {\n  input?: string;\n  wrapper?: string;\n  section?: string;\n};\n\nexport type SelectSearchProps = {\n  searchPlaceholder?: string;\n  startSlot?: ReactNode;\n  classNames?: SelectSearchClassNames;\n};\n\nexport const SelectSearch = ({\n  searchPlaceholder,\n  startSlot,\n  classNames,\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      leftSectionProps={{\n        className: classNames?.section,\n      }}\n      classNames={{\n        input: classNames?.input,\n        wrapper: classNames?.wrapper,\n      }}\n    />\n  );\n};\n"],"mappings":"uJAiBA,MAAa,GAAgB,CAC3B,oBACA,YACA,gBACuB,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,iBAAkB,CAChB,UAAW,GAAY,QACxB,CACD,WAAY,CACV,MAAO,GAAY,MACnB,QAAS,GAAY,QACtB,EACD"}

package/dist/components/controls/password-input/PasswordInput.mjs

@@ -1,2 +1,2 @@
-import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.mjs";import{TextInput as t}from"../text-input/TextInput.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{passwordInput as r,passwordInputButtonIcon as i,passwordInputButtonIconIcon as a,passwordInputButtonIconIconRaw as o,passwordInputButtonIconIconRawRoot as s,passwordInputButtonIconRoot as c,passwordInputDescription as l,passwordInputError as u,passwordInputInput as d,passwordInputLabel as f,passwordInputRequired as p,passwordInputRoot as m,passwordInputSection as h,passwordInputWrapper as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";import{useState as v}from"react";const y=({classNames:y,hideText:b=`Hide password`,showText:x=`Show password`,...S})=>{let[C,w]=v(!1);return _(t,{type:C?`text`:`password`,endSlot:_(()=>_(e,{name:C?`mage-password-input-eye-off`:`mage-password-input-eye`,path:`/icons/sprite-mage.svg`,label:C?b:x,onClick:()=>w(!C),classNames:{buttonIcon:y?.buttonIcon?.buttonIcon??i(),root:y?.buttonIcon?.root??c(),icon:y?.buttonIcon?.icon??a(),iconRaw:{iconRaw:y?.buttonIcon?.iconRaw?.iconRaw??o(),root:y?.buttonIcon?.iconRaw?.root??s()}}}),{}),classNames:{root:n(y?.passwordInput??r(),y?.root??m()),label:y?.label??f(),required:y?.required??p(),description:y?.description??l(),error:y?.error??u(),wrapper:y?.wrapper??g(),input:y?.input??d(),section:y?.section??h()},...S})};export{y as PasswordInput};
+import{TextInput as e}from"../text-input/TextInput.mjs";import{ButtonIcon as t}from"../../buttons/button-icon/ButtonIcon.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{passwordInput as r,passwordInputButtonIcon as i,passwordInputButtonIconIcon as a,passwordInputButtonIconIconRaw as o,passwordInputButtonIconIconRawRoot as s,passwordInputButtonIconRoot as c,passwordInputDescription as l,passwordInputError as u,passwordInputInput as d,passwordInputLabel as f,passwordInputRequired as p,passwordInputRoot as m,passwordInputSection as h,passwordInputWrapper as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";import{useState as v}from"react";const y=({classNames:y,hideText:b=`Hide password`,showText:x=`Show password`,...S})=>{let[C,w]=v(!1);return _(e,{type:C?`text`:`password`,endSlot:_(()=>_(t,{name:C?`mage-password-input-eye-off`:`mage-password-input-eye`,path:`/icons/sprite-mage.svg`,label:C?b:x,onClick:()=>w(!C),classNames:{buttonIcon:y?.buttonIcon?.buttonIcon??i(),root:y?.buttonIcon?.root??c(),icon:y?.buttonIcon?.icon??a(),iconRaw:{iconRaw:y?.buttonIcon?.iconRaw?.iconRaw??o(),root:y?.buttonIcon?.iconRaw?.root??s()}}}),{}),classNames:{root:n(y?.passwordInput??r(),y?.root??m()),label:y?.label??f(),required:y?.required??p(),description:y?.description??l(),error:y?.error??u(),wrapper:y?.wrapper??g(),input:y?.input??d(),section:y?.section??h()},...S})};export{y as PasswordInput};
 //# sourceMappingURL=PasswordInput.mjs.map

package/dist/components/data-display/indicator/Indicator.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{indicator as t,indicatorLabel as n,indicatorRoot as r}from"@mage-ui/styled-system/recipes";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{visuallyHidden as c}from"@mage-ui/styled-system/patterns";const l=(e,t)=>{let n={};return e.includes(`top`)&&t&&(n.top=t+`px`),e.includes(`bottom`)&&t&&(n.bottom=t+`px`),e.includes(`start`)&&t&&(n.left=t+`px`),e.includes(`end`)&&t&&(n.right=t+`px`),n},u=s(({children:s,label:u=void 0,disabled:d=!1,position:f=`top-end`,offset:p=0,classNames:m,ariaLabel:h},g)=>o(`div`,{className:e(m?.indicator??t(),m?.root??r()),ref:g,children:[!d&&o(i,{children:[h&&a(`span`,{className:c(),children:h}),a(`span`,{className:e(n({position:f}),m?.label),style:l(f,p),children:u})]}),s]}));u.displayName=`Indicator`;export{u as Indicator};
+import{cx as e}from"@mage-ui/styled-system/css";import{indicator as t,indicatorLabel as n,indicatorRoot as r}from"@mage-ui/styled-system/recipes";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{visuallyHidden as c}from"@mage-ui/styled-system/patterns";const l=(e,t)=>{let n={};return e.includes(`top`)&&t&&(n.top=`${t}px`),e.includes(`bottom`)&&t&&(n.bottom=`${t}px`),e.includes(`start`)&&t&&(n.left=`${t}px`),e.includes(`end`)&&t&&(n.right=`${t}px`),n},u=s(({children:s,label:u=void 0,disabled:d=!1,position:f=`top-end`,offset:p=0,classNames:m,ariaLabel:h},g)=>o(`div`,{className:e(m?.indicator??t(),m?.root??r()),ref:g,children:[!d&&o(i,{children:[h&&a(`span`,{className:c(),children:h}),a(`span`,{className:e(n({position:f}),m?.label),style:l(f,p),children:u})]}),s]}));u.displayName=`Indicator`;export{u as Indicator};
 //# sourceMappingURL=Indicator.mjs.map

package/dist/components/data-display/indicator/Indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.mjs","names":[],"sources":["../../../../src/components/data-display/indicator/Indicator.tsx"],"sourcesContent":["import { type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  indicator,\n  indicatorLabel,\n  indicatorRoot,\n} from '@mage-ui/styled-system/recipes';\n\ntype IndicatorPosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom-center'\n  | 'center-start'\n  | 'center-end'\n  | 'center-center';\n\ntype Offset = {\n  top?: string;\n  bottom?: string;\n  left?: string;\n  right?: string;\n};\n\nexport type IndicatorProps = ComponentPropsWithRef<'div'> & {\n  label?: string | number;\n  ariaLabel?: string;\n  disabled?: boolean;\n  offset?: number;\n  position?: IndicatorPosition;\n  classNames?: {\n    indicator?: string;\n    root?: string;\n    label?: string;\n  };\n};\n\nconst calculateOffset = (position: string, offset: number) => {\n  const offsetLabel = {} as Offset;\n  if (position.includes('top') && offset) offsetLabel.top = offset + 'px';\n  if (position.includes('bottom') && offset) offsetLabel.bottom = offset + 'px';\n  if (position.includes('start') && offset) offsetLabel.left = offset + 'px';\n  if (position.includes('end') && offset) offsetLabel.right = offset + 'px';\n  return offsetLabel;\n};\n\nexport const Indicator = forwardRef<HTMLDivElement, IndicatorProps>(\n  (\n    {\n      children,\n      label = undefined,\n      disabled = false,\n      position = 'top-end',\n      offset = 0,\n      classNames,\n      ariaLabel,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        className={cx(\n          classNames?.indicator ?? indicator(),\n          classNames?.root ?? indicatorRoot(),\n        )}\n        ref={ref}\n      >\n        {!disabled && (\n          <>\n            {ariaLabel && <span className={visuallyHidden()}>{ariaLabel}</span>}\n            <span\n              className={cx(indicatorLabel({ position }), classNames?.label)}\n              style={calculateOffset(position, offset)}\n            >\n              {label}\n            </span>\n          </>\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nIndicator.displayName = 'Indicator';\n"],"mappings":"sTAyCA,MAAM,GAAmB,EAAkB,IAAmB,CAC5D,IAAM,EAAc,EAAE,CAKtB,OAJI,EAAS,SAAS,MAAM,EAAI,IAAQ,EAAY,IAAM,EAAS,MAC/D,EAAS,SAAS,SAAS,EAAI,IAAQ,EAAY,OAAS,EAAS,MACrE,EAAS,SAAS,QAAQ,EAAI,IAAQ,EAAY,KAAO,EAAS,MAClE,EAAS,SAAS,MAAM,EAAI,IAAQ,EAAY,MAAQ,EAAS,MAC9D,GAGI,EAAY,GAErB,CACE,WACA,QAAQ,IAAA,GACR,WAAW,GACX,WAAW,UACX,SAAS,EACT,aACA,aAEF,IAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACpC,CACI,gBAEJ,CAAC,GACA,EAAA,EAAA,CAAA,SAAA,CACG,GAAa,EAAC,OAAA,CAAK,UAAW,GAAgB,UAAG,GAAiB,CACnE,EAAC,OAAA,CACC,UAAW,EAAG,EAAe,CAAE,WAAU,CAAC,CAAE,GAAY,MAAM,CAC9D,MAAO,EAAgB,EAAU,EAAO,UAEvC,GACI,CAAA,CAAA,CACN,CAEJ,EAAA,EACG,CAGX,CAED,EAAU,YAAc"}
+{"version":3,"file":"Indicator.mjs","names":[],"sources":["../../../../src/components/data-display/indicator/Indicator.tsx"],"sourcesContent":["import { type ComponentPropsWithRef, forwardRef } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  indicator,\n  indicatorLabel,\n  indicatorRoot,\n} from '@mage-ui/styled-system/recipes';\n\ntype IndicatorPosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom-center'\n  | 'center-start'\n  | 'center-end'\n  | 'center-center';\n\ntype Offset = {\n  top?: string;\n  bottom?: string;\n  left?: string;\n  right?: string;\n};\n\nexport type IndicatorProps = ComponentPropsWithRef<'div'> & {\n  label?: string | number;\n  ariaLabel?: string;\n  disabled?: boolean;\n  offset?: number;\n  position?: IndicatorPosition;\n  classNames?: {\n    indicator?: string;\n    root?: string;\n    label?: string;\n  };\n};\n\nconst calculateOffset = (position: string, offset: number) => {\n  const offsetLabel = {} as Offset;\n  if (position.includes('top') && offset) offsetLabel.top = `${offset}px`;\n  if (position.includes('bottom') && offset) offsetLabel.bottom = `${offset}px`;\n  if (position.includes('start') && offset) offsetLabel.left = `${offset}px`;\n  if (position.includes('end') && offset) offsetLabel.right = `${offset}px`;\n  return offsetLabel;\n};\n\nexport const Indicator = forwardRef<HTMLDivElement, IndicatorProps>(\n  (\n    {\n      children,\n      label = undefined,\n      disabled = false,\n      position = 'top-end',\n      offset = 0,\n      classNames,\n      ariaLabel,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        className={cx(\n          classNames?.indicator ?? indicator(),\n          classNames?.root ?? indicatorRoot(),\n        )}\n        ref={ref}\n      >\n        {!disabled && (\n          <>\n            {ariaLabel && <span className={visuallyHidden()}>{ariaLabel}</span>}\n            <span\n              className={cx(indicatorLabel({ position }), classNames?.label)}\n              style={calculateOffset(position, offset)}\n            >\n              {label}\n            </span>\n          </>\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nIndicator.displayName = 'Indicator';\n"],"mappings":"sTAyCA,MAAM,GAAmB,EAAkB,IAAmB,CAC5D,IAAM,EAAc,EAAE,CAKtB,OAJI,EAAS,SAAS,MAAM,EAAI,IAAQ,EAAY,IAAM,GAAG,EAAO,KAChE,EAAS,SAAS,SAAS,EAAI,IAAQ,EAAY,OAAS,GAAG,EAAO,KACtE,EAAS,SAAS,QAAQ,EAAI,IAAQ,EAAY,KAAO,GAAG,EAAO,KACnE,EAAS,SAAS,MAAM,EAAI,IAAQ,EAAY,MAAQ,GAAG,EAAO,KAC/D,GAGI,EAAY,GAErB,CACE,WACA,QAAQ,IAAA,GACR,WAAW,GACX,WAAW,UACX,SAAS,EACT,aACA,aAEF,IAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACpC,CACI,gBAEJ,CAAC,GACA,EAAA,EAAA,CAAA,SAAA,CACG,GAAa,EAAC,OAAA,CAAK,UAAW,GAAgB,UAAG,GAAiB,CACnE,EAAC,OAAA,CACC,UAAW,EAAG,EAAe,CAAE,WAAU,CAAC,CAAE,GAAY,MAAM,CAC9D,MAAO,EAAgB,EAAU,EAAO,UAEvC,GACI,CAAA,CAAA,CACN,CAEJ,EAAA,EACG,CAGX,CAED,EAAU,YAAc"}

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

@@ -10,6 +10,9 @@ interface BoardItem {
   content?: {
     description?: string;
     priority?: string;
+    assignee?: string;
+    inTop?: boolean;
+    [key: string]: unknown;
   };
   type?: string | number;
   status?: string;

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":";;;;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"}
+{"version":3,"file":"Kanban.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"mappings":";;;;UAkBiB,SAAA;EACf,EAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA;IACE,WAAA;IACA,QAAA;IACA,QAAA;IACA,KAAA;IAAA,CACC,GAAA;EAAA;EAEH,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,UAIa,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{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};
+import{KanbanCard as e}from"./KanbanCard.mjs";import{addCardPlaceholder as t,getAddCardPlaceholderKey as n}from"./kanbanUtils.mjs";import{KanbanCardAdder as r}from"./KanbanCardAdder.mjs";import{KanbanCardDragIndicator as i}from"./KanbanCardDragIndicator.mjs";import{KanbanColumnHeader as a}from"./KanbanColumnHeader.mjs";import{KanbanListFooter as o}from"./KanbanListFooter.mjs";import{cx as s}from"@mage-ui/styled-system/css";import{kanban as c,kanbanColumn as l,kanbanRoot as u,kanbanWrapperColumn as d}from"@mage-ui/styled-system/recipes";import{jsx as f}from"react/jsx-runtime";import{useState as p}from"react";import{Kanban as m,dropHandler as h}from"react-kanban-kit";const g=({dataSource:g,configMap:_,onCardMove:v,classNames:y})=>{let[b,x]=p(g);return f(m,{dataSource:b,configMap:_??{card:{render:({data:t})=>f(e,{data:t}),isDraggable:!0},"new-card":{render:({column:e,data:t})=>f(r,{columnId:e.id,dataSource:b,setDataSource:x,inTop:t?.content?.inTop??!0}),isDraggable:!1}},renderColumnHeader:e=>f(a,{column:e}),renderCardDragIndicator:()=>f(i,{}),rootClassName:s(y?.kanban??c(),y?.root??u(),`group`),columnWrapperClassName:()=>y?.columnWrapper??d(),columnClassName:()=>y?.column??l(),renderListFooter:e=>f(o,{onAddTask:()=>x(t(e.id,b,!1))}),allowListFooter:e=>!e.children.includes(n(e.id)),onCardMove:e=>{x(t=>h(e,structuredClone(t),()=>{},e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)+1}),e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)-1}))),v?.(e)}})};export{g 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, 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"}
+{"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 { KanbanCardAdder } from './KanbanCardAdder';\nimport { KanbanCardDragIndicator } from './KanbanCardDragIndicator';\nimport { KanbanColumnHeader } from './KanbanColumnHeader';\nimport { KanbanListFooter } from './KanbanListFooter';\nimport { addCardPlaceholder, getAddCardPlaceholderKey } from './kanbanUtils';\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    assignee?: string;\n    inTop?: boolean;\n    [key: string]: unknown;\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\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 defaultConfigMap: ConfigMap = {\n    card: {\n      render: ({ data }: CardRenderProps) => <KanbanCard data={data} />,\n      isDraggable: true,\n    },\n    'new-card': {\n      render: ({ column, data }: CardRenderProps) => (\n        <KanbanCardAdder\n          columnId={column.id}\n          dataSource={board}\n          setDataSource={setBoard}\n          inTop={data?.content?.inTop ?? true}\n        />\n      ),\n      isDraggable: false,\n    },\n  };\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={(column) => (\n        <KanbanListFooter\n          onAddTask={() =>\n            setBoard(addCardPlaceholder(column.id, board, false))\n          }\n        />\n      )}\n      allowListFooter={(column) =>\n        !column.children.includes(getAddCardPlaceholderKey(column.id))\n      }\n      onCardMove={handleCardMove}\n    />\n  );\n};\n"],"mappings":"kqBA2EA,MAAaA,GAAU,CACrB,aACA,YACA,aACA,gBACiB,CACjB,GAAM,CAAC,EAAO,GAAY,EAAoB,EAAW,CAwCzD,OACE,EAACC,EAAAA,CACC,WAAY,EACZ,UAAW,GAzCqB,CAClC,KAAM,CACJ,QAAS,CAAE,UAA4B,EAAC,EAAA,CAAiB,OAAA,CAAQ,CACjE,YAAa,GACd,CACD,WAAY,CACV,QAAS,CAAE,SAAQ,UACjB,EAAC,EAAA,CACC,SAAU,EAAO,GACjB,WAAY,EACZ,cAAe,EACf,MAAO,GAAM,SAAS,OAAS,IAC/B,CAEJ,YAAa,GACd,CACF,CA0BG,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,iBAAmB,GACjB,EAAC,EAAA,CACC,cACE,EAAS,EAAmB,EAAO,GAAI,EAAO,GAAM,CAAC,CAAA,CAEvD,CAEJ,gBAAkB,GAChB,CAAC,EAAO,SAAS,SAAS,EAAyB,EAAO,GAAG,CAAC,CAEhE,WA7CoB,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,GA6BhB"}

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

@@ -1,2 +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};
+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:[u.content?.assignee&&c(e,{name:u.content?.assignee}),u.content?.priority&&c(t,{children:u.content?.priority})]})]});export{u as KanbanCard};
 //# sourceMappingURL=KanbanCard.mjs.map

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

@@ -1 +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"}
+{"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        {data.content?.assignee && <Avatar name={data.content?.assignee} />}\n        {data.content?.priority && <Badge>{data.content?.priority}</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,WAC3D,EAAK,SAAS,UAAY,EAAC,EAAA,CAAO,KAAM,EAAK,SAAS,SAAA,CAAY,CAClE,EAAK,SAAS,UAAY,EAAC,EAAA,CAAA,SAAO,EAAK,SAAS,SAAA,CAAiB,CAAA,EAC9D,GACF"}

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

@@ -0,0 +1,2 @@
+import{Button as e}from"../../buttons/button/Button.mjs";import{TextInput as t}from"../../controls/text-input/TextInput.mjs";import{addCard as n,removeCardPlaceholder as r}from"./kanbanUtils.mjs";import{cx as i}from"@mage-ui/styled-system/css";import{kanbanCardAdder as a,kanbanCardAdderButtonAdd as o,kanbanCardAdderButtonAddInner as s,kanbanCardAdderButtonAddLabel as c,kanbanCardAdderButtonAddRoot as l,kanbanCardAdderButtonAddSection as u,kanbanCardAdderButtonCancel as d,kanbanCardAdderButtonCancelInner as f,kanbanCardAdderButtonCancelLabel as p,kanbanCardAdderButtonCancelRoot as m,kanbanCardAdderButtonCancelSection as h,kanbanCardAdderButtonWrapper as g,kanbanCardAdderRoot as _,kanbanCardAdderTextInput as v,kanbanCardAdderTextInputDescription as y,kanbanCardAdderTextInputError as b,kanbanCardAdderTextInputInput as x,kanbanCardAdderTextInputLabel as S,kanbanCardAdderTextInputRequired as C,kanbanCardAdderTextInputRoot as w,kanbanCardAdderTextInputSection as T,kanbanCardAdderTextInputWrapper as E}from"@mage-ui/styled-system/recipes";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{useState as k}from"react";import{visuallyHidden as A}from"@mage-ui/styled-system/patterns";const j=({columnId:j,dataSource:M,setDataSource:N,inTop:P,inputLabel:F=`Task Title`,inputPlaceholder:I=`Enter task title`,addLabel:L=`Add Task`,cancelLabel:R=`Cancel`,classNames:z})=>{let[B,V]=k(``),H=e=>{N(r(e,M))},U=(e,t)=>{t.trim()&&N(n(e,M,t,P))};return O(`div`,{className:i(z?.cardAdder??a(),z?.root??_()),children:[D(t,{label:F,value:B,onChange:e=>V(e.currentTarget.value),placeholder:I,onKeyDown:e=>{e.key===`Enter`?U(j,B):e.key===`Escape`&&H(j)},classNames:{textInput:z?.textInput??v(),root:z?.root??w(),label:z?.label??i(S(),A()),description:z?.description??y(),error:z?.error??b(),wrapper:z?.wrapper??E(),input:z?.input??x(),section:z?.section??T(),required:z?.required??C()}}),O(`div`,{className:z?.buttonWrapper??g(),children:[D(e,{type:`button`,onClick:()=>H(j),classNames:{button:z?.cancelButton?.button??d(),root:z?.cancelButton?.root??m(),inner:z?.cancelButton?.inner??f(),label:z?.cancelButton?.label??p(),section:z?.cancelButton?.section??h()},children:R}),D(e,{type:`button`,onClick:()=>U(j,B),classNames:{button:z?.addButton?.button??o(),root:z?.addButton?.root??l(),inner:z?.addButton?.inner??s(),label:z?.addButton?.label??c(),section:z?.addButton?.section??u()},children:L})]})]})};export{j as KanbanCardAdder};
+//# sourceMappingURL=KanbanCardAdder.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCardAdder.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardAdder.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  kanbanCardAdder,\n  kanbanCardAdderButtonAdd,\n  kanbanCardAdderButtonAddInner,\n  kanbanCardAdderButtonAddLabel,\n  kanbanCardAdderButtonAddRoot,\n  kanbanCardAdderButtonAddSection,\n  kanbanCardAdderButtonCancel,\n  kanbanCardAdderButtonCancelInner,\n  kanbanCardAdderButtonCancelLabel,\n  kanbanCardAdderButtonCancelRoot,\n  kanbanCardAdderButtonCancelSection,\n  kanbanCardAdderButtonWrapper,\n  kanbanCardAdderRoot,\n  kanbanCardAdderTextInput,\n  kanbanCardAdderTextInputDescription,\n  kanbanCardAdderTextInputError,\n  kanbanCardAdderTextInputInput,\n  kanbanCardAdderTextInputLabel,\n  kanbanCardAdderTextInputRequired,\n  kanbanCardAdderTextInputRoot,\n  kanbanCardAdderTextInputSection,\n  kanbanCardAdderTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Button, type ButtonProps } from '../../buttons/button/Button';\nimport {\n  TextInput,\n  type TextInputProps,\n} from '../../controls/text-input/TextInput';\nimport type { BoardData } from './Kanban';\nimport { addCard, removeCardPlaceholder } from './kanbanUtils';\n\nexport interface KanbanCardAdderProps {\n  columnId: string;\n  dataSource: BoardData;\n  setDataSource: (dataSource: BoardData) => void;\n  inTop: boolean;\n  inputLabel?: string;\n  inputPlaceholder?: string;\n  addLabel?: string;\n  cancelLabel?: string;\n  classNames?: Omit<NonNullable<TextInputProps['classNames']>, 'textInput'> & {\n    cardAdder?: string;\n    textInput?: string;\n    buttonWrapper?: string;\n    addButton?: ButtonProps['classNames'];\n    cancelButton?: ButtonProps['classNames'];\n  };\n}\n\nexport const KanbanCardAdder = ({\n  columnId,\n  dataSource,\n  setDataSource,\n  inTop,\n  inputLabel = 'Task Title',\n  inputPlaceholder = 'Enter task title',\n  addLabel = 'Add Task',\n  cancelLabel = 'Cancel',\n  classNames,\n}: KanbanCardAdderProps) => {\n  const [newCardTitle, setNewCardTitle] = useState('');\n\n  const removeCardPlaceholderHandler = (id: string) => {\n    setDataSource(removeCardPlaceholder(id, dataSource));\n  };\n\n  const addCardHandler = (id: string, title: string) => {\n    if (!title.trim()) return;\n    setDataSource(addCard(id, dataSource, title, inTop));\n  };\n\n  return (\n    <div\n      className={cx(\n        classNames?.cardAdder ?? kanbanCardAdder(),\n        classNames?.root ?? kanbanCardAdderRoot(),\n      )}\n    >\n      <TextInput\n        label={inputLabel}\n        value={newCardTitle}\n        onChange={(e) => setNewCardTitle(e.currentTarget.value)}\n        placeholder={inputPlaceholder}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            addCardHandler(columnId, newCardTitle);\n          } else if (e.key === 'Escape') {\n            removeCardPlaceholderHandler(columnId);\n          }\n        }}\n        classNames={{\n          textInput: classNames?.textInput ?? kanbanCardAdderTextInput(),\n          root: classNames?.root ?? kanbanCardAdderTextInputRoot(),\n          label:\n            classNames?.label ??\n            cx(kanbanCardAdderTextInputLabel(), visuallyHidden()),\n          description:\n            classNames?.description ?? kanbanCardAdderTextInputDescription(),\n          error: classNames?.error ?? kanbanCardAdderTextInputError(),\n          wrapper: classNames?.wrapper ?? kanbanCardAdderTextInputWrapper(),\n          input: classNames?.input ?? kanbanCardAdderTextInputInput(),\n          section: classNames?.section ?? kanbanCardAdderTextInputSection(),\n          required: classNames?.required ?? kanbanCardAdderTextInputRequired(),\n        }}\n      />\n      <div\n        className={classNames?.buttonWrapper ?? kanbanCardAdderButtonWrapper()}\n      >\n        <Button\n          type='button'\n          onClick={() => removeCardPlaceholderHandler(columnId)}\n          classNames={{\n            button:\n              classNames?.cancelButton?.button ?? kanbanCardAdderButtonCancel(),\n            root:\n              classNames?.cancelButton?.root ??\n              kanbanCardAdderButtonCancelRoot(),\n            inner:\n              classNames?.cancelButton?.inner ??\n              kanbanCardAdderButtonCancelInner(),\n            label:\n              classNames?.cancelButton?.label ??\n              kanbanCardAdderButtonCancelLabel(),\n            section:\n              classNames?.cancelButton?.section ??\n              kanbanCardAdderButtonCancelSection(),\n          }}\n        >\n          {cancelLabel}\n        </Button>\n        <Button\n          type='button'\n          onClick={() => addCardHandler(columnId, newCardTitle)}\n          classNames={{\n            button: classNames?.addButton?.button ?? kanbanCardAdderButtonAdd(),\n            root: classNames?.addButton?.root ?? kanbanCardAdderButtonAddRoot(),\n            inner:\n              classNames?.addButton?.inner ?? kanbanCardAdderButtonAddInner(),\n            label:\n              classNames?.addButton?.label ?? kanbanCardAdderButtonAddLabel(),\n            section:\n              classNames?.addButton?.section ??\n              kanbanCardAdderButtonAddSection(),\n          }}\n        >\n          {addLabel}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"2qCAuDA,MAAa,GAAmB,CAC9B,WACA,aACA,gBACA,QACA,aAAa,aACb,mBAAmB,mBACnB,WAAW,WACX,cAAc,SACd,gBAC0B,CAC1B,GAAM,CAAC,EAAc,GAAmB,EAAS,GAAG,CAE9C,EAAgC,GAAe,CACnD,EAAc,EAAsB,EAAI,EAAW,CAAC,EAGhD,GAAkB,EAAY,IAAkB,CAC/C,EAAM,MAAM,EACjB,EAAc,EAAQ,EAAI,EAAY,EAAO,EAAM,CAAC,EAGtD,OACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,WAAa,GAAiB,CAC1C,GAAY,MAAQ,GAAqB,CAC1C,WAED,EAAC,EAAA,CACC,MAAO,EACP,MAAO,EACP,SAAW,GAAM,EAAgB,EAAE,cAAc,MAAM,CACvD,YAAa,EACb,UAAY,GAAM,CACZ,EAAE,MAAQ,QACZ,EAAe,EAAU,EAAa,CAC7B,EAAE,MAAQ,UACnB,EAA6B,EAAS,EAG1C,WAAY,CACV,UAAW,GAAY,WAAa,GAA0B,CAC9D,KAAM,GAAY,MAAQ,GAA8B,CACxD,MACE,GAAY,OACZ,EAAG,GAA+B,CAAE,GAAgB,CAAC,CACvD,YACE,GAAY,aAAe,GAAqC,CAClE,MAAO,GAAY,OAAS,GAA+B,CAC3D,QAAS,GAAY,SAAW,GAAiC,CACjE,MAAO,GAAY,OAAS,GAA+B,CAC3D,QAAS,GAAY,SAAW,GAAiC,CACjE,SAAU,GAAY,UAAY,GAAkC,CACrE,EACD,CACF,EAAC,MAAA,CACC,UAAW,GAAY,eAAiB,GAA8B,WAEtE,EAAC,EAAA,CACC,KAAK,SACL,YAAe,EAA6B,EAAS,CACrD,WAAY,CACV,OACE,GAAY,cAAc,QAAU,GAA6B,CACnE,KACE,GAAY,cAAc,MAC1B,GAAiC,CACnC,MACE,GAAY,cAAc,OAC1B,GAAkC,CACpC,MACE,GAAY,cAAc,OAC1B,GAAkC,CACpC,QACE,GAAY,cAAc,SAC1B,GAAoC,CACvC,UAEA,GACM,CACT,EAAC,EAAA,CACC,KAAK,SACL,YAAe,EAAe,EAAU,EAAa,CACrD,WAAY,CACV,OAAQ,GAAY,WAAW,QAAU,GAA0B,CACnE,KAAM,GAAY,WAAW,MAAQ,GAA8B,CACnE,MACE,GAAY,WAAW,OAAS,GAA+B,CACjE,MACE,GAAY,WAAW,OAAS,GAA+B,CACjE,QACE,GAAY,WAAW,SACvB,GAAiC,CACpC,UAEA,GACM,CAAA,EACL,CAAA,EACF"}

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

@@ -0,0 +1,2 @@
+const e=e=>`add-card-${e}`,t=(t,n,r=!0)=>{let i=e(t);return n[t].children.includes(i)?n:{...n,[t]:{...n[t],totalChildrenCount:n[t].totalChildrenCount+1,children:r?[i,...n[t].children]:[...n[t].children,i]},[i]:{id:i,title:`Add card`,parentId:t,children:[],totalChildrenCount:0,type:`new-card`,isDraggable:!1,content:{inTop:r,id:i}}}},n=(t,n)=>{let r=e(t),i={...n};return delete i[r],{...i,[t]:{...n[t],totalChildrenCount:n[t].totalChildrenCount-1,children:n[t].children.filter(e=>e!==r)}}},r=(e,t,r,i=!0)=>{let a=`card-${crypto.randomUUID()}`,o=n(e,t);return{...o,[e]:{...o[e],totalChildrenCount:o[e].totalChildrenCount+1,children:i?[a,...o[e].children]:[...o[e].children,a]},[a]:{id:a,title:r,parentId:e,children:[],totalChildrenCount:0,type:`card`}}};export{r as addCard,t as addCardPlaceholder,e as getAddCardPlaceholderKey,n as removeCardPlaceholder};
+//# sourceMappingURL=kanbanUtils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kanbanUtils.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/kanbanUtils.ts"],"sourcesContent":["import type { BoardData } from './Kanban';\n\nexport const getAddCardPlaceholderKey = (columnId: string) =>\n  `add-card-${columnId}`;\n\nexport const addCardPlaceholder = (\n  columnId: string,\n  dataSource: BoardData,\n  inTop = true,\n): BoardData => {\n  const placeholderKey = getAddCardPlaceholderKey(columnId);\n  const alreadyExists = dataSource[columnId].children.includes(placeholderKey);\n\n  if (alreadyExists) return dataSource;\n\n  return {\n    ...dataSource,\n    [columnId]: {\n      ...dataSource[columnId],\n      totalChildrenCount: dataSource[columnId].totalChildrenCount + 1,\n      children: inTop\n        ? [placeholderKey, ...dataSource[columnId].children]\n        : [...dataSource[columnId].children, placeholderKey],\n    },\n    [placeholderKey]: {\n      id: placeholderKey,\n      title: 'Add card',\n      parentId: columnId,\n      children: [],\n      totalChildrenCount: 0,\n      type: 'new-card',\n      isDraggable: false,\n      content: {\n        inTop,\n        id: placeholderKey,\n      },\n    },\n  } as BoardData;\n};\n\nexport const removeCardPlaceholder = (\n  columnId: string,\n  dataSource: BoardData,\n): BoardData => {\n  const placeholderKey = getAddCardPlaceholderKey(columnId);\n  const updated = { ...dataSource };\n  delete updated[placeholderKey];\n  return {\n    ...updated,\n    [columnId]: {\n      ...dataSource[columnId],\n      totalChildrenCount: dataSource[columnId].totalChildrenCount - 1,\n      children: dataSource[columnId].children.filter(\n        (id) => id !== placeholderKey,\n      ),\n    },\n  };\n};\n\nexport const addCard = (\n  columnId: string,\n  dataSource: BoardData,\n  title: string,\n  inTop = true,\n): BoardData => {\n  const newCardId = `card-${crypto.randomUUID()}`;\n  const withoutPlaceholder = removeCardPlaceholder(columnId, dataSource);\n\n  return {\n    ...withoutPlaceholder,\n    [columnId]: {\n      ...withoutPlaceholder[columnId],\n      totalChildrenCount: withoutPlaceholder[columnId].totalChildrenCount + 1,\n      children: inTop\n        ? [newCardId, ...withoutPlaceholder[columnId].children]\n        : [...withoutPlaceholder[columnId].children, newCardId],\n    },\n    [newCardId]: {\n      id: newCardId,\n      title,\n      parentId: columnId,\n      children: [],\n      totalChildrenCount: 0,\n      type: 'card',\n    },\n  } as BoardData;\n};\n"],"mappings":"AAEA,MAAa,EAA4B,GACvC,YAAY,IAED,GACX,EACA,EACA,EAAQ,KACM,CACd,IAAM,EAAiB,EAAyB,EAAS,CAKzD,OAJsB,EAAW,GAAU,SAAS,SAAS,EAAe,CAElD,EAEnB,CACL,GAAG,GACF,GAAW,CACV,GAAG,EAAW,GACd,mBAAoB,EAAW,GAAU,mBAAqB,EAC9D,SAAU,EACN,CAAC,EAAgB,GAAG,EAAW,GAAU,SAAS,CAClD,CAAC,GAAG,EAAW,GAAU,SAAU,EAAe,CACvD,EACA,GAAiB,CAChB,GAAI,EACJ,MAAO,WACP,SAAU,EACV,SAAU,EAAE,CACZ,mBAAoB,EACpB,KAAM,WACN,YAAa,GACb,QAAS,CACP,QACA,GAAI,EACL,CACF,CACF,EAGU,GACX,EACA,IACc,CACd,IAAM,EAAiB,EAAyB,EAAS,CACnD,EAAU,CAAE,GAAG,EAAY,CAEjC,OADA,OAAO,EAAQ,GACR,CACL,GAAG,GACF,GAAW,CACV,GAAG,EAAW,GACd,mBAAoB,EAAW,GAAU,mBAAqB,EAC9D,SAAU,EAAW,GAAU,SAAS,OACrC,GAAO,IAAO,EAChB,CACF,CACF,EAGU,GACX,EACA,EACA,EACA,EAAQ,KACM,CACd,IAAM,EAAY,QAAQ,OAAO,YAAY,GACvC,EAAqB,EAAsB,EAAU,EAAW,CAEtE,MAAO,CACL,GAAG,GACF,GAAW,CACV,GAAG,EAAmB,GACtB,mBAAoB,EAAmB,GAAU,mBAAqB,EACtE,SAAU,EACN,CAAC,EAAW,GAAG,EAAmB,GAAU,SAAS,CACrD,CAAC,GAAG,EAAmB,GAAU,SAAU,EAAU,CAC1D,EACA,GAAY,CACX,GAAI,EACJ,QACA,SAAU,EACV,SAAU,EAAE,CACZ,mBAAoB,EACpB,KAAM,OACP,CACF"}

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{DescriptionList as l}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as u}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as d}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as f}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as p}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as m}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as h}from"./components/data-display/kanban/KanbanCard.mjs";import{Kanban as g}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as _}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as v}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as y}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as b}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as x}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as S}from"./components/data-display/removable-item/RemovableItem.mjs";import{Virtual as C}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as w}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as T}from"./components/data-display/table/Table.mjs";import{TagGroup as E}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as D}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as O}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as k}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as A}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as j}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as M}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as N}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as P}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Checkbox as F}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as I}from"./components/controls/date-picker/DatePicker.mjs";import{TextInput as L}from"./components/controls/text-input/TextInput.mjs";import{Autocomplete as R}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as z}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as B}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as V}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as H}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as U}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as W}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as G}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as K}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as q}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Textarea as Y}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as X}from"./components/forms/rules/password-rules.mjs";import{z as Z}from"./components/forms/rules/zod.mjs";import{Form as Q}from"./components/forms/Form.mjs";import{Card as $}from"./components/layouts/card/Card.mjs";import{FluidGrid as ee}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as re}from"./components/navigations/menu/Menu.mjs";import{Modal as ie}from"./components/overlays/modal/Modal.mjs";import{Modals as ae}from"./components/overlays/modal/index.mjs";import{Toast as oe}from"./components/overlays/toast/toast.mjs";import{Tooltip as se}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as le}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,R as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,M as ButtonIcon,N as ButtonIconVisual,r as ButtonLoader,P as ButtonVisual,s as Calendar,$ as Card,F as Checkbox,z as Combobox,I as DatePicker,l as DescriptionList,V as Dropzone,H as DropzoneFiles,U as FileInput,W as FileInputMultiple,ee as FluidGrid,Q as Form,te as Grid,A as HorizontalDivider,d as Icon,u as IconRaw,f as IconSvg,p as IconWrapped,m as Indicator,g as Kanban,h as KanbanCard,_ as LoaderDot,v as LoaderOval,y as LogoImage,b as LogoSvg,le as MageUiProvider,re as Menu,ie as Modal,ae as Modals,x as NotificationBanner,X as PASSWORD_RULES,G as PasswordInput,K as PasswordStrengthInput,J as Radio,S as RemovableItem,w as ScrollArea,j as ScrollAreaAutosize,B as Select,ce as Sidebar,T as Table,D as Tag,E as TagGroup,L as TextInput,Y as Textarea,oe as Toast,se as Tooltip,O as UploadedFile,k as UploadedFileDetails,C as Virtual,t as VisuallyHidden,c as momentLocalizer,q as usePasswordRules,Z as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{DescriptionList as l}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as u}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as d}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as f}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as p}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as m}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as h}from"./components/data-display/kanban/KanbanCard.mjs";import{TextInput as g}from"./components/controls/text-input/TextInput.mjs";import{Kanban as _}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as v}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as y}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as b}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as x}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as S}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as C}from"./components/data-display/removable-item/RemovableItem.mjs";import{Virtual as w}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as E}from"./components/data-display/table/Table.mjs";import{TagGroup as D}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as O}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as k}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as A}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as j}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as M}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as N}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as P}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as F}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as R}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as z}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as B}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as V}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as H}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as U}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as W}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as G}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as K}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as q}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Textarea as Y}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as X}from"./components/forms/rules/password-rules.mjs";import{z as Z}from"./components/forms/rules/zod.mjs";import{Form as Q}from"./components/forms/Form.mjs";import{Card as $}from"./components/layouts/card/Card.mjs";import{FluidGrid as ee}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as re}from"./components/navigations/menu/Menu.mjs";import{Modal as ie}from"./components/overlays/modal/Modal.mjs";import{Modals as ae}from"./components/overlays/modal/index.mjs";import{Toast as oe}from"./components/overlays/toast/toast.mjs";import{Tooltip as se}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as le}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,R as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,N as ButtonIcon,P as ButtonIconVisual,r as ButtonLoader,F as ButtonVisual,s as Calendar,$ as Card,I as Checkbox,z as Combobox,L as DatePicker,l as DescriptionList,V as Dropzone,H as DropzoneFiles,U as FileInput,W as FileInputMultiple,ee as FluidGrid,Q as Form,te as Grid,j as HorizontalDivider,d as Icon,u as IconRaw,f as IconSvg,p as IconWrapped,m as Indicator,_ as Kanban,h as KanbanCard,v as LoaderDot,y as LoaderOval,b as LogoImage,x as LogoSvg,le as MageUiProvider,re as Menu,ie as Modal,ae as Modals,S as NotificationBanner,X as PASSWORD_RULES,G as PasswordInput,K as PasswordStrengthInput,J as Radio,C as RemovableItem,T as ScrollArea,M as ScrollAreaAutosize,B as Select,ce as Sidebar,E as Table,O as Tag,D as TagGroup,g as TextInput,Y as Textarea,oe as Toast,se as Tooltip,k as UploadedFile,A as UploadedFileDetails,w as Virtual,t as VisuallyHidden,c as momentLocalizer,q as usePasswordRules,Z as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.65",
+    "@mage-ui/preset": "1.0.67",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {