@vibe/core 3.77.1-alpha-59987.0 → 3.80.0

package/dist/src/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js

@@ -0,0 +1,2 @@
+var n={boxModeContainer:"boxModeContainer_52f28c7612",inputContainer:"inputContainer_897573fb1a",disabled:"disabled_84d7253cff",readOnly:"readOnly_eedf253903",error:"error_860439dc30",menuContainer:"menuContainer_3e20855d17"};!function(n){const r="s_id-f92aa28952f8_3_79_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_52f28c7612 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_897573fb1a {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_897573fb1a:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_897573fb1a:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_897573fb1a.disabled_84d7253cff {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_897573fb1a.readOnly_eedf253903 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_897573fb1a.error_860439dc30 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_3e20855d17 {\n  width: 100%;\n}");export{n as default};
+//# sourceMappingURL=DropdownBoxMode.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBoxMode.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/Dropdown/components/DropdownWrapperUI.js

@@ -1,2 +1,2 @@
-import o from"react";import{DropdownContext as e}from"../context/DropdownContext.js";import r from"./DropdownPopup/DropdownPopup.js";import t from"./DropdownBase/DropdownBase.js";var n=function(n){return o.createElement(e.Provider,{value:n.contextValue},o.createElement(t,{dropdownRef:n.dropdownRef},o.createElement(r,null)))};export{n as default};
+import o from"react";import{DropdownContext as r}from"../context/DropdownContext.js";import e from"./DropdownPopup/DropdownPopup.js";import t from"./DropdownBoxMode/DropdownBoxMode.js";import n from"./DropdownBase/DropdownBase.js";var p=function(p){var d=p.contextValue;return o.createElement(r.Provider,{value:d},o.createElement(n,{dropdownRef:p.dropdownRef},o.createElement(d.boxMode?t:e,null)))};export{p as default};
 //# sourceMappingURL=DropdownWrapperUI.js.map

package/dist/src/components/next/Dropdown/components/DropdownWrapperUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../../src/components/next/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseListItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownWrapperUIProps<Item>\n) => {\n  const { contextValue, dropdownRef } = props;\n\n  return (\n    <DropdownContext.Provider value={contextValue}>\n      <DropdownBase dropdownRef={dropdownRef}>\n        <DropdownPopup />\n      </DropdownBase>\n    </DropdownContext.Provider>\n  );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","React","DropdownContext","Provider","value","contextValue","createElement","DropdownBase","dropdownRef","DropdownPopup"],"mappings":"mLAYA,IAAMA,EAAoB,SACxBC,GAIA,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAHUJ,EAA9BK,cAIJJ,EAAAK,cAACC,EAAY,CAACC,YAJoBR,EAAhBQ,aAKhBP,EAAAK,cAACG,EAAa,OAItB"}
+{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../../src/components/next/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseListItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownWrapperUIProps<Item>\n) => {\n  const { contextValue, dropdownRef } = props;\n\n  return (\n    <DropdownContext.Provider value={contextValue}>\n      <DropdownBase dropdownRef={dropdownRef}>\n        {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n      </DropdownBase>\n    </DropdownContext.Provider>\n  );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","React","DropdownContext","Provider","value","createElement","DropdownBase","dropdownRef","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SACxBC,GAEA,IAAQC,EAA8BD,EAA9BC,aAER,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAAOJ,GAC/BC,EAACI,cAAAC,EAAa,CAAAC,YAJoBR,EAAhBQ,aAKQN,gBAAvBD,EAAaQ,QAAWC,EAAsBC,EAAP,OAIhD"}

package/dist/src/components/next/Dropdown/components/Menu/Menu.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import i from"../../../../BaseList/BaseList.js";import{useDropdownContext as n}from"../../context/DropdownContext.js";import o from"./Menu.module.scss.js";import s from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var l=function(){var l=n(),a=l.isOpen,m=l.filteredOptions,p=l.highlightedIndex,d=l.getMenuProps,u=l.getItemProps,c=l.optionRenderer,g=l.menuRenderer,f=l.size,h=l.withGroupDivider,v=l.stickyGroupTitle,b=l.dir,j=l.noOptionsMessage,x=l.maxMenuHeight,I=l.onScroll,M=l.menuAriaLabel,O=l.selectedItem,C=l.selectedItems,P=l.menuWrapperClassName,D=l.multi,y=(null==C?void 0:C.length)>0?C:O?[O]:[];return t.createElement(s,{className:r(e(e({},o.menuVisible,a),o.menuHidden,!a),P),style:a?void 0:{padding:0}},t.createElement(i,{size:f,options:m,selectedItems:y,highlightedIndex:p,menuAriaLabel:M,getMenuProps:function(e){var t=(null==d?void 0:d(e))||{};return D?Object.assign(Object.assign({},t),{"aria-multiselectable":"true"}):t},getItemProps:u,withGroupDivider:h,stickyGroupTitle:v,dir:b,itemRenderer:c,noOptionsMessage:j,renderOptions:a,onScroll:I,maxMenuHeight:x,menuRenderer:g}))};export{l as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import n from"./MenuList.js";import i from"./Menu.module.scss.js";import m from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var s=function(){var s=t(),a=s.isOpen,l=s.menuWrapperClassName;return o.createElement(m,{className:r(e(e({},i.menuVisible,a),i.menuHidden,!a),l),style:a?void 0:{padding:0}},o.createElement(n,null))};export{s as default};
 //# sourceMappingURL=Menu.js.map

package/dist/src/components/next/Dropdown/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/next/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { BaseList } from \"../../../../BaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseListItemData<Record<string, unknown>>>() => {\n  const {\n    isOpen,\n    filteredOptions,\n    highlightedIndex,\n    getMenuProps,\n    getItemProps,\n    optionRenderer,\n    menuRenderer,\n    size,\n    withGroupDivider,\n    stickyGroupTitle,\n    dir,\n    noOptionsMessage,\n    maxMenuHeight,\n    onScroll,\n    menuAriaLabel,\n    selectedItem,\n    selectedItems,\n    menuWrapperClassName,\n    multi\n  } = useDropdownContext<Item>();\n\n  const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n  const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n    const baseProps = getMenuProps?.(props) || {};\n    return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n  };\n\n  return (\n    <DialogContentContainer\n      className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n      style={!isOpen ? { padding: 0 } : undefined}\n    >\n      <BaseList<Item>\n        size={size}\n        options={filteredOptions}\n        selectedItems={currentSelection}\n        highlightedIndex={highlightedIndex}\n        menuAriaLabel={menuAriaLabel}\n        getMenuProps={enhancedGetMenuProps}\n        getItemProps={getItemProps}\n        withGroupDivider={withGroupDivider}\n        stickyGroupTitle={stickyGroupTitle}\n        dir={dir}\n        itemRenderer={optionRenderer}\n        noOptionsMessage={noOptionsMessage}\n        renderOptions={isOpen}\n        onScroll={onScroll}\n        maxMenuHeight={maxMenuHeight}\n        menuRenderer={menuRenderer}\n      />\n    </DialogContentContainer>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","filteredOptions","highlightedIndex","getMenuProps","getItemProps","optionRenderer","menuRenderer","size","withGroupDivider","stickyGroupTitle","dir","noOptionsMessage","maxMenuHeight","onScroll","menuAriaLabel","selectedItem","selectedItems","menuWrapperClassName","multi","currentSelection","length","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","BaseList","options","props","baseProps","Object","assign","itemRenderer","renderOptions"],"mappings":"4YAQA,IAAMA,EAAO,WACX,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAeH,EAAfG,gBACAC,EAAgBJ,EAAhBI,iBACAC,EAAYL,EAAZK,aACAC,EAAYN,EAAZM,aACAC,EAAcP,EAAdO,eACAC,EAAYR,EAAZQ,aACAC,EAAIT,EAAJS,KACAC,EAAgBV,EAAhBU,iBACAC,EAAgBX,EAAhBW,iBACAC,EAAGZ,EAAHY,IACAC,EAAgBb,EAAhBa,iBACAC,EAAad,EAAbc,cACAC,EAAQf,EAARe,SACAC,EAAahB,EAAbgB,cACAC,EAAYjB,EAAZiB,aACAC,EAAalB,EAAbkB,cACAC,EAAoBnB,EAApBmB,qBACAC,EAAKpB,EAALoB,MAGIC,GAAmBH,aAAA,EAAAA,EAAeI,QAAS,EAAIJ,EAAgBD,EAAe,CAACA,GAAgB,GAOrG,OACEM,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAc3B,GAAS0B,EAAOE,YAAc5B,GAAUiB,GAC9EY,MAAQ7B,OAA0B8B,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,CACP1B,KAAMA,EACN2B,QAASjC,EACTe,cAAeG,EACfjB,iBAAkBA,EAClBY,cAAeA,EACfX,aAhBuB,SAACgC,GAC5B,IAAMC,GAAYjC,aAAA,EAAAA,EAAegC,KAAU,CAAA,EAC3C,OAAOjB,EAAOmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAe9DhC,aAAcA,EACdI,iBAAkBA,EAClBC,iBAAkBA,EAClBC,IAAKA,EACL6B,aAAclC,EACdM,iBAAkBA,EAClB6B,cAAexC,EACfa,SAAUA,EACVD,cAAeA,EACfN,aAAcA,IAItB"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/next/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseListItemData<Record<string, unknown>>>() => {\n  const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n  return (\n    <DialogContentContainer\n      className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n      style={!isOpen ? { padding: 0 } : undefined}\n    >\n      <MenuList<Item> />\n    </DialogContentContainer>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","MenuList"],"mappings":"yXAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAcR,GAASO,EAAOE,YAAcT,GAAUC,GAC9ES,MAAQV,OAA0BW,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,MAGf"}

package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_3ec2d3abcf",menuHidden:"menuHidden_1e6a2c5485"};!function(e){const i="s_id-448dc11ee0f4_3_77_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_3ec2d3abcf {\n  visibility: visible;\n}\n\n.menuHidden_1e6a2c5485 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_f664184158",menuHidden:"menuHidden_bd29ccff68"};!function(e){const i="s_id-448dc11ee0f4_3_79_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_f664184158 {\n  visibility: visible;\n}\n\n.menuHidden_bd29ccff68 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Menu/MenuList.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"../../../../BaseList/BaseList.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";var i=function(){var i=r(),n=i.getMenuProps,o=i.selectedItem,s=i.selectedItems,l=i.multi;return e.createElement(t,{size:i.size,options:i.filteredOptions,selectedItems:(null==s?void 0:s.length)>0?s:o?[o]:[],highlightedIndex:i.highlightedIndex,menuAriaLabel:i.menuAriaLabel,getMenuProps:function(e){var t=(null==n?void 0:n(e))||{};return l?Object.assign(Object.assign({},t),{"aria-multiselectable":"true"}):t},getItemProps:i.getItemProps,withGroupDivider:i.withGroupDivider,stickyGroupTitle:i.stickyGroupTitle,dir:i.dir,itemRenderer:i.optionRenderer,noOptionsMessage:i.noOptionsMessage,renderOptions:!!i.boxMode||i.isOpen,onScroll:i.onScroll,maxMenuHeight:i.maxMenuHeight,menuRenderer:i.menuRenderer})};export{i as default};
+//# sourceMappingURL=MenuList.js.map

package/dist/src/components/next/Dropdown/components/Menu/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/next/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseList } from \"../../../../BaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\n\nconst MenuList = <Item extends BaseListItemData<Record<string, unknown>>>() => {\n  const {\n    filteredOptions,\n    highlightedIndex,\n    getMenuProps,\n    getItemProps,\n    optionRenderer,\n    menuRenderer,\n    size,\n    withGroupDivider,\n    stickyGroupTitle,\n    dir,\n    noOptionsMessage,\n    maxMenuHeight,\n    onScroll,\n    menuAriaLabel,\n    selectedItem,\n    selectedItems,\n    multi,\n    isOpen,\n    boxMode\n  } = useDropdownContext<Item>();\n\n  const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n  const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n    const baseProps = getMenuProps?.(props) || {};\n    return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n  };\n\n  return (\n    <BaseList<Item>\n      size={size}\n      options={filteredOptions}\n      selectedItems={currentSelection}\n      highlightedIndex={highlightedIndex}\n      menuAriaLabel={menuAriaLabel}\n      getMenuProps={enhancedGetMenuProps}\n      getItemProps={getItemProps}\n      withGroupDivider={withGroupDivider}\n      stickyGroupTitle={stickyGroupTitle}\n      dir={dir}\n      itemRenderer={optionRenderer}\n      noOptionsMessage={noOptionsMessage}\n      renderOptions={boxMode ? true : isOpen}\n      onScroll={onScroll}\n      maxMenuHeight={maxMenuHeight}\n      menuRenderer={menuRenderer}\n    />\n  );\n};\n\nexport default MenuList;\n"],"names":["MenuList","_useDropdownContext","useDropdownContext","getMenuProps","selectedItem","selectedItems","multi","React","createElement","BaseList","size","options","filteredOptions","length","highlightedIndex","menuAriaLabel","props","baseProps","Object","assign","getItemProps","withGroupDivider","stickyGroupTitle","dir","itemRenderer","optionRenderer","noOptionsMessage","renderOptions","boxMode","isOpen","onScroll","maxMenuHeight","menuRenderer"],"mappings":"2IAKA,IAAMA,EAAW,WACf,IAAAC,EAoBIC,IAjBFC,EAAYF,EAAZE,aAYAC,EAAYH,EAAZG,aACAC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAYF,OACEC,EAACC,cAAAC,EACC,CAAAC,KAxBET,EAAJS,KAyBEC,QA/BaV,EAAfW,gBAgCEP,eAXqBA,aAAA,EAAAA,EAAeQ,QAAS,EAAIR,EAAgBD,EAAe,CAACA,GAAgB,GAYjGU,iBAhCcb,EAAhBa,iBAiCEC,cArBWd,EAAbc,cAsBEZ,aAZyB,SAACa,GAC5B,IAAMC,GAAYd,aAAA,EAAAA,EAAea,KAAU,CAAA,EAC3C,OAAOV,EAAOY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAWhEG,aAjCUnB,EAAZmB,aAkCEC,iBA9BcpB,EAAhBoB,iBA+BEC,iBA9BcrB,EAAhBqB,iBA+BEC,IA9BCtB,EAAHsB,IA+BEC,aApCYvB,EAAdwB,eAqCEC,iBA/BczB,EAAhByB,iBAgCEC,gBAxBK1B,EAAP2B,SADM3B,EAAN4B,OA0BEC,SA/BM7B,EAAR6B,SAgCEC,cAjCW9B,EAAb8B,cAkCEC,aAxCU/B,EAAZ+B,cA2CJ"}

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import l from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import s from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import u from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import m from"../../../../../../components/dialog/dist/Dialog/Dialog.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=t(null),D=t(null),b=o((function(){return f.map((function(){return r()}))}),[f]),y=l({containerRef:w,itemRefs:b,gap:4,deductedSpaceRef:D,minVisibleCount:1===f.length?1:0}),E=y.visibleCount,j=y.hasMeasured,k=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),x=k.hiddenItems,I=k.hiddenCount,N=o((function(){return function(){return n.createElement(u,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:s.hiddenChipsDialog},x.map((function(e){return n.createElement(d,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:s.dialogChip,disabled:v,readOnly:C})}))))}}),[x,g,v,C]),O=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:b[o],className:c(e({},s.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(d,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C}))}))}),[f,E,g,b,v,C]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:w,className:c(s.containerWrapper,e(e({},s.singleChip,1===f.length),s.measuring,!j))},O,n.createElement(a,{ref:D,gap:"xs"},I>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(m,{content:N,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(I),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(I,". ").concat(f.length-I," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:s.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:s.inputWrapper},h()))):null}export{p as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import l from"./MultiSelectedValues.module.scss.js";import s from"classnames";import c from"../Trigger/DropdownChip.js";import d from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import u from"../../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../../components/dialog/dist/Dialog/Dialog.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=t(null),D=t(null),b=o((function(){return f.map((function(){return r()}))}),[f]),y=a({containerRef:w,itemRefs:b,gap:4,deductedSpaceRef:D,minVisibleCount:1===f.length?1:0}),E=y.visibleCount,j=y.hasMeasured,k=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),x=k.hiddenItems,I=k.hiddenCount,N=o((function(){return function(){return n.createElement(d,null,n.createElement(u,{direction:"column",gap:"xs",align:"start",className:l.hiddenChipsDialog},x.map((function(e){return n.createElement(c,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:l.dialogChip,disabled:v,readOnly:C})}))))}}),[x,g,v,C]),O=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:b[o],className:s(e({},l.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(c,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C}))}))}),[f,E,g,b,v,C]);return(null==f?void 0:f.length)?n.createElement(u,{align:"center",wrap:!1,gap:"xs",ref:w,className:s(l.containerWrapper,e(e({},l.singleChip,1===f.length),l.measuring,!j))},O,n.createElement(u,{ref:D,gap:"xs"},I>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(m,{content:N,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(I),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(I,". ").concat(f.length-I," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:l.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:l.inputWrapper},h()))):null}export{p as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    minVisibleCount: selectedItems.length === 1 ? 1 : 0\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={itemRefs[index]}\n          className={cx({ [styles.hiddenChip]: !isVisible })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex ref={deductedSpaceRef} gap=\"xs\">\n        {hiddenCount > 0 && (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","minVisibleCount","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"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"}
+{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    minVisibleCount: selectedItems.length === 1 ? 1 : 0\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={itemRefs[index]}\n          className={cx({ [styles.hiddenChip]: !isVisible })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex ref={deductedSpaceRef} gap=\"xs\">\n        {hiddenCount > 0 && (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","minVisibleCount","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"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"}

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_e9017f079d",singleChip:"singleChip_ec39d807dc",measuring:"measuring_74a92ba995",hiddenChip:"hiddenChip_962479883e",hiddenChipsDialog:"hiddenChipsDialog_fd7a16102b",dialogChip:"dialogChip_458a0aa75b"};!function(e){const i="s_id-e886ace5e472_3_77_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".containerWrapper_e9017f079d {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_e9017f079d.singleChip_ec39d807dc > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_e9017f079d.singleChip_ec39d807dc > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_e9017f079d.measuring_74a92ba995 > div:not(.hiddenChip_962479883e) {\n  opacity: 0;\n}\n.hiddenChip_962479883e {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_fd7a16102b {\n  max-width: 192px;\n}\n.dialogChip_458a0aa75b {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_a117357cb1",singleChip:"singleChip_6170937d14",measuring:"measuring_63e3e3d22d",hiddenChip:"hiddenChip_7769f89802",hiddenChipsDialog:"hiddenChipsDialog_f04edb7cbe",dialogChip:"dialogChip_92272bdf4e"};!function(e){const i="s_id-e886ace5e472_3_79_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".containerWrapper_a117357cb1 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_a117357cb1.singleChip_6170937d14 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_a117357cb1.singleChip_6170937d14 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_a117357cb1.measuring_63e3e3d22d > div:not(.hiddenChip_7769f89802) {\n  opacity: 0;\n}\n.hiddenChip_7769f89802 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_f04edb7cbe {\n  max-width: 192px;\n}\n.dialogChip_92272bdf4e {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Trigger/DropdownInput.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import l from"classnames";import a from"./Trigger.module.scss.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import o from"../../../../Text/Text.js";import s from"../../../../../../base/dist/BaseInput/BaseInput.js";var i=function(i){var n,m=i.inputSize,p=r(),d=p.inputValue,c=p.autoFocus,u=p.disabled,b=p.readOnly,g=p.placeholder,f=p.multi,v=p.selectedItem,x=p.selectedItems,j=p.inputAriaLabel,y=p.searchable,h=p.size,I=p.label,O=p.getDropdownProps,P=p.getLabelProps,E=p.getInputProps,F=f?(void 0===x?[]:x).length>0:!!v,T=O?O({preventKeyAction:p.isOpen}):{};return t.createElement(t.Fragment,null,y?t.createElement(s,Object.assign({},E(Object.assign({"aria-labelledby":I?P().id:void 0,"aria-label":j||(I||null===(n=P())||void 0===n?void 0:n.id),placeholder:F?"":g},T)),{inputRole:"combobox",value:d||"",autoFocus:c,size:m||h,className:l(a.inputWrapper,e(e(e(e({},a.hasSelected,!f&&v&&!d),a.small,"small"===m),a.multi,f&&F),a.multiSelected,f&&F&&"small"===m)),disabled:u,readOnly:b})):t.createElement(t.Fragment,null,!F&&g&&t.createElement(o,{color:"secondary",className:l(a.placeholderText,e({},a.disabled,!!u)),type:"small"===h?"text2":"text1"},g)))};export{i as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import l,{useRef as t}from"react";import a from"classnames";import r from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"../../../../Text/Text.js";import i from"../../../../../../base/dist/BaseInput/BaseInput.js";var n=function(n){var m,p=n.inputSize,d=o(),u=d.inputValue,c=d.autoFocus,b=d.disabled,f=d.readOnly,g=d.placeholder,v=d.multi,x=d.selectedItem,j=d.selectedItems,y=void 0===j?[]:j,h=d.inputAriaLabel,I=d.searchable,O=d.size,P=d.label,E=d.isOpen,F=d.getDropdownProps,T=d.getLabelProps,z=d.getInputProps,B=t(null),S=v?y.length>0:!!x,w=F?F({preventKeyAction:E}):{};return l.createElement(l.Fragment,null,I?l.createElement(i,Object.assign({},z(Object.assign({"aria-labelledby":P?T().id:void 0,"aria-label":h||(P||null===(m=T())||void 0===m?void 0:m.id),placeholder:S?"":g,ref:B},w)),{inputRole:"combobox",value:u||"",autoFocus:c,size:p||O,className:a(r.inputWrapper,e(e(e(e({},r.hasSelected,!v&&x&&!u),r.small,"small"===p),r.multi,v&&S),r.multiSelected,v&&S&&"small"===p)),disabled:b,readOnly:f})):l.createElement(l.Fragment,null,!S&&g&&l.createElement(s,{color:"secondary",className:a(r.placeholderText,e({},r.disabled,!!b)),type:"small"===O?"text2":"text1"},g)))};export{n as default};
 //# sourceMappingURL=DropdownInput.js.map

package/dist/src/components/next/Dropdown/components/Trigger/DropdownInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Text } from \"../../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" | \"medium\" | \"large\" }) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n  return (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","getDropdownProps","getLabelProps","getInputProps","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","isOpen","React","createElement","Fragment","BaseInput","Object","assign","id","undefined","_a","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","Text","color","placeholderText","type"],"mappings":"gWAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cACAC,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MAEAC,EAAgBf,EAAhBe,iBACAC,EAAahB,EAAbgB,cACAC,EAAajB,EAAbiB,cAGIC,EAAeX,QAXH,IAAHE,EAAG,GAAEA,GAWuBU,OAAS,IAAMX,EAEpDY,EAAiCL,EAAmBA,EAAiB,CAAEM,iBARrErB,EAANsB,SAQyG,CAAA,EAE3G,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAAb,EACCW,EAACC,cAAAE,mBACKT,EAAaU,OAAAC,OAAA,CACf,kBAAmBd,EAAQE,IAAgBa,QAAKC,EAChD,aAAcnB,IAAmBG,GAAmC,QAAfiB,EAAAf,WAAe,IAAAe,OAA3BD,EAA2BC,EAAEF,IACtEvB,YAAaY,EAAe,GAAKZ,GAC9Bc,KAELY,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASW,GACxBkB,EAAOK,cAAgBlC,GAASW,GAA8B,UAAdnB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZkB,iCACIL,GAAgBZ,GAChBiB,EAAAC,cAACkB,EAAI,CACHC,MAAM,YACNT,UAAWC,EAAGC,EAAOQ,gBAAeN,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvByC,KAAe,UAAThC,EAAmB,QAAU,SAElCP,IAOf"}
+{"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Text } from \"../../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" | \"medium\" | \"large\" }) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps\n  } = useDropdownContext<BaseListItemData>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n  return (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ref: inputRef,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","inputRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"6WAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cAGIC,EAAWC,EAAyB,MACpCC,EAAed,EAAQG,EAAcY,OAAS,IAAMd,EACpDe,EAAiCP,EAAmBA,EAAiB,CAAEQ,iBAAkBT,IAAY,CAAA,EAE3G,OACEU,gCACGb,EACCa,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJV,EACFS,OAAAC,OAAA,CAAA,kBAAmBd,EAAQG,IAAgBY,QAAKC,EAChD,aAAcnB,IAAmBG,aAAoBG,sBAAZa,IAA6BD,IACtEvB,YAAae,EAAe,GAAKf,EACjCyB,IAAKZ,GACFI,IAEL,CAAAS,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASc,GACxBe,EAAOK,cAAgBlC,GAASc,GAA8B,UAAdtB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZoB,iCACIJ,GAAgBf,GAChBmB,EAAAiB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvB0C,KAAe,UAATjC,EAAmB,QAAU,SAElCP,IAOf"}

package/dist/src/components/next/Dropdown/components/Trigger/MultiSelectTrigger.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"../../../../Flex/Flex.js";import r from"../MultiSelectedValues/MultiSelectedValues.js";import l from"./DropdownInput.js";import{useDropdownContext as a}from"../../context/DropdownContext.js";import i from"./TriggerActions.js";import n from"./Trigger.module.scss.js";import{getStyle as o}from"../../../../../helpers/typesciptCssModulesHelper.js";import s from"classnames";import m from"./DropdownChip.js";var d=function(){var d,p=a(),u=p.selectedItems,c=void 0===u?[]:u,v=p.contextOnOptionRemove,f=p.multiline,g=p.disabled,b=p.readOnly,E=p.error,j=p.searchable,y=p.getToggleButtonProps,x=p.label,h=p.getLabelProps,O=p.ariaLabel;return e.createElement(t,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:s(n.triggerWrapper,o(n,p.size))},j?{}:y({"aria-haspopup":"dialog","aria-labelledby":x?h().id:void 0,"aria-label":O||(x||null===(d=h())||void 0===d?void 0:d.id),"aria-disabled":g?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":b?"true":void 0})),c.length>0?e.createElement("div",{className:n.multiWrapper},f?e.createElement(t,{gap:"xs",wrap:!0},c.map((function(r,a){var i,n;return e.createElement(t,{key:(null!==(n=null!==(i=r.id)&&void 0!==i?i:r.value)&&void 0!==n?n:a)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(m,{item:r,onDelete:function(){null==v||v(r)},readOnly:b,disabled:g})),a===c.length-1&&e.createElement(l,{inputSize:"small"}))}))):e.createElement(r,{disabled:g,readOnly:b,selectedItems:c,onRemove:function(e){null==v||v(e)},renderInput:function(){return e.createElement(l,{inputSize:"small"})}})):e.createElement(l,null)),e.createElement(i,null))};export{d as default};
+import e from"react";import t from"../MultiSelectedValues/MultiSelectedValues.js";import r from"./DropdownInput.js";import{useDropdownContext as l}from"../../context/DropdownContext.js";import a from"./TriggerActions.js";import i from"./Trigger.module.scss.js";import{getStyle as n}from"../../../../../helpers/typesciptCssModulesHelper.js";import o from"classnames";import s from"./DropdownChip.js";import m from"../../../../../../components/layout/dist/Flex/Flex.js";var d=function(){var d,p=l(),u=p.selectedItems,c=void 0===u?[]:u,v=p.contextOnOptionRemove,f=p.multiline,g=p.disabled,b=p.readOnly,E=p.error,j=p.searchable,y=p.getToggleButtonProps,x=p.label,h=p.getLabelProps,O=p.ariaLabel;return e.createElement(m,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:o(i.triggerWrapper,n(i,p.size))},j?{}:y({"aria-haspopup":"dialog","aria-labelledby":x?h().id:void 0,"aria-label":O||(x||null===(d=h())||void 0===d?void 0:d.id),"aria-disabled":g?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":b?"true":void 0})),c.length>0?e.createElement("div",{className:i.multiWrapper},f?e.createElement(m,{gap:"xs",wrap:!0},c.map((function(t,l){var a,i;return e.createElement(m,{key:(null!==(i=null!==(a=t.id)&&void 0!==a?a:t.value)&&void 0!==i?i:l)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(s,{item:t,onDelete:function(){null==v||v(t)},readOnly:b,disabled:g})),l===c.length-1&&e.createElement(r,{inputSize:"small"}))}))):e.createElement(t,{disabled:g,readOnly:b,selectedItems:c,onRemove:function(e){null==v||v(e)},renderInput:function(){return e.createElement(r,{inputSize:"small"})}})):e.createElement(r,null)),e.createElement(a,null))};export{d as default};
 //# sourceMappingURL=MultiSelectTrigger.js.map

package/dist/src/components/next/Dropdown/components/Trigger/MultiSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"../../../../Flex\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"../../../../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    ariaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {selectedItems.length > 0 ? (\n          <div className={styles.multiWrapper}>\n            {!multiline ? (\n              <MultiSelectedValues\n                disabled={disabled}\n                readOnly={readOnly}\n                selectedItems={selectedItems}\n                onRemove={item => {\n                  contextOnOptionRemove?.(item);\n                }}\n                renderInput={() => <DropdownInput inputSize=\"small\" />}\n              />\n            ) : (\n              <Flex gap=\"xs\" wrap>\n                {selectedItems.map((item, index) => (\n                  <Flex key={String(item.id ?? item.value ?? index)}>\n                    <div style={{ flexShrink: 0 }}>\n                      <DropdownChip\n                        item={item}\n                        onDelete={() => {\n                          contextOnOptionRemove?.(item);\n                        }}\n                        readOnly={readOnly}\n                        disabled={disabled}\n                      />\n                    </div>\n                    {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n                  </Flex>\n                ))}\n              </Flex>\n            )}\n          </div>\n        ) : (\n          <DropdownInput />\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","TriggerActions"],"mappings":"ubAYA,IAAMA,EAAqB,iBACzBC,EAaIC,IAAsCC,EAAAF,EAZxCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACAC,EAASb,EAATa,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAX9CvB,EAAJ0B,QAYUjB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBe,QAAKC,EAChD,aAAcf,IAAcF,GAAmC,QAAfkB,EAAAjB,WAAe,IAAAiB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBrB,EAAW,YAASsB,EACrC,eAAgBpB,EAAQ,YAASoB,EACjC,gBAAiBrB,EAAW,YAASqB,KAI1CzB,EAAc2B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB1B,EAWAS,EAAAC,cAACC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB9B,EAAc+B,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRxC,SAAAA,EAAwB+B,EACzB,EACD5B,SAAUA,EACVD,SAAUA,KAGb8B,IAAUjC,EAAc2B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KAzBHhC,EAACC,cAAAgC,GACCzC,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf6C,SAAU,SAAAb,GACR/B,SAAAA,EAAwB+B,EACzB,EACDc,YAAa,WAAA,OAAMnC,EAACC,cAAA8B,EAAc,CAAAC,UAAU,SAAU,KAuB5DhC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACmC,EAAc,MAGrB"}
+{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"../../../../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    ariaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {selectedItems.length > 0 ? (\n          <div className={styles.multiWrapper}>\n            {!multiline ? (\n              <MultiSelectedValues\n                disabled={disabled}\n                readOnly={readOnly}\n                selectedItems={selectedItems}\n                onRemove={item => {\n                  contextOnOptionRemove?.(item);\n                }}\n                renderInput={() => <DropdownInput inputSize=\"small\" />}\n              />\n            ) : (\n              <Flex gap=\"xs\" wrap>\n                {selectedItems.map((item, index) => (\n                  <Flex key={String(item.id ?? item.value ?? index)}>\n                    <div style={{ flexShrink: 0 }}>\n                      <DropdownChip\n                        item={item}\n                        onDelete={() => {\n                          contextOnOptionRemove?.(item);\n                        }}\n                        readOnly={readOnly}\n                        disabled={disabled}\n                      />\n                    </div>\n                    {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n                  </Flex>\n                ))}\n              </Flex>\n            )}\n          </div>\n        ) : (\n          <DropdownInput />\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","TriggerActions"],"mappings":"odAYA,IAAMA,EAAqB,iBACzBC,EAaIC,IAAsCC,EAAAF,EAZxCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACAC,EAASb,EAATa,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAX9CvB,EAAJ0B,QAYUjB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBe,QAAKC,EAChD,aAAcf,IAAcF,GAAmC,QAAfkB,EAAAjB,WAAe,IAAAiB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBrB,EAAW,YAASsB,EACrC,eAAgBpB,EAAQ,YAASoB,EACjC,gBAAiBrB,EAAW,YAASqB,KAI1CzB,EAAc2B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB1B,EAWAS,EAAAC,cAACC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB9B,EAAc+B,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRxC,SAAAA,EAAwB+B,EACzB,EACD5B,SAAUA,EACVD,SAAUA,KAGb8B,IAAUjC,EAAc2B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KAzBHhC,EAACC,cAAAgC,GACCzC,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf6C,SAAU,SAAAb,GACR/B,SAAAA,EAAwB+B,EACzB,EACDc,YAAa,WAAA,OAAMnC,EAACC,cAAA8B,EAAc,CAAAC,UAAU,SAAU,KAuB5DhC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACmC,EAAc,MAGrB"}

package/dist/src/components/next/Dropdown/components/Trigger/SingleSelectTrigger.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"../../../../BaseListItem/BaseListItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as s}from"../../context/DropdownContext.js";import o from"../../../../Flex/Flex.js";import n from"./TriggerActions.js";import{getStyle as d}from"../../../../../helpers/typesciptCssModulesHelper.js";var m=function(){var m,p,c=s(),u=c.inputValue,v=c.selectedItem,g=c.searchable,b=c.size,f=c.valueRenderer,j=c.isFocused,E=c.getToggleButtonProps,y=c.disabled,x=c.readOnly,I=c.error,O=c.label,B=c.getLabelProps,L=c.ariaLabel;return r.createElement(o,{justify:"space-between",align:"center"},r.createElement("div",Object.assign({className:t(l.triggerWrapper,d(l,b))},g?{}:E({"aria-haspopup":"dialog","aria-labelledby":O?B().id:void 0,"aria-label":L||(O||null===(m=B())||void 0===m?void 0:m.id),"aria-disabled":y?"true":void 0,"aria-invalid":I?"true":void 0,"aria-readonly":x?"true":void 0})),r.createElement(i,null),!u&&v&&r.createElement("div",{className:t(l.selectedItem,e({},l.faded,j&&g),d(l,b))},r.createElement(a,{component:"div",itemRenderer:f,size:b,readOnly:!0,item:Object.assign(Object.assign({},v),{disabled:y,startElement:"indent"===(null===(p=v.startElement)||void 0===p?void 0:p.type)?void 0:v.startElement})}))),r.createElement(n,null))};export{m as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import a from"../../../../BaseListItem/BaseListItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as s}from"../../context/DropdownContext.js";import o from"./TriggerActions.js";import{getStyle as n}from"../../../../../helpers/typesciptCssModulesHelper.js";import d from"../../../../../../components/layout/dist/Flex/Flex.js";var m=function(){var m,p,c=s(),u=c.inputValue,v=c.selectedItem,g=c.searchable,b=c.size,f=c.valueRenderer,j=c.isFocused,y=c.getToggleButtonProps,E=c.disabled,x=c.readOnly,I=c.error,O=c.label,B=c.getLabelProps,L=c.ariaLabel;return t.createElement(d,{justify:"space-between",align:"center"},t.createElement("div",Object.assign({className:r(l.triggerWrapper,n(l,b))},g?{}:y({"aria-haspopup":"dialog","aria-labelledby":O?B().id:void 0,"aria-label":L||(O||null===(m=B())||void 0===m?void 0:m.id),"aria-disabled":E?"true":void 0,"aria-invalid":I?"true":void 0,"aria-readonly":x?"true":void 0})),t.createElement(i,null),!u&&v&&t.createElement("div",{className:r(l.selectedItem,e({},l.faded,j&&g),n(l,b))},t.createElement(a,{component:"div",itemRenderer:f,size:b,readOnly:!0,item:Object.assign(Object.assign({},v),{disabled:E,startElement:"indent"===(null===(p=v.startElement)||void 0===p?void 0:p.type)?void 0:v.startElement})}))),t.createElement(o,null))};export{m as default};
 //# sourceMappingURL=SingleSelectTrigger.js.map

package/dist/src/components/next/Dropdown/components/Trigger/SingleSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseListItem, type BaseListItemData } from \"../../../../BaseListItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"../../../../Flex\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"../../../../../helpers/typesciptCssModulesHelper\";\n\nconst SingleSelectTrigger = () => {\n  const {\n    inputValue,\n    selectedItem,\n    searchable,\n    size,\n    valueRenderer,\n    isFocused,\n    getToggleButtonProps,\n    disabled,\n    readOnly,\n    error,\n    label,\n    getLabelProps,\n    ariaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        <DropdownInput />\n\n        {!inputValue && selectedItem && (\n          <div\n            className={cx(\n              styles.selectedItem,\n              {\n                [styles.faded]: isFocused && searchable\n              },\n              getStyle(styles, size)\n            )}\n          >\n            <BaseListItem\n              component=\"div\"\n              itemRenderer={valueRenderer}\n              size={size}\n              readOnly\n              item={{\n                ...selectedItem,\n                disabled,\n                startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseListItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"0eAUA,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACAC,EAASd,EAATc,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}
+{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseListItem, type BaseListItemData } from \"../../../../BaseListItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"../../../../../helpers/typesciptCssModulesHelper\";\n\nconst SingleSelectTrigger = () => {\n  const {\n    inputValue,\n    selectedItem,\n    searchable,\n    size,\n    valueRenderer,\n    isFocused,\n    getToggleButtonProps,\n    disabled,\n    readOnly,\n    error,\n    label,\n    getLabelProps,\n    ariaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        <DropdownInput />\n\n        {!inputValue && selectedItem && (\n          <div\n            className={cx(\n              styles.selectedItem,\n              {\n                [styles.faded]: isFocused && searchable\n              },\n              getStyle(styles, size)\n            )}\n          >\n            <BaseListItem\n              component=\"div\"\n              itemRenderer={valueRenderer}\n              size={size}\n              readOnly\n              item={{\n                ...selectedItem,\n                disabled,\n                startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseListItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"ugBAUA,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACAC,EAASd,EAATc,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}

package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_cfb5f65eb3",small:"small_8d4272c334",medium:"medium_4abf0e4d65",large:"large_2879db4d1a",inputWrapper:"inputWrapper_cd5cf41979",multiSelected:"multiSelected_574e8186d2",hasSelected:"hasSelected_9b4b581dbe",selectedItem:"selectedItem_fe106976b8",faded:"faded_4615a06e0e",placeholderText:"placeholderText_1d0bf895c0",disabled:"disabled_596d9ef57b",multiWrapper:"multiWrapper_bba2b7d45f",actionsWrapper:"actionsWrapper_d9ddbc6037"};!function(e){const n="s_id-03657525809b_3_77_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_cfb5f65eb3 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_cfb5f65eb3.small_8d4272c334 {\n  min-height: 32px;\n}\n.triggerWrapper_cfb5f65eb3.medium_4abf0e4d65 {\n  min-height: 40px;\n}\n.triggerWrapper_cfb5f65eb3.large_2879db4d1a {\n  min-height: 48px;\n}\n.triggerWrapper_cfb5f65eb3 .inputWrapper_cd5cf41979 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_cfb5f65eb3 .inputWrapper_cd5cf41979.small_8d4272c334 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_cfb5f65eb3 .inputWrapper_cd5cf41979.multiSelected_574e8186d2 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_cfb5f65eb3 .inputWrapper_cd5cf41979.hasSelected_9b4b581dbe {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_cfb5f65eb3 .selectedItem_fe106976b8 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_cfb5f65eb3 .selectedItem_fe106976b8.small_8d4272c334 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_cfb5f65eb3 .selectedItem_fe106976b8.medium_4abf0e4d65 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_cfb5f65eb3 .selectedItem_fe106976b8.large_2879db4d1a {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_cfb5f65eb3 .selectedItem_fe106976b8.faded_4615a06e0e {\n  opacity: 0.6;\n}\n.triggerWrapper_cfb5f65eb3 .placeholderText_1d0bf895c0 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_cfb5f65eb3 .placeholderText_1d0bf895c0.disabled_596d9ef57b {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_bba2b7d45f {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_d9ddbc6037 {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_013c16a398",small:"small_c4df6a1d07",medium:"medium_3c0a5c0c2f",large:"large_8facfee645",inputWrapper:"inputWrapper_bcb903ffaf",multiSelected:"multiSelected_49047d03a8",hasSelected:"hasSelected_0d8903812f",selectedItem:"selectedItem_77617bdf8f",faded:"faded_c87ec7c528",placeholderText:"placeholderText_3424ebfe00",disabled:"disabled_c40395050c",multiWrapper:"multiWrapper_6e60574599",actionsWrapper:"actionsWrapper_9329e90f59"};!function(e){const n="s_id-03657525809b_3_79_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_013c16a398 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_013c16a398.small_c4df6a1d07 {\n  min-height: 32px;\n}\n.triggerWrapper_013c16a398.medium_3c0a5c0c2f {\n  min-height: 40px;\n}\n.triggerWrapper_013c16a398.large_8facfee645 {\n  min-height: 48px;\n}\n.triggerWrapper_013c16a398 .inputWrapper_bcb903ffaf {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_013c16a398 .inputWrapper_bcb903ffaf.small_c4df6a1d07 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_013c16a398 .inputWrapper_bcb903ffaf.multiSelected_49047d03a8 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_013c16a398 .inputWrapper_bcb903ffaf.hasSelected_0d8903812f {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_013c16a398 .selectedItem_77617bdf8f {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_013c16a398 .selectedItem_77617bdf8f.small_c4df6a1d07 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_013c16a398 .selectedItem_77617bdf8f.medium_3c0a5c0c2f {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_013c16a398 .selectedItem_77617bdf8f.large_8facfee645 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_013c16a398 .selectedItem_77617bdf8f.faded_c87ec7c528 {\n  opacity: 0.6;\n}\n.triggerWrapper_013c16a398 .placeholderText_3424ebfe00 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_013c16a398 .placeholderText_3424ebfe00.disabled_c40395050c {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_6e60574599 {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_9329e90f59 {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Trigger/TriggerActions.js

@@ -1,2 +1,2 @@
-import e from"react";import o from"../../../../IconButton/IconButton.js";import t from"../../../../Flex/Flex.js";import r from"./Trigger.module.scss.js";import{useDropdownContext as a}from"../../context/DropdownContext.js";import n from"../../../../../../components/loader/dist/Loader/Loader.js";import i from"../../../../../../icons/dist/react/CloseSmall.js";import l from"../../../../../../icons/dist/react/DropdownChevronUp.js";import s from"../../../../../../icons/dist/react/DropdownChevronDown.js";var m={large:"medium",medium:"small",small:"xs"},d=function(){var d=a(),c=d.isOpen,p=d.reset,u=d.contextOnClear,f=d.disabled,g=d.clearable,x=d.selectedItems,b=void 0===x?[]:x,j=d.toggleMenu,C=d.getMenuProps,v=d.clearAriaLabel,w=d.multi?(null==b?void 0:b.length)>0:!!d.selectedItem,E=m[d.size]||"small";return d.readOnly?null:e.createElement("div",{onKeyDown:function(e){e.stopPropagation()}},e.createElement(t,{className:r.actionsWrapper},d.loading&&e.createElement(n,{size:"xs"===E?16:"small"===E?20:24,color:"secondary"}),w&&g&&!f&&e.createElement(o,{"data-testid":"dropdown-clear-button",icon:i,onClick:function(e){e.stopPropagation(),u?u():p()},size:E,ariaLabel:v,hideTooltip:!0}),e.createElement(o,{icon:c?l:s,size:E,disabled:f,ariaControls:C().id,ariaExpanded:c,ariaLabeledBy:C().id,tabIndex:-1,onClick:function(){j()}})))};export{d as default};
+import e from"react";import o from"../../../../IconButton/IconButton.js";import t from"./Trigger.module.scss.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import n from"../../../../../../components/layout/dist/Flex/Flex.js";import a from"../../../../../../components/loader/dist/Loader/Loader.js";import i from"../../../../../../icons/dist/react/CloseSmall.js";import l from"../../../../../../icons/dist/react/DropdownChevronUp.js";import s from"../../../../../../icons/dist/react/DropdownChevronDown.js";var d={large:"medium",medium:"small",small:"xs"},m=function(){var m=r(),c=m.isOpen,p=m.reset,u=m.contextOnClear,f=m.disabled,x=m.clearable,g=m.selectedItems,b=void 0===g?[]:g,j=m.toggleMenu,C=m.getMenuProps,v=m.clearAriaLabel,w=m.boxMode,E=m.multi?(null==b?void 0:b.length)>0:!!m.selectedItem,y=d[m.size]||"small";return m.readOnly?null:e.createElement("div",{onKeyDown:function(e){e.stopPropagation()}},e.createElement(n,{className:t.actionsWrapper},m.loading&&e.createElement(a,{size:"xs"===y?16:"small"===y?20:24,color:"secondary"}),E&&x&&!f&&e.createElement(o,{"data-testid":"dropdown-clear-button",icon:i,onClick:function(e){e.stopPropagation(),u?u():p()},size:y,ariaLabel:v,hideTooltip:!0}),!w&&e.createElement(o,{icon:c?l:s,size:y,disabled:f,ariaControls:C().id,ariaExpanded:c,ariaLabeledBy:C().id,tabIndex:-1,onClick:function(){j()}})))};export{m as default};
 //# sourceMappingURL=TriggerActions.js.map

package/dist/src/components/next/Dropdown/components/Trigger/TriggerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { Flex } from \"../../../../Flex\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\n\nconst sizeMap = {\n  large: \"medium\",\n  medium: \"small\",\n  small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n  const {\n    isOpen,\n    reset,\n    contextOnClear,\n    size,\n    disabled,\n    clearable,\n    readOnly,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    toggleMenu,\n    getMenuProps,\n    loading,\n    clearAriaLabel\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (contextOnClear) {\n      contextOnClear();\n    } else {\n      reset();\n    }\n  };\n\n  if (readOnly) {\n    return null;\n  }\n\n  return (\n    <div\n      onKeyDown={e => {\n        e.stopPropagation();\n      }}\n    >\n      <Flex className={styles.actionsWrapper}>\n        {loading && (\n          <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n        )}\n        {hasSelection && clearable && !disabled && (\n          <IconButton\n            data-testid=\"dropdown-clear-button\"\n            icon={CloseSmall}\n            onClick={handleClear}\n            size={iconButtonSize}\n            ariaLabel={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        <IconButton\n          icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n          size={iconButtonSize}\n          disabled={disabled}\n          ariaControls={getMenuProps().id}\n          ariaExpanded={isOpen}\n          ariaLabeledBy={getMenuProps().id}\n          tabIndex={-1}\n          onClick={() => {\n            toggleMenu();\n          }}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"wfASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAeIC,IAdFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eAGIC,EATCZ,EAALa,OAS2BL,aAAa,EAAbA,EAAeM,QAAS,IARvCd,EAAZe,aASIC,EAAiBrB,EAdjBK,EAAJiB,OAcsC,QAWxC,OAtBUjB,EAARkB,SAuBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA1BnB3B,EAAP4B,SA4BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBN,IAAcD,GAC7Bc,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEnB,EACFA,IAEAD,KAuBMc,KAAMD,EACNmB,UAAWxB,EACXyB,iBAGJjB,EAACC,cAAAW,GACCC,KAAM9B,EAASmC,EAAoBC,EACnCrB,KAAMD,EACNX,SAAUA,EACVkC,aAAc7B,IAAe8B,GAC7BC,aAAcvC,EACdwC,cAAehC,IAAe8B,GAC9BG,UAAW,EACXT,QAAS,WACPzB,GACF,KAKV"}
+{"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\n\nconst sizeMap = {\n  large: \"medium\",\n  medium: \"small\",\n  small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n  const {\n    isOpen,\n    reset,\n    contextOnClear,\n    size,\n    disabled,\n    clearable,\n    readOnly,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    toggleMenu,\n    getMenuProps,\n    loading,\n    clearAriaLabel,\n    boxMode\n  } = useDropdownContext<BaseListItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (contextOnClear) {\n      contextOnClear();\n    } else {\n      reset();\n    }\n  };\n\n  if (readOnly) {\n    return null;\n  }\n\n  return (\n    <div\n      onKeyDown={e => {\n        e.stopPropagation();\n      }}\n    >\n      <Flex className={styles.actionsWrapper}>\n        {loading && (\n          <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n        )}\n        {hasSelection && clearable && !disabled && (\n          <IconButton\n            data-testid=\"dropdown-clear-button\"\n            icon={CloseSmall}\n            onClick={handleClear}\n            size={iconButtonSize}\n            ariaLabel={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        {!boxMode && (\n          <IconButton\n            icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n            size={iconButtonSize}\n            disabled={disabled}\n            ariaControls={getMenuProps().id}\n            ariaExpanded={isOpen}\n            ariaLabeledBy={getMenuProps().id}\n            tabIndex={-1}\n            onClick={() => {\n              toggleMenu();\n            }}\n          />\n        )}\n      </Flex>\n    </div>\n  );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","boxMode","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"qhBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAgBIC,IAfFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eACAC,EAAOZ,EAAPY,QAGIC,EAVCb,EAALc,OAU2BN,aAAa,EAAbA,EAAeO,QAAS,IATvCf,EAAZgB,aAUIC,EAAiBtB,EAfjBK,EAAJkB,OAesC,QAWxC,OAvBUlB,EAARmB,SAwBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA3BnB5B,EAAP6B,SA6BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBP,IAAcD,GAC7Be,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEpB,EACFA,IAEAD,KAuBMe,KAAMD,EACNmB,UAAWzB,EACX0B,kBAGFzB,GACAQ,EAACC,cAAAW,GACCC,KAAM/B,EAASoC,EAAoBC,EACnCrB,KAAMD,EACNZ,SAAUA,EACVmC,aAAc9B,IAAe+B,GAC7BC,aAAcxC,EACdyC,cAAejC,IAAe+B,GAC9BG,UAAW,EACXT,QAAS,WACP1B,GACF,KAMZ"}

package/dist/src/components/next/Dropdown/modes/DropdownComboboxController.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import l from"../hooks/useDropdownCombobox.js";import t from"../components/DropdownWrapperUI.js";var i=function(i){var u=i.options,r=i.isMenuOpen,s=i.autoFocus,a=i.closeMenuOnSelect,d=void 0===a||a,c=i.defaultValue,p=i.value,g=i.inputValue,m=i.onChange,v=i.onInputChange,f=i.onMenuClose,O=i.onMenuOpen,b=i.onOptionSelect,I=i.filterOption,h=i.showSelectedOptions,P=void 0===h||h,M=i.clearable,w=void 0===M||M,j=i.searchable,x=void 0===j||j,B=i.multi,C=void 0!==B&&B,S=i.dropdownRef,y=i.onFocus,D=i.onBlur,F=i.onKeyDown,V=i.onClear,K=i.loading,R=void 0!==K&&K,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.readOnly,k=i.disabled,A=n(!1),E=e(A,2),H=E[0],U=E[1],W=l(u,r,s,d,c,p,g,m,v,f,O,(function(e){null==b||b(e),e&&U(!1)}),I,P,L),q=W.isOpen,G=W.inputValue,J=W.highlightedIndex,N=W.getToggleButtonProps,Q=W.getLabelProps,X=W.getMenuProps,Y=W.getItemProps,Z=W.getInputProps,$=W.reset,ee=W.filteredOptions,oe=W.selectedItem,ne=W.toggleMenu,le=Object.assign(Object.assign({},i),{isOpen:q,inputValue:null!=G?G:null,highlightedIndex:J,selectedItem:oe,selectedItems:[],filteredOptions:ee,getToggleButtonProps:N,getLabelProps:Q,getMenuProps:X,getItemProps:Y,getInputProps:function(e){return Z(Object.assign(Object.assign({},e||{}),{disabled:_||k,onFocus:function(o){var n;U(!0),null==y||y(o),null===(n=null==e?void 0:e.onFocus)||void 0===n||n.call(e,o)},onBlur:function(o){var n;U(!1),null==D||D(o),null===(n=null==e?void 0:e.onBlur)||void 0===n||n.call(e,o)},onKeyDown:function(o){var n;null==F||F(o),null===(n=null==e?void 0:e.onKeyDown)||void 0===n||n.call(e,o)}}))},reset:$,contextOnClear:function(){$(),null==V||V()},contextOnOptionRemove:function(){},addSelectedItem:void 0,removeSelectedItem:void 0,isFocused:H,clearable:w,searchable:x,multi:C,closeMenuOnSelect:d,size:z,toggleMenu:ne,loading:R});return o.createElement(t,{contextValue:le,dropdownRef:S})};export{i as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import l from"../hooks/useDropdownCombobox.js";import t from"../components/DropdownWrapperUI.js";var i=function(i){var u=i.options,r=i.isMenuOpen,s=i.autoFocus,d=i.closeMenuOnSelect,a=void 0===d||d,c=i.defaultValue,p=i.value,g=i.inputValue,v=i.onChange,m=i.onInputChange,f=i.onMenuClose,O=i.onMenuOpen,b=i.onOptionSelect,I=i.filterOption,h=i.showSelectedOptions,P=void 0===h||h,M=i.clearable,w=void 0===M||M,x=i.searchable,j=void 0===x||x,B=i.multi,C=void 0!==B&&B,S=i.dropdownRef,y=i.onFocus,D=i.onBlur,F=i.onKeyDown,V=i.onClear,K=i.loading,R=void 0!==K&&K,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.readOnly,k=i.disabled,A=i.boxMode,E=void 0!==A&&A,H=n(!1),U=e(H,2),W=U[0],q=U[1],G=l(u,E?void 0:r,s,a,c,p,g,v,m,f,O,(function(e){null==b||b(e),e&&q(!1)}),I,P,L),J=G.isOpen,N=G.inputValue,Q=G.highlightedIndex,X=G.getToggleButtonProps,Y=G.getLabelProps,Z=G.getMenuProps,$=G.getItemProps,ee=G.getInputProps,oe=G.reset,ne=G.filteredOptions,le=G.selectedItem,te=G.toggleMenu,ie=Object.assign(Object.assign({},i),{isOpen:!!E||J,inputValue:null!=N?N:null,highlightedIndex:Q,selectedItem:le,selectedItems:[],filteredOptions:ne,getToggleButtonProps:X,getLabelProps:Y,getMenuProps:Z,getItemProps:$,getInputProps:function(e){return ee(Object.assign(Object.assign({},e||{}),{disabled:_||k,onFocus:function(o){var n;q(!0),null==y||y(o),null===(n=null==e?void 0:e.onFocus)||void 0===n||n.call(e,o)},onBlur:function(o){var n;q(!1),null==D||D(o),null===(n=null==e?void 0:e.onBlur)||void 0===n||n.call(e,o)},onKeyDown:function(o){var n;null==F||F(o),null===(n=null==e?void 0:e.onKeyDown)||void 0===n||n.call(e,o)}}))},reset:oe,contextOnClear:function(){oe(),null==V||V()},contextOnOptionRemove:function(){},addSelectedItem:void 0,removeSelectedItem:void 0,isFocused:W,clearable:w,searchable:j,multi:C,closeMenuOnSelect:a,size:z,toggleMenu:te,loading:R});return o.createElement(t,{contextValue:ie,dropdownRef:S})};export{i as default};
 //# sourceMappingURL=DropdownComboboxController.js.map

package/dist/src/components/next/Dropdown/modes/DropdownComboboxController.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownCombobox from \"../hooks/useDropdownCombobox\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownComboboxController = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownSingleControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect = true,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = false,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    loading = false,\n    size = \"medium\",\n    id,\n    readOnly,\n    disabled\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleOptionSelect = (item: Item | null) => {\n    onOptionSelect?.(item);\n    if (item) {\n      setIsFocused(false);\n    }\n  };\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    filteredOptions,\n    selectedItem: hookSelectedItem,\n    toggleMenu\n  } = useDropdownCombobox<Item>(\n    options,\n    isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    handleOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItem: hookSelectedItem,\n    selectedItems: [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: readOnly || disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      onClear?.();\n    },\n    contextOnOptionRemove: () => {},\n    addSelectedItem: undefined,\n    removeSelectedItem: undefined,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    toggleMenu,\n    loading\n  };\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownComboboxController;\n"],"names":["DropdownComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","_props$closeMenuOnSel","closeMenuOnSelect","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onFocus","onBlur","onKeyDown","onClear","_props$loading","loading","_props$size","size","id","readOnly","disabled","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownCombobox","useDropdownCombobox","item","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","filteredOptions","hookSelectedItem","selectedItem","toggleMenu","contextValue","Object","assign","selectedItems","inputOptions","event","_a","call","contextOnClear","contextOnOptionRemove","addSelectedItem","undefined","removeSelectedItem","React","createElement","DropdownWrapperUI"],"mappings":"0NAOA,IAAMA,EAA6B,SACjCC,GAEA,IACEC,EA2BED,EA3BFC,QACYC,EA0BVF,EA1BFG,WACAC,EAyBEJ,EAzBFI,UAASC,EAyBPL,EAxBFM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAuBEP,EAvBFO,aACAC,EAsBER,EAtBFQ,MACYC,EAqBVT,EArBFU,WACAC,EAoBEX,EApBFW,SACAC,EAmBEZ,EAnBFY,cACAC,EAkBEb,EAlBFa,YACAC,EAiBEd,EAjBFc,WACAC,EAgBEf,EAhBFe,eACAC,EAeEhB,EAfFgB,aAAYC,EAeVjB,EAdFkB,oBAAAA,OAAsB,IAAHD,GAAOA,EAAAE,EAcxBnB,EAbFoB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAadrB,EAZFsB,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAYfvB,EAXFwB,MAAAA,OAAQ,IAAHD,GAAQA,EACbE,EAUEzB,EAVFyB,YACAC,EASE1B,EATF0B,QACAC,EAQE3B,EARF2B,OACAC,EAOE5B,EAPF4B,UACAC,EAME7B,EANF6B,QAAOC,EAML9B,EALF+B,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAKbhC,EAJFiC,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAGElC,EAHFkC,GACAC,EAEEnC,EAFFmC,SACAC,EACEpC,EADFoC,SAGFC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAS9BI,EAaIC,EACF3C,EACAC,EACAE,EACAE,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,GA/ByB,SAAC+B,GAC1B9B,SAAAA,EAAiB8B,GACbA,GACFH,GAAa,KA8Bf1B,EACAE,EACAgB,GA3BAY,EAAMH,EAANG,OACYC,EAAcJ,EAA1BjC,WACAsC,EAAgBL,EAAhBK,iBACAC,EAAoBN,EAApBM,qBACAC,EAAaP,EAAbO,cACAC,EAAYR,EAAZQ,aACAC,EAAYT,EAAZS,aACeC,EAAiBV,EAAhCW,cACOC,EAASZ,EAAhBa,MACAC,GAAed,EAAfc,gBACcC,GAAgBf,EAA9BgB,aACAC,GAAUjB,EAAViB,WAmBIC,GACDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA/D,GACH,CAAA8C,OAAAA,EACApC,WAAYqC,QAAAA,EAAkB,KAC9BC,iBAAAA,EACAW,aAAcD,GACdM,cAAe,GACfP,gBAAAA,GACAR,qBAAAA,EACAC,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,cAAe,SAACW,GACd,OAAOZ,EACFS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAACE,GAAgB,CAAA,GACpB,CAAA7B,SAAUD,GAAYC,EACtBV,QAAS,SAACwC,SACRxB,GAAa,GACbhB,SAAAA,EAAUwC,GACW,QAArBC,EAAAF,aAAA,EAAAA,EAAcvC,eAAO,IAAAyC,GAAAA,EAAAC,KAAAH,EAAGC,EACzB,EACDvC,OAAQ,SAACuC,SACPxB,GAAa,GACbf,SAAAA,EAASuC,GACW,QAApBC,EAAAF,aAAA,EAAAA,EAActC,cAAM,IAAAwC,GAAAA,EAAAC,KAAAH,EAAGC,EACxB,EACDtC,UAAW,SAACsC,SACVtC,SAAAA,EAAYsC,GACW,QAAvBC,EAAAF,aAAA,EAAAA,EAAcrC,iBAAS,IAAAuC,GAAAA,EAAAC,KAAAH,EAAGC,EAC5B,IAEH,EACDV,MAAOD,EACPc,eAAgB,WACdd,IACA1B,SAAAA,GACD,EACDyC,sBAAuB,WAAQ,EAC/BC,qBAAiBC,EACjBC,wBAAoBD,EACpB/B,UAAAA,EACArB,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAlB,kBAAAA,EACA2B,KAAAA,EACA2B,WAAAA,GACA7B,QAAAA,IAEF,OAAO2C,EAAAC,cAACC,EAAiB,CAACf,aAAcA,GAAcpC,YAAaA,GACrE"}
+{"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownCombobox from \"../hooks/useDropdownCombobox\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownComboboxController = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownSingleControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect = true,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = false,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    loading = false,\n    size = \"medium\",\n    id,\n    readOnly,\n    disabled,\n    boxMode = false\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleOptionSelect = (item: Item | null) => {\n    onOptionSelect?.(item);\n    if (item) {\n      setIsFocused(false);\n    }\n  };\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    filteredOptions,\n    selectedItem: hookSelectedItem,\n    toggleMenu\n  } = useDropdownCombobox<Item>(\n    options,\n    boxMode ? undefined : isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    handleOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen: boxMode ? true : isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItem: hookSelectedItem,\n    selectedItems: [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: readOnly || disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      onClear?.();\n    },\n    contextOnOptionRemove: () => {},\n    addSelectedItem: undefined,\n    removeSelectedItem: undefined,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    toggleMenu,\n    loading\n  };\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownComboboxController;\n"],"names":["DropdownComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","_props$closeMenuOnSel","closeMenuOnSelect","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onFocus","onBlur","onKeyDown","onClear","_props$loading","loading","_props$size","size","id","readOnly","disabled","_props$boxMode","boxMode","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownCombobox","useDropdownCombobox","undefined","item","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","filteredOptions","hookSelectedItem","selectedItem","toggleMenu","contextValue","Object","assign","selectedItems","inputOptions","event","_a","call","contextOnClear","contextOnOptionRemove","addSelectedItem","removeSelectedItem","React","createElement","DropdownWrapperUI"],"mappings":"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"}

package/dist/src/components/next/Dropdown/modes/DropdownMultiComboboxController.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import t from"../hooks/useDropdownMultiCombobox.js";import l from"../components/DropdownWrapperUI.js";var i=function(i){var r=i.options,u=i.isMenuOpen,s=i.autoFocus,a=i.defaultValue,d=i.value,p=i.inputValue,c=i.onChange,g=i.onInputChange,m=i.onMenuClose,v=i.onMenuOpen,O=i.onOptionSelect,f=i.filterOption,b=i.showSelectedOptions,I=void 0===b||b,P=i.clearable,h=void 0===P||P,w=i.searchable,M=void 0===w||w,S=i.multi,j=void 0===S||S,x=i.closeMenuOnSelect,y=void 0===x||x,D=i.dropdownRef,B=i.onFocus,C=i.onBlur,F=i.onKeyDown,V=i.onClear,R=i.onOptionRemove,A=i.loading,K=void 0!==A&&A,T=i.size,z=void 0===T?"medium":T,L=i.id,_=n(Array.isArray(a)?a:[]),k=e(_,2),E=k[0],H=k[1],U=n(!1),W=e(U,2),q=W[0],G=W[1],J=t(r,E,H,u,s,a,d,p,c,g,m,v,O,f,I,L),N=J.isOpen,Q=J.inputValue,X=J.highlightedIndex,Y=J.getToggleButtonProps,Z=J.getLabelProps,$=J.getMenuProps,ee=J.getItemProps,oe=J.getInputProps,ne=J.reset,te=J.toggleMenu,le=J.filteredOptions,ie=J.selectedItems,re=J.addSelectedItem,ue=J.removeSelectedItem,se=J.getDropdownProps,ae=Object.assign(Object.assign({},i),{isOpen:N,inputValue:null!=Q?Q:null,highlightedIndex:X,selectedItems:ie||[],filteredOptions:le,getToggleButtonProps:Y,getLabelProps:Z,getMenuProps:$,getItemProps:ee,getInputProps:function(e){return oe(Object.assign(Object.assign({},e||{}),{disabled:i.readOnly||i.disabled,onFocus:function(o){var n;G(!0),null==B||B(o),null===(n=null==e?void 0:e.onFocus)||void 0===n||n.call(e,o)},onBlur:function(o){var n;G(!1),null==C||C(o),null===(n=null==e?void 0:e.onBlur)||void 0===n||n.call(e,o)},onKeyDown:function(o){var n;null==F||F(o),null===(n=null==e?void 0:e.onKeyDown)||void 0===n||n.call(e,o)}}))},reset:ne,contextOnClear:function(){ne(),void 0===d&&H([]),null==V||V()},contextOnOptionRemove:function(e){ue&&ue(e),null==R||R(e)},addSelectedItem:re,removeSelectedItem:ue,isFocused:q,clearable:h,searchable:M,multi:j,closeMenuOnSelect:y,size:z,getDropdownProps:se,toggleMenu:te,loading:K});return o.createElement(l,{contextValue:ae,dropdownRef:D})};export{i as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import t from"../hooks/useDropdownMultiCombobox.js";import l from"../components/DropdownWrapperUI.js";var i=function(i){var r=i.options,u=i.isMenuOpen,s=i.autoFocus,d=i.defaultValue,a=i.value,p=i.inputValue,c=i.onChange,g=i.onInputChange,m=i.onMenuClose,v=i.onMenuOpen,O=i.onOptionSelect,f=i.filterOption,b=i.showSelectedOptions,I=void 0===b||b,P=i.clearable,h=void 0===P||P,M=i.searchable,w=void 0===M||M,x=i.multi,S=void 0===x||x,j=i.closeMenuOnSelect,y=void 0===j||j,D=i.dropdownRef,B=i.onFocus,C=i.onBlur,F=i.onKeyDown,V=i.onClear,R=i.onOptionRemove,A=i.loading,K=void 0!==A&&A,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.boxMode,k=void 0!==_&&_,E=n(Array.isArray(d)?d:[]),H=e(E,2),U=H[0],W=H[1],q=n(!1),G=e(q,2),J=G[0],N=G[1],Q=t(r,U,W,k?void 0:u,s,d,a,p,c,g,m,v,O,f,I,L),X=Q.isOpen,Y=Q.inputValue,Z=Q.highlightedIndex,$=Q.getToggleButtonProps,ee=Q.getLabelProps,oe=Q.getMenuProps,ne=Q.getItemProps,te=Q.getInputProps,le=Q.reset,ie=Q.toggleMenu,re=Q.filteredOptions,ue=Q.selectedItems,se=Q.addSelectedItem,de=Q.removeSelectedItem,ae=Q.getDropdownProps,pe=Object.assign(Object.assign({},i),{isOpen:!!k||X,inputValue:null!=Y?Y:null,highlightedIndex:Z,selectedItems:ue||[],filteredOptions:re,getToggleButtonProps:$,getLabelProps:ee,getMenuProps:oe,getItemProps:ne,getInputProps:function(e){return te(Object.assign(Object.assign({},e||{}),{disabled:i.readOnly||i.disabled,onFocus:function(o){var n;N(!0),null==B||B(o),null===(n=null==e?void 0:e.onFocus)||void 0===n||n.call(e,o)},onBlur:function(o){var n;N(!1),null==C||C(o),null===(n=null==e?void 0:e.onBlur)||void 0===n||n.call(e,o)},onKeyDown:function(o){var n;null==F||F(o),null===(n=null==e?void 0:e.onKeyDown)||void 0===n||n.call(e,o)}}))},reset:le,contextOnClear:function(){le(),void 0===a&&W([]),null==V||V()},contextOnOptionRemove:function(e){de&&de(e),null==R||R(e)},addSelectedItem:se,removeSelectedItem:de,isFocused:J,clearable:h,searchable:w,multi:S,closeMenuOnSelect:y,size:z,getDropdownProps:ae,toggleMenu:ie,loading:K});return o.createElement(l,{contextValue:pe,dropdownRef:D})};export{i as default};
 //# sourceMappingURL=DropdownMultiComboboxController.js.map

package/dist/src/components/next/Dropdown/modes/DropdownMultiComboboxController.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = true,\n    closeMenuOnSelect = true,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    onOptionRemove,\n    loading = false,\n    size = \"medium\",\n    id\n  } = props;\n\n  const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n  const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItems: hookSelectedItems,\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getDropdownProps\n  } = useDropdownMultiCombobox<Item>(\n    options,\n    multiSelectedItemsState,\n    setMultiSelectedItemsState,\n    isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItems: hookSelectedItems || [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      if (value === undefined) {\n        setMultiSelectedItemsState([]);\n      }\n      onClear?.();\n    },\n    contextOnOptionRemove: (option: Item) => {\n      if (hookRemoveSelectedItem) {\n        hookRemoveSelectedItem(option);\n      }\n      onOptionRemove?.(option);\n    },\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    getDropdownProps,\n    toggleMenu,\n    loading\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","undefined","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"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"}
+{"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = true,\n    closeMenuOnSelect = true,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    onOptionRemove,\n    loading = false,\n    size = \"medium\",\n    id,\n    boxMode = false\n  } = props;\n\n  const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n  const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItems: hookSelectedItems,\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getDropdownProps\n  } = useDropdownMultiCombobox<Item>(\n    options,\n    multiSelectedItemsState,\n    setMultiSelectedItemsState,\n    boxMode ? undefined : isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen: boxMode ? true : isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItems: hookSelectedItems || [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      if (value === undefined) {\n        setMultiSelectedItemsState([]);\n      }\n      onClear?.();\n    },\n    contextOnOptionRemove: (option: Item) => {\n      if (hookRemoveSelectedItem) {\n        hookRemoveSelectedItem(option);\n      }\n      onOptionRemove?.(option);\n    },\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    getDropdownProps,\n    toggleMenu,\n    loading\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"+NAOA,IAAMA,EAAkC,SACtCC,GAEA,IACEC,EA2BED,EA3BFC,QACYC,EA0BVF,EA1BFG,WACAC,EAyBEJ,EAzBFI,UACAC,EAwBEL,EAxBFK,aACAC,EAuBEN,EAvBFM,MACYC,EAsBVP,EAtBFQ,WACAC,EAqBET,EArBFS,SACAC,EAoBEV,EApBFU,cACAC,EAmBEX,EAnBFW,YACAC,EAkBEZ,EAlBFY,WACAC,EAiBEb,EAjBFa,eACAC,EAgBEd,EAhBFc,aAAYC,EAgBVf,EAfFgB,oBAAAA,OAAsB,IAAHD,GAAOA,EAAAE,EAexBjB,EAdFkB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAcdnB,EAbFoB,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAafrB,EAZFsB,MAAAA,OAAQ,IAAHD,GAAOA,EAAAE,EAYVvB,EAXFwB,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAUEzB,EAVFyB,YACAC,EASE1B,EATF0B,QACAC,EAQE3B,EARF2B,OACAC,EAOE5B,EAPF4B,UACAC,EAME7B,EANF6B,QACAC,EAKE9B,EALF8B,eAAcC,EAKZ/B,EAJFgC,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAIbjC,EAHFkC,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAEEnC,EAFFmC,GAAEC,EAEApC,EADFqC,QAAAA,OAAU,IAAHD,GAAQA,EAIjBE,EAA8DC,EAD5BC,MAAMC,QAAQpC,GAAgBA,EAAe,IAC0BqC,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAgBIC,EACFlD,EACA2C,EACAC,EACAR,OAAUe,EAAYlD,EACtBE,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAmB,GA/BAkB,EAAMH,EAANG,OACYC,EAAcJ,EAA1B1C,WACA+C,EAAgBL,EAAhBK,iBACAC,EAAoBN,EAApBM,qBACAC,GAAaP,EAAbO,cACAC,GAAYR,EAAZQ,aACAC,GAAYT,EAAZS,aACeC,GAAiBV,EAAhCW,cACOC,GAASZ,EAAhBa,MACAC,GAAUd,EAAVc,WACAC,GAAef,EAAfe,gBACeC,GAAiBhB,EAAhCiB,cACiBC,GAAmBlB,EAApCmB,gBACoBC,GAAsBpB,EAA1CqB,mBACAC,GAAgBtB,EAAhBsB,iBAoBIC,GAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACb3E,GAAK,CACRqD,SAAQhB,GAAiBgB,EACzB7C,WAAY8C,QAAAA,EAAkB,KAC9BC,iBAAAA,EACAY,cAAeD,IAAqB,GACpCD,gBAAAA,GACAT,qBAAAA,EACAC,cAAAA,GACAC,aAAAA,GACAC,aAAAA,GACAE,cAAe,SAACe,GACd,OAAOhB,kCACDgB,GAAgB,CAAA,GACpB,CAAAC,SAAU7E,EAAM8E,UAAY9E,EAAM6E,SAClCnD,QAAS,SAACqD,SACR9B,GAAa,GACbvB,SAAAA,EAAUqD,GACW,QAArBC,EAAAJ,aAAA,EAAAA,EAAclD,eAAO,IAAAsD,GAAAA,EAAAC,KAAAL,EAAGG,EACzB,EACDpD,OAAQ,SAACoD,SACP9B,GAAa,GACbtB,SAAAA,EAASoD,GACW,QAApBC,EAAAJ,aAAA,EAAAA,EAAcjD,cAAM,IAAAqD,GAAAA,EAAAC,KAAAL,EAAGG,EACxB,EACDnD,UAAW,SAACmD,SACVnD,SAAAA,EAAYmD,GACW,QAAvBC,EAAAJ,aAAA,EAAAA,EAAchD,iBAAS,IAAAoD,GAAAA,EAAAC,KAAAL,EAAGG,EAC5B,IAEH,EACDhB,MAAOD,GACPoB,eAAgB,WACdpB,UACcV,IAAV9C,GACFuC,EAA2B,IAE7BhB,SAAAA,GACD,EACDsD,sBAAuB,SAACC,GAClBd,IACFA,GAAuBc,GAEzBtD,SAAAA,EAAiBsD,EAClB,EACDf,gBAAiBD,GACjBG,mBAAoBD,GACpBtB,UAAAA,EACA9B,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAE,kBAAAA,EACAU,KAAAA,EACAsC,iBAAAA,GACAR,WAAAA,GACAhC,QAAAA,IAGF,OAAOqD,EAAAC,cAACC,EAAiB,CAACd,aAAcA,GAAchD,YAAaA,GACrE"}