@vibe/core 4.5.22 → 4.5.24

package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBase.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { FieldLabel } from \"@vibe/text-inputs\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\ninterface DropdownBaseProps {\n  dropdownRef: React.Ref<HTMLDivElement>;\n  children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n  const {\n    label,\n    required,\n    getLabelProps,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-testid\": dataTestIdFromContext,\n    disabled,\n    readOnly,\n    error,\n    isFocused,\n    isOpen,\n    helperText,\n    helperTextId,\n    dir,\n    tooltipProps,\n    boxMode,\n    borderless\n  } = useDropdownContext<BaseItemData>();\n\n  const coreDropdownElement = (\n    <div\n      ref={dropdownRef}\n      className={cx(\n        styles.wrapper,\n        {\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly,\n          [styles.error]: error,\n          [styles.active]: isFocused || isOpen,\n          [styles.boxMode]: boxMode,\n          [styles.borderless]: borderless\n        },\n        className\n      )}\n      id={id}\n      aria-label={ariaLabel}\n      data-testid={dataTestIdFromContext || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n      data-vibe={ComponentVibeId.DROPDOWN}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <div dir={dir} className={styles.outerWrapper}>\n      {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n      <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n        {coreDropdownElement}\n      </Tooltip>\n      {helperText && (\n        <Text id={helperTextId} color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n          {helperText}\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","helperTextId","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"gnBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAmBIC,IAlBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACcC,EAASP,EAAvB,cACeQ,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAYd,EAAZc,aACAC,EAAGf,EAAHe,IACAC,EAAYhB,EAAZgB,aACAC,EAAOjB,EAAPiB,QACAC,EAAUlB,EAAVkB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKxB,EACLO,UAAWkB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAnBN3B,EAAR2B,UAoBOH,EAAOf,SAAWA,GAClBe,EAAOd,MAAQA,GACfc,EAAOI,OAASjB,GAAaC,GAC7BY,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBb,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBqB,EAAUC,EAAuBC,SAAUzB,GACtE,YAAA0B,EAAgBD,UAE1BhC,GAIL,OACEqB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKV,UAAWmB,EAAOS,cAC9B/B,GAASkB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWnC,EAAOC,SAAUA,GAAcC,MAChEgB,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFN,GACCO,EAACC,cAAAmB,GAAKlC,GAAIQ,EAAc2B,MAAO/B,EAAQ,WAAa,YAAaL,UAAWmB,EAAOX,YAChFA,GAKX"}
+{"version":3,"file":"DropdownBase.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { FieldLabel } from \"@vibe/text-inputs\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\ninterface DropdownBaseProps {\n  dropdownRef: React.Ref<HTMLDivElement>;\n  children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n  const {\n    label,\n    required,\n    getLabelProps,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-testid\": dataTestIdFromContext,\n    disabled,\n    readOnly,\n    error,\n    isFocused,\n    isOpen,\n    helperText,\n    helperTextId,\n    dir,\n    tooltipProps,\n    boxMode,\n    borderless\n  } = useDropdownContext<BaseItemData>();\n\n  const coreDropdownElement = (\n    <div\n      ref={dropdownRef}\n      className={cx(\n        styles.wrapper,\n        {\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly,\n          [styles.error]: error,\n          [styles.active]: isFocused || isOpen,\n          [styles.boxMode]: boxMode,\n          [styles.borderless]: borderless\n        },\n        className\n      )}\n      id={id}\n      aria-label={ariaLabel}\n      data-testid={dataTestIdFromContext || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n      data-vibe={ComponentVibeId.DROPDOWN}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <div dir={dir} className={styles.outerWrapper}>\n      {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n      <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n        {coreDropdownElement}\n      </Tooltip>\n      {helperText && (\n        <Text id={helperTextId} color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n          {helperText}\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","helperTextId","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"gnBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAmBIC,IAlBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACcC,EAASP,EAAvB,cACeQ,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAYd,EAAZc,aACAC,EAAGf,EAAHe,IACAC,EAAYhB,EAAZgB,aACAC,EAAOjB,EAAPiB,QACAC,EAAUlB,EAAVkB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKxB,EACLO,UAAWkB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAnBN3B,EAAR2B,UAoBOH,EAAOf,SAAWA,GAClBe,EAAOd,MAAQA,GACfc,EAAOI,OAASjB,GAAaC,GAC7BY,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBb,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBqB,EAAUC,EAAuBC,SAAUzB,GACtE,YAAA0B,EAAgBD,UAE1BhC,GAIL,OACEqB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKV,UAAWmB,EAAOS,cAC9B/B,GAASkB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWnC,EAAOC,SAAUA,GAAcC,MAChEgB,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFN,GACCO,EAACC,cAAAmB,GAAKlC,GAAIQ,EAAc2B,MAAO/B,EAAQ,WAAa,YAAaL,UAAWmB,EAAOX,YAChFA,GAKX"}

package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_d2b01ad2be",wrapper:"wrapper_b14881e358",active:"active_8e2fc29f6f",disabled:"disabled_dbb1a7adda",readOnly:"readOnly_db9b99edc2",error:"error_edb7f9d030",boxMode:"boxMode_fce1d2781f",borderless:"borderless_0b21b10dbc",helperText:"helperText_6fa94251b3"};!function(r){const e="s_id-8dd14e35d33c_4_5_21";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_d2b01ad2be {\n  width: 100%;\n}\n\n.wrapper_b14881e358 {\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  cursor: pointer;\n}\n\n.wrapper_b14881e358:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_b14881e358.active_8e2fc29f6f, .wrapper_b14881e358:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_b14881e358.disabled_dbb1a7adda {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_b14881e358.readOnly_db9b99edc2 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_b14881e358.error_edb7f9d030 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_b14881e358.boxMode_fce1d2781f {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_b14881e358.borderless_0b21b10dbc {\n  --border-color: transparent;\n}\n\n.wrapper_b14881e358.borderless_0b21b10dbc:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_b14881e358.borderless_0b21b10dbc.active_8e2fc29f6f, .wrapper_b14881e358.borderless_0b21b10dbc:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_6fa94251b3 {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_ef8c9b2a7f",wrapper:"wrapper_d0092fd4fb",active:"active_947da50322",disabled:"disabled_655a5a66ef",readOnly:"readOnly_80bf0ec9da",error:"error_c427c611e0",boxMode:"boxMode_2adebba97a",borderless:"borderless_43c7e9a2a4",helperText:"helperText_d10efc53db"};!function(r){const e="s_id-8dd14e35d33c_4_5_23";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_ef8c9b2a7f {\n  width: 100%;\n}\n\n.wrapper_d0092fd4fb {\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  cursor: pointer;\n}\n\n.wrapper_d0092fd4fb:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_d0092fd4fb.active_947da50322, .wrapper_d0092fd4fb:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_d0092fd4fb.disabled_655a5a66ef {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_d0092fd4fb.readOnly_80bf0ec9da {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_d0092fd4fb.error_c427c611e0 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_d0092fd4fb.boxMode_2adebba97a {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_d0092fd4fb.borderless_43c7e9a2a4 {\n  --border-color: transparent;\n}\n\n.wrapper_d0092fd4fb.borderless_43c7e9a2a4:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_d0092fd4fb.borderless_43c7e9a2a4.active_947da50322, .wrapper_d0092fd4fb.borderless_43c7e9a2a4:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_d10efc53db {\n  margin-top: var(--space-4);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import l from"../../../BaseItem/BaseItem.js";import o from"./DropdownBaseList.module.scss.js";import n from"classnames";import s from"../../../../../components/layout/dist/Flex/Flex.js";import a from"../../../../../components/typography/dist/Text/Text.js";import m from"../../../../../components/divider/dist/Divider/Divider.js";var d=r((function(r,d){var u=r.options,p=r.selectedItems,c=r.highlightedIndex,v=r.menuAriaLabel,f=r.getMenuProps,g=r.getItemProps,y=r.size,h=void 0===y?"medium":y,x=r.withGroupDivider,b=void 0!==x&&x,j=r.dir,E=void 0===j?"ltr":j,I=r.itemRenderer,O=r.menuRenderer,P=r.noOptionsMessage,k=void 0===P?"No results":P,B=r.stickyGroupTitle,D=void 0!==B&&B,T=r.renderOptions,_=void 0===T||T,w=r.onScroll,z=r.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=_?u.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?i.createElement("div",{role:"status"},"string"==typeof k?i.createElement(s,{justify:"center"},i.createElement(l,{component:"div",item:{label:k,value:""},size:h,readOnly:!0})):k):u.map((function(r,s){var d;return i.createElement(i.Fragment,{key:null!==(d=r.label)&&void 0!==d?d:s},r.label&&i.createElement("li",{className:n(o.groupTitle,e({},o.sticky,D))},i.createElement(a,{type:H,color:"inherit"},r.label)),r.options.map((function(e,r){var o,n=null!==(o=null==g?void 0:g({item:e,index:e.index}))&&void 0!==o?o:{},s=t(n,["aria-selected"]),a=void 0!==c&&c===e.index&&!e.disabled,m=(null==p?void 0:p.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return i.createElement(l,{itemProps:s,key:"string"==typeof e.value?e.value:r,size:h,highlighted:a,selected:m,itemRenderer:I,item:e,role:"option"})})),b&&u.length-1>s&&i.createElement(m,null))})):null;return i.createElement("ul",Object.assign({ref:d,dir:E,className:o.wrapper},null==f?void 0:f({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),O&&_?O({children:M,filteredOptions:u,selectedItem:(null==p?void 0:p[0])||null,selectedItems:p||[]}):M)}));export{d as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import i,{forwardRef as l}from"react";import r from"./DropdownBaseList.module.scss.js";import o from"classnames";import n from"../../../../../components/layout/dist/Flex/Flex.js";import s from"../../../../../components/base-list/dist/BaseItem/BaseItem.js";import a from"../../../../../components/typography/dist/Text/Text.js";import m from"../../../../../components/divider/dist/Divider/Divider.js";var d=l((function(l,d){var u=l.options,p=l.selectedItems,c=l.highlightedIndex,v=l.menuAriaLabel,f=l.getMenuProps,g=l.getItemProps,y=l.size,h=void 0===y?"medium":y,x=l.withGroupDivider,b=void 0!==x&&x,j=l.dir,E=void 0===j?"ltr":j,I=l.itemRenderer,O=l.menuRenderer,P=l.noOptionsMessage,k=void 0===P?"No results":P,B=l.stickyGroupTitle,D=void 0!==B&&B,T=l.renderOptions,_=void 0===T||T,w=l.onScroll,z=l.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=_?u.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?i.createElement("div",{role:"status"},"string"==typeof k?i.createElement(n,{justify:"center"},i.createElement(s,{component:"div",item:{label:k,value:""},size:h,readOnly:!0})):k):u.map((function(l,n){var d;return i.createElement(i.Fragment,{key:null!==(d=l.label)&&void 0!==d?d:n},l.label&&i.createElement("li",{className:o(r.groupTitle,e({},r.sticky,D))},i.createElement(a,{type:H,color:"inherit"},l.label)),l.options.map((function(e,l){var r,o=null!==(r=null==g?void 0:g({item:e,index:e.index}))&&void 0!==r?r:{},n=t(o,["aria-selected"]),a=void 0!==c&&c===e.index&&!e.disabled,m=(null==p?void 0:p.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return i.createElement(s,{itemProps:n,key:"string"==typeof e.value?e.value:l,size:h,highlighted:a,selected:m,itemRenderer:I,item:e,role:"option"})})),b&&u.length-1>n&&i.createElement(m,null))})):null;return i.createElement("ul",Object.assign({ref:d,dir:E,className:r.wrapper},null==f?void 0:f({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),O&&_?O({children:M,filteredOptions:u,selectedItem:(null==p?void 0:p[0])||null,selectedItems:p||[]}):M)}));export{d as default};
 //# sourceMappingURL=DropdownBaseList.js.map

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"@vibe/divider\";\n\nconst DropdownBaseList = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      options,\n      selectedItems,\n      highlightedIndex,\n      menuAriaLabel,\n      getMenuProps,\n      getItemProps,\n      size = \"medium\",\n      withGroupDivider = false,\n      dir = \"ltr\",\n      itemRenderer,\n      menuRenderer,\n      noOptionsMessage = \"No results\",\n      stickyGroupTitle = false,\n      renderOptions = true,\n      onScroll,\n      maxMenuHeight = 300\n    }: DropdownBaseListProps<Item>,\n    ref: React.Ref<HTMLUListElement>\n  ) => {\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n    const defaultContent = renderOptions ? (\n      options.every(group => group.options?.length === 0) ? (\n        <div role=\"status\">\n          {typeof noOptionsMessage === \"string\" ? (\n            <Flex justify=\"center\">\n              <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n            </Flex>\n          ) : (\n            noOptionsMessage\n          )}\n        </div>\n      ) : (\n        options.map((group, groupIndex) => (\n          <React.Fragment key={group.label ?? groupIndex}>\n            {group.label && (\n              <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n                <Text type={textVariant} color=\"inherit\">\n                  {group.label}\n                </Text>\n              </li>\n            )}\n            {group.options.map((option, itemIndex) => {\n              // downshift's useCombobox sets aria-selected to mark a single item (the tracked\n              // selectedItem), which is wrong for multi-select. Drop it so BaseItem's aria-selected\n              // (derived from the full selectedItems list below) is authoritative.\n              const { \"aria-selected\": _downshiftAriaSelected, ...itemProps } =\n                getItemProps?.({ item: option, index: option.index }) ?? {};\n              const isHighlighted =\n                highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n              const isSelected =\n                selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n              return (\n                <BaseItem<Item>\n                  itemProps={itemProps}\n                  key={typeof option.value === \"string\" ? option.value : itemIndex}\n                  size={size}\n                  highlighted={isHighlighted}\n                  selected={isSelected}\n                  itemRenderer={itemRenderer}\n                  item={option}\n                  role=\"option\"\n                />\n              );\n            })}\n            {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n          </React.Fragment>\n        ))\n      )\n    ) : null;\n\n    return (\n      <ul\n        ref={ref}\n        dir={dir}\n        className={styles.wrapper}\n        {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n        onScroll={onScroll}\n        style={{ maxHeight: maxMenuHeight }}\n      >\n        {menuRenderer && renderOptions\n          ? menuRenderer({\n              children: defaultContent,\n              filteredOptions: options,\n              selectedItem: selectedItems?.[0] || null,\n              selectedItems: selectedItems || []\n            })\n          : defaultContent}\n      </ul>\n    );\n  }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n  props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","_b","index","itemProps","__rest","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"ggBASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SAIpBC,EACqD,QAAzD5B,EAAAtB,aAAA,EAAAA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EADP8B,EAA9CC,EAAAH,EAAA,CAAA,kBAEAI,OACiBC,IAArB1D,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOQ,SAC3EC,GACJ7D,aAAa,EAAbA,EAAe8D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAc1B,SAAUe,EAAOf,KAAK,OAAMe,EAAOQ,SAEvF,OACEhC,EAACC,cAAAI,EACC,CAAAuB,UAAWA,EACXd,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACN0D,YAAaN,EACbO,SAAUJ,EACVlD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAqC,EAAU,MAEtE,IAED,KAEJ,OACEtC,EACEC,cAAA,KAAAsC,OAAAC,OAAA,CAAAtE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOwB,SACdlE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACVmD,MAAO,CAAEC,UAAWlD,KAEnBT,GAAgBM,EACbN,EAAa,CACX4D,SAAUjD,EACVkD,gBAAiB1E,EACjBgE,cAAc/D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}
+{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { BaseItem } from \"@vibe/base-list\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"@vibe/divider\";\n\nconst DropdownBaseList = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      options,\n      selectedItems,\n      highlightedIndex,\n      menuAriaLabel,\n      getMenuProps,\n      getItemProps,\n      size = \"medium\",\n      withGroupDivider = false,\n      dir = \"ltr\",\n      itemRenderer,\n      menuRenderer,\n      noOptionsMessage = \"No results\",\n      stickyGroupTitle = false,\n      renderOptions = true,\n      onScroll,\n      maxMenuHeight = 300\n    }: DropdownBaseListProps<Item>,\n    ref: React.Ref<HTMLUListElement>\n  ) => {\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n    const defaultContent = renderOptions ? (\n      options.every(group => group.options?.length === 0) ? (\n        <div role=\"status\">\n          {typeof noOptionsMessage === \"string\" ? (\n            <Flex justify=\"center\">\n              <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n            </Flex>\n          ) : (\n            noOptionsMessage\n          )}\n        </div>\n      ) : (\n        options.map((group, groupIndex) => (\n          <React.Fragment key={group.label ?? groupIndex}>\n            {group.label && (\n              <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n                <Text type={textVariant} color=\"inherit\">\n                  {group.label}\n                </Text>\n              </li>\n            )}\n            {group.options.map((option, itemIndex) => {\n              // downshift's useCombobox sets aria-selected to mark a single item (the tracked\n              // selectedItem), which is wrong for multi-select. Drop it so BaseItem's aria-selected\n              // (derived from the full selectedItems list below) is authoritative.\n              const { \"aria-selected\": _downshiftAriaSelected, ...itemProps } =\n                getItemProps?.({ item: option, index: option.index }) ?? {};\n              const isHighlighted =\n                highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n              const isSelected =\n                selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n              return (\n                <BaseItem<Item>\n                  itemProps={itemProps}\n                  key={typeof option.value === \"string\" ? option.value : itemIndex}\n                  size={size}\n                  highlighted={isHighlighted}\n                  selected={isSelected}\n                  itemRenderer={itemRenderer}\n                  item={option}\n                  role=\"option\"\n                />\n              );\n            })}\n            {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n          </React.Fragment>\n        ))\n      )\n    ) : null;\n\n    return (\n      <ul\n        ref={ref}\n        dir={dir}\n        className={styles.wrapper}\n        {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n        onScroll={onScroll}\n        style={{ maxHeight: maxMenuHeight }}\n      >\n        {menuRenderer && renderOptions\n          ? menuRenderer({\n              children: defaultContent,\n              filteredOptions: options,\n              selectedItem: selectedItems?.[0] || null,\n              selectedItems: selectedItems || []\n            })\n          : defaultContent}\n      </ul>\n    );\n  }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n  props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","_b","index","itemProps","__rest","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"giBASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SAIpBC,EACqD,QAAzD5B,EAAAtB,aAAA,EAAAA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EADP8B,EAA9CC,EAAAH,EAAA,CAAA,kBAEAI,OACiBC,IAArB1D,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOQ,SAC3EC,GACJ7D,aAAa,EAAbA,EAAe8D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAc1B,SAAUe,EAAOf,KAAK,OAAMe,EAAOQ,SAEvF,OACEhC,EAACC,cAAAI,EACC,CAAAuB,UAAWA,EACXd,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACN0D,YAAaN,EACbO,SAAUJ,EACVlD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAqC,EAAU,MAEtE,IAED,KAEJ,OACEtC,EACEC,cAAA,KAAAsC,OAAAC,OAAA,CAAAtE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOwB,SACdlE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACVmD,MAAO,CAAEC,UAAWlD,KAEnBT,GAAgBM,EACbN,EAAa,CACX4D,SAAUjD,EACVkD,gBAAiB1E,EACjBgE,cAAc/D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_fcbf0aa72c",groupTitle:"groupTitle_3baa27b335",sticky:"sticky_0832358de0"};!function(e){const a="s_id-87eb930dd60f_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_fcbf0aa72c {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_fcbf0aa72c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_fcbf0aa72c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_fcbf0aa72c .groupTitle_3baa27b335 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_fcbf0aa72c .groupTitle_3baa27b335.sticky_0832358de0 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_fcbf0aa72c > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_730c1eb185",groupTitle:"groupTitle_c41c470316",sticky:"sticky_2d7107b5bb"};!function(e){const n="s_id-87eb930dd60f_4_5_23";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_730c1eb185 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_730c1eb185::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_730c1eb185::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_730c1eb185 .groupTitle_c41c470316 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_730c1eb185 .groupTitle_c41c470316.sticky_2d7107b5bb {\n  position: sticky;\n  top: 0;\n}\n.wrapper_730c1eb185 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_92ac8aaf3f",inputContainer:"inputContainer_0871c553fa",disabled:"disabled_c1e8bbb98b",readOnly:"readOnly_b443f13b06",error:"error_edb7f9d030",menuContainer:"menuContainer_d2b01ad2be"};!function(n){const r="s_id-f92aa28952f8_4_5_21";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_92ac8aaf3f {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_0871c553fa {\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_0871c553fa:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_0871c553fa:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_0871c553fa.disabled_c1e8bbb98b {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_0871c553fa.readOnly_b443f13b06 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_0871c553fa.error_edb7f9d030 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_d2b01ad2be {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_92db92a493",inputContainer:"inputContainer_f73b395e86",disabled:"disabled_0e024354a2",readOnly:"readOnly_f4a24ddea1",error:"error_c427c611e0",menuContainer:"menuContainer_ef8c9b2a7f"};!function(n){const r="s_id-f92aa28952f8_4_5_23";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_92db92a493 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_f73b395e86 {\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_f73b395e86:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_f73b395e86:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_f73b395e86.disabled_0e024354a2 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_f73b395e86.readOnly_f4a24ddea1 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_f73b395e86.error_c427c611e0 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_ef8c9b2a7f {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/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 BaseItemData } from \"../../BaseItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n  const { contextValue, dropdownRef } = props;\n\n  // Id linking the helper text to the combobox/trigger via aria-describedby (WCAG SC 1.3.1).\n  const helperTextId = contextValue.helperText && contextValue.id ? `${contextValue.id}-helper-text` : undefined;\n\n  return (\n    <DropdownContext.Provider value={{ ...contextValue, helperTextId }}>\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","dropdownRef","helperTextId","helperText","id","concat","undefined","React","createElement","DropdownContext","Provider","value","Object","assign","DropdownBase","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAAcC,EAAgBF,EAAhBE,YAGhBC,EAAeF,EAAaG,YAAcH,EAAaI,GAAE,GAAAC,OAAML,EAAaI,wBAAmBE,EAErG,OACEC,EAACC,cAAAC,EAAgBC,UAASC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOb,GAAY,CAAEE,aAAAA,KAClDK,EAACC,cAAAM,EAAa,CAAAb,YAAaA,GACDM,gBAAvBP,EAAae,QAAWC,EAAsBC,EAAP,OAIhD"}
+{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/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 BaseItemData } from \"@vibe/base-list\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n  const { contextValue, dropdownRef } = props;\n\n  // Id linking the helper text to the combobox/trigger via aria-describedby (WCAG SC 1.3.1).\n  const helperTextId = contextValue.helperText && contextValue.id ? `${contextValue.id}-helper-text` : undefined;\n\n  return (\n    <DropdownContext.Provider value={{ ...contextValue, helperTextId }}>\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","dropdownRef","helperTextId","helperText","id","concat","undefined","React","createElement","DropdownContext","Provider","value","Object","assign","DropdownBase","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAAcC,EAAgBF,EAAhBE,YAGhBC,EAAeF,EAAaG,YAAcH,EAAaI,GAAE,GAAAC,OAAML,EAAaI,wBAAmBE,EAErG,OACEC,EAACC,cAAAC,EAAgBC,UAASC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOb,GAAY,CAAEE,aAAAA,KAClDK,EAACC,cAAAM,EAAa,CAAAb,YAAaA,GACDM,gBAAvBP,EAAae,QAAWC,EAAsBC,EAAP,OAIhD"}

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/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 BaseItemData } from \"../../../BaseItem\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<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":"mXAQA,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"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/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 BaseItemData } from \"@vibe/base-list\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<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":"mXAQA,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/Dropdown/components/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_820f1ef0aa",menuHidden:"menuHidden_9fe9214fd2"};!function(e){const i="s_id-448dc11ee0f4_4_5_21";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_820f1ef0aa {\n  visibility: visible;\n}\n\n.menuHidden_9fe9214fd2 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_939c8576bf",menuHidden:"menuHidden_51b5c9461b"};!function(e){const i="s_id-448dc11ee0f4_4_5_23";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_939c8576bf {\n  visibility: visible;\n}\n\n.menuHidden_51b5c9461b {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../../../src/components/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseList from \"../DropdownBaseList/DropdownBaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nconst MenuList = <Item extends BaseItemData<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":"kJAKA,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"}
+{"version":3,"file":"MenuList.js","sources":["../../../../../../src/components/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseList from \"../DropdownBaseList/DropdownBaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst MenuList = <Item extends BaseItemData<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":"kJAKA,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/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  minVisibleCount?: number;\n  /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n  getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n  /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n  badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly,\n  minVisibleCount = 0,\n  getChipContainerProps,\n  badgeRef\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const localBadgeRef = useRef<HTMLDivElement>(null);\n  const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n  // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n  // so defer to the next frame.\n  const handleDialogDidShow = useCallback(() => {\n    requestAnimationFrame(() => {\n      const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n        \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n      );\n      firstFocusable?.focus();\n    });\n  }, []);\n\n  // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n  // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n  // reset focus to <body> (the top of the page) after a synchronous focus call.\n  const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n    if (eventName !== \"esckey\") return;\n    requestAnimationFrame(() => {\n      const badge =\n        localBadgeRef.current ??\n        deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n      badge?.focus();\n    });\n  }, []);\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    deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n    minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\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\" ref={dialogContentRef} 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      const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n      const { ref: extraRef, ...extraAttrs } = extraProps;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={el => {\n            (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n            if (typeof extraRef === \"function\") extraRef(el);\n          }}\n          className={cx({\n            [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n            [styles.hiddenChip]: !isVisible\n          })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n          {...extraAttrs}\n        >\n          <DropdownChip\n            item={item}\n            onDelete={() => onRemove(item)}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={styles.visibleChip}\n          />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\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      role=\"group\"\n      aria-label=\"selected items\"\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n        {hiddenCount > 0 && (\n          <div\n            ref={deductedSpaceRef}\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n              if (e.key === \"ArrowLeft\") {\n                e.preventDefault();\n                (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n              }\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n              // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n              hideTrigger={[\"clickoutside\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n              onDialogDidShow={handleDialogDidShow}\n              onDialogDidHide={handleDialogDidHide}\n            >\n              <Chips\n                ref={mergedBadgeRef}\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                aria-label={`+${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","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"6xBA0BA,SAASA,EAAmBC,GASK,IAR/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EACnBE,EAAqBR,EAArBQ,sBACAC,EAAQT,EAARS,SAEMC,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAC1CE,EAAmBF,EAAuB,MAC1CG,EAAgBH,EAAuB,MACvCI,EAAiBC,EAAYP,EAAUK,GAIvCG,EAAsBC,GAAY,WACtCC,uBAAsB,iBACdC,EAAyC,QAAxBC,EAAAR,EAAiBS,eAAO,IAAAD,OAAA,EAAAA,EAAEE,cAC/C,0DAEFH,SAAAA,EAAgBI,OAClB,GACD,GAAE,IAKGC,EAAsBP,GAAY,SAACQ,EAAiBC,GACtC,WAAdA,GACJR,uBAAsB,mBACdS,EAEJ,QADAP,EAAAP,EAAcQ,eACd,IAAAD,EAAAA,EAA0B,QAA1BQ,EAAAjB,EAAiBU,eAAS,IAAAO,OAAA,EAAAA,EAAAN,cAA2B,6CACvDK,SAAAA,EAAOJ,OACT,GACD,GAAE,IAEGM,EAAWC,GAAQ,WAAA,OAAM9B,EAAc+B,KAAI,WAAA,OAAMC,SAA8B,CAAChC,IAEtFiC,EAAsCC,EAAiB,CACrDzB,aAAAA,EACAoB,SAAAA,EACAM,IAAK,EACLxB,iBAAAA,EACAyB,cAAelC,EA9DU,GA8D2B,EACpDI,gBAA0C,IAAzBN,EAAcqC,OAAe,EAAI/B,IAN5CgC,EAAYL,EAAZK,aAAcC,EAAWN,EAAXM,YAStBC,EAAqCV,GAAQ,WAC3C,IAAMW,EAAczC,EAAcqC,OAASC,EAAetC,EAAc0C,MAAMJ,GAAgB,GAC9F,MAAO,CACLG,YAAAA,EACAE,YAAaF,EAAYJ,OAE7B,GAAG,CAACrC,EAAesC,IANXG,EAAWD,EAAXC,YAAaE,EAAWH,EAAXG,YAQfC,EAAgBd,GAAQ,WAC5B,OAAO,WAAA,OACLe,gBAACC,EAAsB,KACrBD,EAAAE,cAACC,EAAI,CAACC,UAAU,SAASd,IAAI,KAAKe,MAAM,QAAQC,IAAKvC,EAAkBwC,UAAWC,EAAOC,mBACtFb,EAAYV,KAAI,SAAAwB,GACf,OACEV,EAACE,cAAAS,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAM3D,EAASsD,EAAK,EAC9BH,UAAWC,EAAOQ,WAClB1D,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACqC,EAAaxC,EAAUE,EAAUC,IAE/B0D,EAAehC,GAAQ,WAC3B,OAAO9B,EAAc+B,KAAI,SAACwB,EAAMQ,GAC9B,IAAMC,EAAoB1B,EAARyB,EACZE,EAAaD,GAAazD,EAAwBA,EAAsBgD,EAAMQ,GAAS,GAChFG,EAA4BD,EAAjCd,IAAkBgB,EAAeC,EAAAH,EAAnC,CAAA,QAEN,OACEpB,EAAAE,cAAA,MAAAsB,OAAAC,OAAA,CACEb,6BAAGC,OAA2BH,EAAKI,OACnCR,IAAK,SAAAoB,GACF1C,EAASkC,GAAyD1C,QAAUkD,EACrD,mBAAbL,GAAyBA,EAASK,EAC9C,EACDnB,UAAWoB,EAAEC,EAAAA,EAAA,CAAA,EACVpB,EAAOqB,6BAA8CC,IAApBrE,GACjC+C,EAAOuB,YAAcZ,IACtB,eACYA,EACD,cAAAN,iBAAAA,OAAiBH,EAAKI,QAC/BQ,GAEJtB,EAAAE,cAACS,EAAY,CACXD,KAAMA,EACNK,SAAU,WAAA,OAAM3D,EAASsD,EAAK,EAC9BpD,SAAUA,EACVC,SAAUA,EACVgD,UAAWC,EAAOwB,cAI1B,GACF,GAAG,CAAC7E,EAAesC,EAAcrC,EAAU4B,EAAU1B,EAAUC,EAAUE,EAAiBC,IAE1F,OAAKP,aAAA,EAAAA,EAAeqC,QAKlBQ,EAAAE,cAACC,EAAI,CACHE,MAAM,SACN4B,MAAM,EACN3C,IAAI,KACJgB,IAAK1C,EACLsE,KAAK,QACM,aAAA,iBACX3B,UAAWoB,EAAGnB,EAAO2B,iBAAgBP,EAAAA,EAAA,CAAA,EAClCpB,EAAO4B,WAXgC,IAAzBjF,EAAcqC,QAY5BgB,EAAO6B,WAAa3C,KAGtBuB,EAEDjB,EAACE,cAAAC,EAAK,CAAAb,IAAI,KAAKiB,UAAWC,EAAO8B,wBAC9BxC,EAAc,GACbE,EACEE,cAAA,MAAA,CAAAI,IAAKxC,EACLyE,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,WACTA,EAAEC,kBACY,cAAVD,EAAE5B,MACJ4B,EAAEG,iBACoF,QAAtF5D,EAA6E,QAA5ER,EAAAS,EAASS,EAAe,UAAoD,IAAAlB,OAAA,EAAAA,EAAEC,eAAO,IAAAO,GAAAA,EAAEL,QAE3F,EACDkE,YAAa,SAAAJ,GACXA,EAAEC,iBACJ,GAEAzC,EAAAE,cAAC2C,EAAM,CACLC,QAAS/C,EACTgD,YAAa,CAAC,QAAS,SAGvBC,YAAa,CAAC,gBACdC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,yBAAuB,EACvBC,sCAAoC,EACpCC,gBAAiBnF,EACjBoF,gBAAiB5E,GAEjBqB,EAACE,cAAAsD,GACClD,IAAKrC,EACLwF,MAAK5C,KAAAA,OAAOf,GACZvC,UAAQ,EACRmG,UACY,EAAA,iBAAA7C,OAAIf,EAAWe,MAAAA,OAAK1D,EAAcqC,OAASM,EAAWe,8BAAAA,OAChE1D,EAAcqC,QACd,cACU,4BACZe,UAAWC,EAAOmD,gBAClBpB,QAAS,WAAQ,EACjBK,YAAa,SAAAJ,GACXA,EAAEG,gBACJ,MAKPtF,GAAe2C,EAAAE,cAAA,MAAA,CAAKK,UAAWC,EAAOoD,cAAevG,OApEzB,IAwErC"}
+{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  minVisibleCount?: number;\n  /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n  getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n  /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n  badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly,\n  minVisibleCount = 0,\n  getChipContainerProps,\n  badgeRef\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const localBadgeRef = useRef<HTMLDivElement>(null);\n  const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n  // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n  // so defer to the next frame.\n  const handleDialogDidShow = useCallback(() => {\n    requestAnimationFrame(() => {\n      const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n        \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n      );\n      firstFocusable?.focus();\n    });\n  }, []);\n\n  // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n  // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n  // reset focus to <body> (the top of the page) after a synchronous focus call.\n  const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n    if (eventName !== \"esckey\") return;\n    requestAnimationFrame(() => {\n      const badge =\n        localBadgeRef.current ??\n        deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n      badge?.focus();\n    });\n  }, []);\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    deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n    minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\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\" ref={dialogContentRef} 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      const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n      const { ref: extraRef, ...extraAttrs } = extraProps;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={el => {\n            (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n            if (typeof extraRef === \"function\") extraRef(el);\n          }}\n          className={cx({\n            [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n            [styles.hiddenChip]: !isVisible\n          })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n          {...extraAttrs}\n        >\n          <DropdownChip\n            item={item}\n            onDelete={() => onRemove(item)}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={styles.visibleChip}\n          />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\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      role=\"group\"\n      aria-label=\"selected items\"\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n        {hiddenCount > 0 && (\n          <div\n            ref={deductedSpaceRef}\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n              if (e.key === \"ArrowLeft\") {\n                e.preventDefault();\n                (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n              }\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n              // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n              hideTrigger={[\"clickoutside\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n              onDialogDidShow={handleDialogDidShow}\n              onDialogDidHide={handleDialogDidHide}\n            >\n              <Chips\n                ref={mergedBadgeRef}\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                aria-label={`+${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","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_078fae0805",singleChip:"singleChip_a44ae2e950",measuring:"measuring_b422adf5cd",hiddenChip:"hiddenChip_f91fa4c1e8",inputAndCounterWrapper:"inputAndCounterWrapper_88b12b8efc",inputWrapper:"inputWrapper_7888a954f0",chipWrapperWithOverflow:"chipWrapperWithOverflow_56c0c18167",visibleChip:"visibleChip_cc05240243",hiddenChipsDialog:"hiddenChipsDialog_c081b24d1b",dialogChip:"dialogChip_cc05240243"};!function(e){const n="s_id-a777ca35d111_4_5_21";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_078fae0805 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_078fae0805.singleChip_a44ae2e950 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_078fae0805.singleChip_a44ae2e950 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_078fae0805.measuring_b422adf5cd > div:not(.hiddenChip_f91fa4c1e8) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_88b12b8efc {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_7888a954f0 {\n  flex-grow: 1;\n}\n.inputWrapper_7888a954f0 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_56c0c18167 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_56c0c18167 .visibleChip_cc05240243 {\n  max-width: 100%;\n}\n.hiddenChip_f91fa4c1e8 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_c081b24d1b {\n  max-width: 192px;\n}\n.dialogChip_cc05240243 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_02c78e8eab",singleChip:"singleChip_8d7bf72ff1",measuring:"measuring_1a059b91f3",hiddenChip:"hiddenChip_0a3b081a67",inputAndCounterWrapper:"inputAndCounterWrapper_3fbc7c07c4",inputWrapper:"inputWrapper_8e0a8f07ce",chipWrapperWithOverflow:"chipWrapperWithOverflow_901ab68780",visibleChip:"visibleChip_c335c9c642",hiddenChipsDialog:"hiddenChipsDialog_d3027483e3",dialogChip:"dialogChip_c335c9c642"};!function(e){const n="s_id-a777ca35d111_4_5_23";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_02c78e8eab {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_02c78e8eab.singleChip_8d7bf72ff1 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_02c78e8eab.singleChip_8d7bf72ff1 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_02c78e8eab.measuring_1a059b91f3 > div:not(.hiddenChip_0a3b081a67) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_3fbc7c07c4 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_8e0a8f07ce {\n  flex-grow: 1;\n}\n.inputWrapper_8e0a8f07ce input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_901ab68780 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_901ab68780 .visibleChip_c335c9c642 {\n  max-width: 100%;\n}\n.hiddenChip_0a3b081a67 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_d3027483e3 {\n  max-width: 192px;\n}\n.dialogChip_c335c9c642 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/Dropdown/components/Trigger/DropdownChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownChip.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n  const chipProps: Partial<ChipsProps> = {};\n  if (item?.startElement) {\n    switch (item?.startElement?.type) {\n      case \"icon\":\n        chipProps.leftIcon = item?.startElement?.value;\n        break;\n      case \"avatar\":\n        chipProps.leftAvatar = item?.startElement?.value;\n        break;\n      case \"custom\":\n        chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (item?.endElement) {\n    switch (item?.endElement?.type) {\n      case \"icon\":\n        chipProps.rightIcon = item?.endElement?.value;\n        break;\n      case \"custom\":\n        chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n  return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n  item: Item;\n  onDelete: () => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n  item,\n  onDelete,\n  disabled,\n  readOnly,\n  className\n}: DropdownChipProps<Item>) => {\n  const chipSpecificProps = getChipPropsFromItemElements(item);\n\n  return (\n    <Chips\n      label={item.label}\n      closeButtonAriaLabel={`Remove ${item.label}`}\n      onDelete={onDelete}\n      disabled={disabled}\n      readOnly={readOnly}\n      noMargin\n      className={className}\n      color={item.chipColor || \"primary\"}\n      {...chipSpecificProps}\n    />\n  );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"wFAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}
+{"version":3,"file":"DropdownChip.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n  const chipProps: Partial<ChipsProps> = {};\n  if (item?.startElement) {\n    switch (item?.startElement?.type) {\n      case \"icon\":\n        chipProps.leftIcon = item?.startElement?.value;\n        break;\n      case \"avatar\":\n        chipProps.leftAvatar = item?.startElement?.value;\n        break;\n      case \"custom\":\n        chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (item?.endElement) {\n    switch (item?.endElement?.type) {\n      case \"icon\":\n        chipProps.rightIcon = item?.endElement?.value;\n        break;\n      case \"custom\":\n        chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n  return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n  item: Item;\n  onDelete: () => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n  item,\n  onDelete,\n  disabled,\n  readOnly,\n  className\n}: DropdownChipProps<Item>) => {\n  const chipSpecificProps = getChipPropsFromItemElements(item);\n\n  return (\n    <Chips\n      label={item.label}\n      closeButtonAriaLabel={`Remove ${item.label}`}\n      onDelete={onDelete}\n      disabled={disabled}\n      readOnly={readOnly}\n      noMargin\n      className={className}\n      color={item.chipColor || \"primary\"}\n      {...chipSpecificProps}\n    />\n  );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"wFAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useMemo, useRef, type RefObject } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Text } from \"@vibe/typography\";\n\n// Screen-reader announcement of the current multi-select selection, surfaced via aria-describedby.\nfunction getSelectedValueText(selectedItems: BaseItemData[]): string {\n  return selectedItems\n    .map(item => item.label || item.value || \"\")\n    .filter(Boolean)\n    .join(\", \");\n}\n\nconst DropdownInput = ({\n  inputSize,\n  fullWidth,\n  onKeyDown: externalKeyDown,\n  inputRef: externalInputRef\n}: {\n  inputSize?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  inputRef?: RefObject<HTMLInputElement>;\n}) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    \"aria-label\": ariaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps,\n    interactiveChips,\n    helperTextId\n  } = useDropdownContext<BaseItemData>();\n\n  const internalRef = useRef<HTMLInputElement>(null);\n  const selectedValueText = useMemo(() => (multi ? getSelectedValueText(selectedItems) : \"\"), [multi, selectedItems]);\n\n  const inputRef = externalInputRef ?? internalRef;\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n  // interactiveChips: suppress Backspace/Arrow chip-navigation only while the input has text (so those\n  // keys edit the text); when the input is empty they reach the chips. Default multi gates it on isOpen.\n  const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\n  // Id for the visually hidden element that announces the current selection (multi-select chips only;\n  // single-select keeps the value inside the input). Derived from the downshift-generated label id so\n  // it's unique per dropdown instance and stable across SSR/hydration (no Math.random / useId).\n  const selectedValueId = `${getLabelProps().id}-selected-value`;\n  const describedBy =\n    [helperTextId, selectedValueText ? selectedValueId : undefined].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <>\n      {searchable ? (\n        <>\n          <BaseInput\n            {...getInputProps({\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              // Fall back to the field's aria-label so the input still has a name when there's no label.\n              \"aria-label\": inputAriaLabel || (label ? undefined : ariaLabel),\n              \"aria-describedby\": describedBy,\n              \"aria-haspopup\": \"dialog\",\n              placeholder: hasSelection ? \"\" : placeholder,\n              ref: inputRef,\n              onKeyDown: externalKeyDown,\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              [styles.fullWidth]: fullWidth\n            })}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n          {selectedValueText && (\n            <span id={selectedValueId} className={styles.visuallyHidden}>\n              {selectedValueText}\n            </span>\n          )}\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","fullWidth","externalKeyDown","onKeyDown","externalInputRef","inputRef","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","ariaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","helperTextId","internalRef","useRef","selectedValueText","useMemo","map","item","value","filter","Boolean","join","getSelectedValueText","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","selectedValueId","concat","id","describedBy","undefined","React","createElement","Fragment","BaseInput","Object","assign","ref","inputRole","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","visuallyHidden","Text","color","placeholderText","type"],"mappings":"kZAgBA,IAAMA,EAAgB,SAAHC,GAUd,IATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAoBIC,IAnBFC,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,eACcC,EAASZ,EAAvB,cACAa,EAAUb,EAAVa,WACAC,EAAId,EAAJc,KACAC,EAAKf,EAALe,MACAC,EAAMhB,EAANgB,OACAC,EAAgBjB,EAAhBiB,iBACAC,EAAalB,EAAbkB,cACAC,EAAanB,EAAbmB,cACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aAGIC,EAAcC,EAAyB,MACvCC,EAAoBC,GAAQ,WAAA,OAAOlB,EAzC3C,SAA8BG,GAC5B,OAAOA,EACJgB,KAAI,SAAAC,GAAI,OAAIA,EAAKZ,OAASY,EAAKC,OAAS,EAAG,IAC3CC,OAAOC,SACPC,KAAK,KACV,CAoCmDC,CAAqBtB,GAAiB,EAAE,GAAG,CAACH,EAAOG,IAE9FX,EAAWD,QAAAA,EAAoBwB,EAC/BW,EAAe1B,EAAQG,EAAcwB,OAAS,IAAM1B,EAIpD2B,EAAiClB,EAAmBA,EAAiB,CAAEmB,iBADpDhB,KAAsBlB,GAAkC,GAApBA,EAAWgC,QAAclB,IACa,CAAA,EAK7FqB,KAAeC,OAAMpB,IAAgBqB,GAAmB,mBACxDC,EACJ,CAACnB,EAAcG,EAAoBa,OAAkBI,GAAWZ,OAAOC,SAASC,KAAK,WAAQU,EAE/F,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAA/B,EACC6B,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACKC,OAAAC,OAAA,GAAA5B,EACF2B,OAAAC,OAAA,CAAA,kBAAmBhC,EAAQG,IAAgBqB,QAAKE,EAEhD,aAAc9B,IAAmBI,OAAQ0B,EAAY7B,GACrD,mBAAoB4B,EACpB,gBAAiB,SACjBlC,YAAa2B,EAAe,GAAK3B,EACjC0C,IAAKjD,EACLF,UAAWD,GACRuC,IAEL,CAAAc,UAAU,WACVrB,MAAO1B,GAAc,GACrBC,UAAWA,EACXW,KAAMpB,GAAaoB,EACnBoC,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehD,GAASC,IAAiBN,GAChDkD,EAAOI,MAAsB,UAAd9D,GACf0D,EAAO7C,MAAQA,GAAS0B,GACxBmB,EAAOK,cAAgBlD,GAAS0B,GAA8B,UAAdvC,GAChD0D,EAAOzD,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAEXmB,GACCkB,EAAAC,cAAA,OAAA,CAAMJ,GAAIF,EAAiBa,UAAWE,EAAOM,gBAC1ClC,IAKPkB,EACGC,cAAAD,EAAAE,SAAA,MAACX,GAAgB3B,GAChBoC,EAAAC,cAACgB,EACC,CAAAC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhD,WAAaA,IAEvB0D,KAAe,UAAThD,EAAmB,QAAU,SAElCR,IAOf"}
+{"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useMemo, useRef, type RefObject } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { Text } from \"@vibe/typography\";\n\n// Screen-reader announcement of the current multi-select selection, surfaced via aria-describedby.\nfunction getSelectedValueText(selectedItems: BaseItemData[]): string {\n  return selectedItems\n    .map(item => item.label || item.value || \"\")\n    .filter(Boolean)\n    .join(\", \");\n}\n\nconst DropdownInput = ({\n  inputSize,\n  fullWidth,\n  onKeyDown: externalKeyDown,\n  inputRef: externalInputRef\n}: {\n  inputSize?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  inputRef?: RefObject<HTMLInputElement>;\n}) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    \"aria-label\": ariaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps,\n    interactiveChips,\n    helperTextId\n  } = useDropdownContext<BaseItemData>();\n\n  const internalRef = useRef<HTMLInputElement>(null);\n  const selectedValueText = useMemo(() => (multi ? getSelectedValueText(selectedItems) : \"\"), [multi, selectedItems]);\n\n  const inputRef = externalInputRef ?? internalRef;\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n  // interactiveChips: suppress Backspace/Arrow chip-navigation only while the input has text (so those\n  // keys edit the text); when the input is empty they reach the chips. Default multi gates it on isOpen.\n  const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\n  // Id for the visually hidden element that announces the current selection (multi-select chips only;\n  // single-select keeps the value inside the input). Derived from the downshift-generated label id so\n  // it's unique per dropdown instance and stable across SSR/hydration (no Math.random / useId).\n  const selectedValueId = `${getLabelProps().id}-selected-value`;\n  const describedBy =\n    [helperTextId, selectedValueText ? selectedValueId : undefined].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <>\n      {searchable ? (\n        <>\n          <BaseInput\n            {...getInputProps({\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              // Fall back to the field's aria-label so the input still has a name when there's no label.\n              \"aria-label\": inputAriaLabel || (label ? undefined : ariaLabel),\n              \"aria-describedby\": describedBy,\n              \"aria-haspopup\": \"dialog\",\n              placeholder: hasSelection ? \"\" : placeholder,\n              ref: inputRef,\n              onKeyDown: externalKeyDown,\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              [styles.fullWidth]: fullWidth\n            })}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n          {selectedValueText && (\n            <span id={selectedValueId} className={styles.visuallyHidden}>\n              {selectedValueText}\n            </span>\n          )}\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","fullWidth","externalKeyDown","onKeyDown","externalInputRef","inputRef","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","ariaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","helperTextId","internalRef","useRef","selectedValueText","useMemo","map","item","value","filter","Boolean","join","getSelectedValueText","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","selectedValueId","concat","id","describedBy","undefined","React","createElement","Fragment","BaseInput","Object","assign","ref","inputRole","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","visuallyHidden","Text","color","placeholderText","type"],"mappings":"kZAgBA,IAAMA,EAAgB,SAAHC,GAUd,IATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAoBIC,IAnBFC,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,eACcC,EAASZ,EAAvB,cACAa,EAAUb,EAAVa,WACAC,EAAId,EAAJc,KACAC,EAAKf,EAALe,MACAC,EAAMhB,EAANgB,OACAC,EAAgBjB,EAAhBiB,iBACAC,EAAalB,EAAbkB,cACAC,EAAanB,EAAbmB,cACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aAGIC,EAAcC,EAAyB,MACvCC,EAAoBC,GAAQ,WAAA,OAAOlB,EAzC3C,SAA8BG,GAC5B,OAAOA,EACJgB,KAAI,SAAAC,GAAI,OAAIA,EAAKZ,OAASY,EAAKC,OAAS,EAAG,IAC3CC,OAAOC,SACPC,KAAK,KACV,CAoCmDC,CAAqBtB,GAAiB,EAAE,GAAG,CAACH,EAAOG,IAE9FX,EAAWD,QAAAA,EAAoBwB,EAC/BW,EAAe1B,EAAQG,EAAcwB,OAAS,IAAM1B,EAIpD2B,EAAiClB,EAAmBA,EAAiB,CAAEmB,iBADpDhB,KAAsBlB,GAAkC,GAApBA,EAAWgC,QAAclB,IACa,CAAA,EAK7FqB,KAAeC,OAAMpB,IAAgBqB,GAAmB,mBACxDC,EACJ,CAACnB,EAAcG,EAAoBa,OAAkBI,GAAWZ,OAAOC,SAASC,KAAK,WAAQU,EAE/F,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAA/B,EACC6B,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACKC,OAAAC,OAAA,GAAA5B,EACF2B,OAAAC,OAAA,CAAA,kBAAmBhC,EAAQG,IAAgBqB,QAAKE,EAEhD,aAAc9B,IAAmBI,OAAQ0B,EAAY7B,GACrD,mBAAoB4B,EACpB,gBAAiB,SACjBlC,YAAa2B,EAAe,GAAK3B,EACjC0C,IAAKjD,EACLF,UAAWD,GACRuC,IAEL,CAAAc,UAAU,WACVrB,MAAO1B,GAAc,GACrBC,UAAWA,EACXW,KAAMpB,GAAaoB,EACnBoC,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehD,GAASC,IAAiBN,GAChDkD,EAAOI,MAAsB,UAAd9D,GACf0D,EAAO7C,MAAQA,GAAS0B,GACxBmB,EAAOK,cAAgBlD,GAAS0B,GAA8B,UAAdvC,GAChD0D,EAAOzD,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAEXmB,GACCkB,EAAAC,cAAA,OAAA,CAAMJ,GAAIF,EAAiBa,UAAWE,EAAOM,gBAC1ClC,IAKPkB,EACGC,cAAAD,EAAAE,SAAA,MAACX,GAAgB3B,GAChBoC,EAAAC,cAACgB,EACC,CAAAC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhD,WAAaA,IAEvB0D,KAAe,UAAThD,EAAmB,QAAU,SAElCR,IAOf"}

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    getSelectedItemProps,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    minVisibleCount,\n    interactiveChips,\n    helperTextId\n  } = useDropdownContext<BaseItemData>();\n\n  const showChips = selectedItems.length > 0;\n  const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n  const renderTriggerContent = () => {\n    if (interactiveChips && searchable && !readOnly) {\n      if (selectedItems.length === 0) {\n        return <DropdownInput />;\n      }\n      return (\n        <div\n          className={styles.multiWrapper}\n          onKeyDown={e => {\n            if (\n              e.key === \"ArrowLeft\" &&\n              e.target instanceof HTMLInputElement &&\n              !e.target.value &&\n              overflowBadgeRef.current\n            ) {\n              overflowBadgeRef.current.focus();\n            }\n          }}\n        >\n          <MultiSelectedValues\n            disabled={disabled}\n            readOnly={readOnly}\n            selectedItems={selectedItems}\n            onRemove={item => contextOnOptionRemove?.(item)}\n            renderInput={() => <DropdownInput inputSize=\"small\" fullWidth />}\n            getChipContainerProps={(item, index) => getSelectedItemProps?.({ selectedItem: item, index }) ?? {}}\n            badgeRef={overflowBadgeRef}\n            minVisibleCount={minVisibleCount}\n          />\n        </div>\n      );\n    }\n\n    // Default chips mode: original behavior.\n    if (showChips) {\n      return (\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={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n              minVisibleCount={minVisibleCount}\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    }\n\n    return <DropdownInput />;\n  };\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\": label ? undefined : ariaLabel,\n              \"aria-describedby\": helperTextId,\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {renderTriggerContent()}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","getSelectedItemProps","multiline","disabled","readOnly","error","size","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","interactiveChips","helperTextId","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","_a","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}
+{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    getSelectedItemProps,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    minVisibleCount,\n    interactiveChips,\n    helperTextId\n  } = useDropdownContext<BaseItemData>();\n\n  const showChips = selectedItems.length > 0;\n  const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n  const renderTriggerContent = () => {\n    if (interactiveChips && searchable && !readOnly) {\n      if (selectedItems.length === 0) {\n        return <DropdownInput />;\n      }\n      return (\n        <div\n          className={styles.multiWrapper}\n          onKeyDown={e => {\n            if (\n              e.key === \"ArrowLeft\" &&\n              e.target instanceof HTMLInputElement &&\n              !e.target.value &&\n              overflowBadgeRef.current\n            ) {\n              overflowBadgeRef.current.focus();\n            }\n          }}\n        >\n          <MultiSelectedValues\n            disabled={disabled}\n            readOnly={readOnly}\n            selectedItems={selectedItems}\n            onRemove={item => contextOnOptionRemove?.(item)}\n            renderInput={() => <DropdownInput inputSize=\"small\" fullWidth />}\n            getChipContainerProps={(item, index) => getSelectedItemProps?.({ selectedItem: item, index }) ?? {}}\n            badgeRef={overflowBadgeRef}\n            minVisibleCount={minVisibleCount}\n          />\n        </div>\n      );\n    }\n\n    // Default chips mode: original behavior.\n    if (showChips) {\n      return (\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={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n              minVisibleCount={minVisibleCount}\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    }\n\n    return <DropdownInput />;\n  };\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\": label ? undefined : ariaLabel,\n              \"aria-describedby\": helperTextId,\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {renderTriggerContent()}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","getSelectedItemProps","multiline","disabled","readOnly","error","size","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","interactiveChips","helperTextId","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","_a","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\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 \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n  const {\n    inputValue,\n    isFocused,\n    selectedItem,\n    searchable,\n    size,\n    valueRenderer,\n    getToggleButtonProps,\n    disabled,\n    readOnly,\n    error,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    helperTextId,\n    inlineSelectedValue\n  } = useDropdownContext<BaseItemData>();\n\n  // inlineSelectedValue puts the selected label inside the input, so the overlay only renders for\n  // non-searchable single select. Without it (default), the selection is shown via the overlay —\n  // including in searchable mode, faded while the input is focused (the original behavior).\n  const showSelectedOverlay = (inlineSelectedValue ? !searchable : !inputValue) && !!selectedItem;\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\": label ? undefined : ariaLabel,\n              \"aria-describedby\": helperTextId,\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        {showSelectedOverlay && (\n          <div\n            className={cx(\n              styles.selectedItem,\n              { [styles.faded]: !inlineSelectedValue && isFocused && searchable },\n              getStyle(styles, size)\n            )}\n          >\n            <BaseItem\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","isFocused","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","helperTextId","inlineSelectedValue","showSelectedOverlay","inputValue","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_a","type","TriggerActions"],"mappings":"ggBAUA,IAAMA,EAAsB,iBAC1BC,EAgBIC,IAdFC,EAASF,EAATE,UACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAAoBP,EAApBO,qBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAYd,EAAZc,aACAC,EAAmBf,EAAnBe,oBAMIC,GAAuBD,GAAuBX,GApBxCJ,EAAViB,eAoBiFd,EAEnF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDD,EAUF,CAAG,EATHG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBkB,QAAKC,EAChD,aAAcpB,OAAQoB,EAAYlB,EAClC,mBAAoBC,EACpB,gBAAiBN,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI3Cb,EAAAC,cAACa,EAAgB,MAEhBhB,GACCE,EACEC,cAAA,MAAA,CAAAM,UAAWC,EACTC,EAAOxB,aAAY8B,EAChBN,CAAAA,EAAAA,EAAOO,OAASnB,GAAuBb,GAAaE,GACvDyB,EAASF,EAAQtB,KAGnBa,EAACC,cAAAgB,GACCC,UAAU,MACVC,aAAc/B,EACdD,KAAMA,EACNI,UAAQ,EACR6B,KACKf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAArB,GACH,CAAAK,SAAAA,EACA+B,aAAkD,oBAApCC,EAAArC,EAAaoC,mCAAcE,WAAoBV,EAAY5B,EAAaoC,mBAMhGrB,EAAAC,cAACuB,EAAc,MAGrB"}
+{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"@vibe/base-list\";\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 \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n  const {\n    inputValue,\n    isFocused,\n    selectedItem,\n    searchable,\n    size,\n    valueRenderer,\n    getToggleButtonProps,\n    disabled,\n    readOnly,\n    error,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    helperTextId,\n    inlineSelectedValue\n  } = useDropdownContext<BaseItemData>();\n\n  // inlineSelectedValue puts the selected label inside the input, so the overlay only renders for\n  // non-searchable single select. Without it (default), the selection is shown via the overlay —\n  // including in searchable mode, faded while the input is focused (the original behavior).\n  const showSelectedOverlay = (inlineSelectedValue ? !searchable : !inputValue) && !!selectedItem;\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\": label ? undefined : ariaLabel,\n              \"aria-describedby\": helperTextId,\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        {showSelectedOverlay && (\n          <div\n            className={cx(\n              styles.selectedItem,\n              { [styles.faded]: !inlineSelectedValue && isFocused && searchable },\n              getStyle(styles, size)\n            )}\n          >\n            <BaseItem\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","isFocused","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","helperTextId","inlineSelectedValue","showSelectedOverlay","inputValue","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_a","type","TriggerActions"],"mappings":"giBAUA,IAAMA,EAAsB,iBAC1BC,EAgBIC,IAdFC,EAASF,EAATE,UACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAAoBP,EAApBO,qBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAYd,EAAZc,aACAC,EAAmBf,EAAnBe,oBAMIC,GAAuBD,GAAuBX,GApBxCJ,EAAViB,eAoBiFd,EAEnF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDD,EAUF,CAAG,EATHG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBkB,QAAKC,EAChD,aAAcpB,OAAQoB,EAAYlB,EAClC,mBAAoBC,EACpB,gBAAiBN,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI3Cb,EAAAC,cAACa,EAAgB,MAEhBhB,GACCE,EACEC,cAAA,MAAA,CAAAM,UAAWC,EACTC,EAAOxB,aAAY8B,EAChBN,CAAAA,EAAAA,EAAOO,OAASnB,GAAuBb,GAAaE,GACvDyB,EAASF,EAAQtB,KAGnBa,EAACC,cAAAgB,GACCC,UAAU,MACVC,aAAc/B,EACdD,KAAMA,EACNI,UAAQ,EACR6B,KACKf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAArB,GACH,CAAAK,SAAAA,EACA+B,aAAkD,oBAApCC,EAAArC,EAAaoC,mCAAcE,WAAoBV,EAAY5B,EAAaoC,mBAMhGrB,EAAAC,cAACuB,EAAc,MAGrB"}

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

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_a25110c96f",small:"small_df6dae0989",placeholderText:"placeholderText_dd4d9fa3b8",medium:"medium_1551e752f2",large:"large_4e7d8b22ca",inputWrapper:"inputWrapper_970fdbdefa",multiSelected:"multiSelected_54f6b2c4e5",fullWidth:"fullWidth_bc60bedf2d",hasSelected:"hasSelected_b29c72a515",selectedItem:"selectedItem_8981fd4c2c",faded:"faded_d57799ebcc",disabled:"disabled_c4779e6f70",multiWrapper:"multiWrapper_ba022cde11",actionsWrapper:"actionsWrapper_f2fa7a1a50",visuallyHidden:"visuallyHidden_0de041a1e5"};!function(e){const n="s_id-e51df68c2f8a_4_5_21";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_a25110c96f {\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_a25110c96f.small_df6dae0989 {\n  min-height: 32px;\n}\n.triggerWrapper_a25110c96f.small_df6dae0989 .placeholderText_dd4d9fa3b8 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_a25110c96f.medium_1551e752f2 {\n  min-height: 40px;\n}\n.triggerWrapper_a25110c96f.large_4e7d8b22ca {\n  min-height: 48px;\n}\n.triggerWrapper_a25110c96f .inputWrapper_970fdbdefa {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_a25110c96f .inputWrapper_970fdbdefa.small_df6dae0989 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_a25110c96f .inputWrapper_970fdbdefa.multiSelected_54f6b2c4e5 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_a25110c96f .inputWrapper_970fdbdefa.multiSelected_54f6b2c4e5.fullWidth_bc60bedf2d {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_a25110c96f .inputWrapper_970fdbdefa.hasSelected_b29c72a515 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_a25110c96f .selectedItem_8981fd4c2c {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_a25110c96f .selectedItem_8981fd4c2c.small_df6dae0989 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_a25110c96f .selectedItem_8981fd4c2c.medium_1551e752f2 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_a25110c96f .selectedItem_8981fd4c2c.large_4e7d8b22ca {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_a25110c96f .selectedItem_8981fd4c2c.faded_d57799ebcc {\n  opacity: 0.6;\n}\n.triggerWrapper_a25110c96f .placeholderText_dd4d9fa3b8 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_a25110c96f .placeholderText_dd4d9fa3b8.disabled_c4779e6f70 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_ba022cde11 {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_f2fa7a1a50 {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_0de041a1e5 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_5094e1dc06",small:"small_5bb13eaa99",placeholderText:"placeholderText_6c2b3ef9e2",medium:"medium_c7e25fb0a1",large:"large_3d3968aefe",inputWrapper:"inputWrapper_2d0c8daba2",multiSelected:"multiSelected_754fbaf02b",fullWidth:"fullWidth_431c38c2ef",hasSelected:"hasSelected_5445a20888",selectedItem:"selectedItem_67632d6ff5",faded:"faded_1b423cb567",disabled:"disabled_0fab9540cd",multiWrapper:"multiWrapper_ef3a53aa9d",actionsWrapper:"actionsWrapper_811076b38e",visuallyHidden:"visuallyHidden_3d42f433e0"};!function(e){const n="s_id-e51df68c2f8a_4_5_23";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_5094e1dc06 {\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_5094e1dc06.small_5bb13eaa99 {\n  min-height: 32px;\n}\n.triggerWrapper_5094e1dc06.small_5bb13eaa99 .placeholderText_6c2b3ef9e2 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_5094e1dc06.medium_c7e25fb0a1 {\n  min-height: 40px;\n}\n.triggerWrapper_5094e1dc06.large_3d3968aefe {\n  min-height: 48px;\n}\n.triggerWrapper_5094e1dc06 .inputWrapper_2d0c8daba2 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_5094e1dc06 .inputWrapper_2d0c8daba2.small_5bb13eaa99 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_5094e1dc06 .inputWrapper_2d0c8daba2.multiSelected_754fbaf02b {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_5094e1dc06 .inputWrapper_2d0c8daba2.multiSelected_754fbaf02b.fullWidth_431c38c2ef {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_5094e1dc06 .inputWrapper_2d0c8daba2.hasSelected_5445a20888 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_5094e1dc06 .selectedItem_67632d6ff5 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_5094e1dc06 .selectedItem_67632d6ff5.small_5bb13eaa99 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_5094e1dc06 .selectedItem_67632d6ff5.medium_c7e25fb0a1 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_5094e1dc06 .selectedItem_67632d6ff5.large_3d3968aefe {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_5094e1dc06 .selectedItem_67632d6ff5.faded_1b423cb567 {\n  opacity: 0.6;\n}\n.triggerWrapper_5094e1dc06 .placeholderText_6c2b3ef9e2 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_5094e1dc06 .placeholderText_6c2b3ef9e2.disabled_0fab9540cd {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_ef3a53aa9d {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_811076b38e {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_3d42f433e0 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TriggerActions.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\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    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    inputAriaLabel\n  } = useDropdownContext<BaseItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const chevronLabelledBy = label ? getLabelProps().id : undefined;\n  const chevronAriaLabel = label ? undefined : ariaLabel || inputAriaLabel;\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            aria-label={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        {!boxMode && (\n          <IconButton\n            icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n            size={iconButtonSize}\n            disabled={disabled}\n            aria-controls={getMenuProps().id}\n            aria-expanded={isOpen}\n            aria-labelledby={chevronLabelledBy}\n            aria-label={chevronAriaLabel}\n            // The accessible name is for assistive tech only — don't surface it as a hover tooltip.\n            hideTooltip\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","readOnly","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","loading","clearAriaLabel","boxMode","label","ariaLabel","inputAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","chevronLabelledBy","getLabelProps","id","undefined","chevronAriaLabel","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","Loader","color","IconButton","icon","CloseSmall","onClick","hideTooltip","DropdownChevronUp","DropdownChevronDown","tabIndex"],"mappings":"qiBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SAEYC,EAAAR,EACZS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUV,EAAVU,WACAC,EAAYX,EAAZW,aACAC,EAAOZ,EAAPY,QACAC,EAAcb,EAAda,eACAC,EAAOd,EAAPc,QACAC,EAAKf,EAALe,MAEcC,EAAShB,EAAvB,cACAiB,EAAcjB,EAAdiB,eAGIC,EAdClB,EAALmB,OAc2BV,aAAa,EAAbA,EAAeW,QAAS,IAbvCpB,EAAZqB,aAcIC,EAAiB3B,EAnBjBK,EAAJuB,OAmBsC,QAElCC,EAAoBT,GAAQU,EARnBzB,EAAbyB,iBAQgDC,QAAKC,EACjDC,EAAmBb,OAAQY,EAAYX,GAAaC,EAW1D,OAAIV,EACK,KAIPsB,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBACrBzB,GACCiB,EAACC,cAAAQ,GAAOf,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIiB,MAAM,cAE1FrB,GAAgBZ,IAAcD,GAC7BwB,EAAAC,cAACU,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACX,GACnBA,EAAEC,kBACE7B,EACFA,IAEAD,KAuBMoB,KAAMD,EAAc,aACRT,EACZ+B,aAAW,KAGb9B,GACAe,EAAAC,cAACU,EACC,CAAAC,KAAMvC,EAAS2C,EAAoBC,EACnCvB,KAAMD,EACNjB,SAAUA,EACK,gBAAAM,IAAee,GACf,gBAAAxB,EACE,kBAAAsB,eACLI,EAEZgB,aAAW,EACXG,UAAW,EACXJ,QAAS,WACPjC,GACF,KAMZ"}
+{"version":3,"file":"TriggerActions.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\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    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    inputAriaLabel\n  } = useDropdownContext<BaseItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const chevronLabelledBy = label ? getLabelProps().id : undefined;\n  const chevronAriaLabel = label ? undefined : ariaLabel || inputAriaLabel;\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            aria-label={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        {!boxMode && (\n          <IconButton\n            icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n            size={iconButtonSize}\n            disabled={disabled}\n            aria-controls={getMenuProps().id}\n            aria-expanded={isOpen}\n            aria-labelledby={chevronLabelledBy}\n            aria-label={chevronAriaLabel}\n            // The accessible name is for assistive tech only — don't surface it as a hover tooltip.\n            hideTooltip\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","readOnly","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","loading","clearAriaLabel","boxMode","label","ariaLabel","inputAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","chevronLabelledBy","getLabelProps","id","undefined","chevronAriaLabel","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","Loader","color","IconButton","icon","CloseSmall","onClick","hideTooltip","DropdownChevronUp","DropdownChevronDown","tabIndex"],"mappings":"qiBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SAEYC,EAAAR,EACZS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUV,EAAVU,WACAC,EAAYX,EAAZW,aACAC,EAAOZ,EAAPY,QACAC,EAAcb,EAAda,eACAC,EAAOd,EAAPc,QACAC,EAAKf,EAALe,MAEcC,EAAShB,EAAvB,cACAiB,EAAcjB,EAAdiB,eAGIC,EAdClB,EAALmB,OAc2BV,aAAa,EAAbA,EAAeW,QAAS,IAbvCpB,EAAZqB,aAcIC,EAAiB3B,EAnBjBK,EAAJuB,OAmBsC,QAElCC,EAAoBT,GAAQU,EARnBzB,EAAbyB,iBAQgDC,QAAKC,EACjDC,EAAmBb,OAAQY,EAAYX,GAAaC,EAW1D,OAAIV,EACK,KAIPsB,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBACrBzB,GACCiB,EAACC,cAAAQ,GAAOf,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIiB,MAAM,cAE1FrB,GAAgBZ,IAAcD,GAC7BwB,EAAAC,cAACU,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACX,GACnBA,EAAEC,kBACE7B,EACFA,IAEAD,KAuBMoB,KAAMD,EAAc,aACRT,EACZ+B,aAAW,KAGb9B,GACAe,EAAAC,cAACU,EACC,CAAAC,KAAMvC,EAAS2C,EAAoBC,EACnCvB,KAAMD,EACNjB,SAAUA,EACK,gBAAAM,IAAee,GACf,gBAAAxB,EACE,kBAAAsB,eACLI,EAEZgB,aAAW,EACXG,UAAW,EACXJ,QAAS,WACPjC,GACF,KAMZ"}

package/dist/src/components/Dropdown/context/DropdownContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownContext.js","sources":["../../../../../src/components/Dropdown/context/DropdownContext.ts"],"sourcesContent":["import type React from \"react\";\nimport { createContext, useContext } from \"react\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type BaseDropdownProps, type DropdownSizes } from \"../Dropdown.types\";\nimport { type DropdownContextProps } from \"./DropdownContext.types\";\n\ntype PropGetter = (options?: any) => Record<string, any>;\ntype ItemPropGetter<Item> = (options: { item: Item; index: number }) => Record<string, any>;\n\nexport interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {\n  isOpen: boolean;\n  inputValue: string | null;\n  highlightedIndex: number | null;\n  selectedItem: Item | null | undefined;\n  selectedItems: Item[];\n  filteredOptions: DropdownListGroup<Item>[];\n\n  getToggleButtonProps: PropGetter;\n  getLabelProps: PropGetter;\n  getMenuProps: PropGetter;\n  getInputProps: PropGetter;\n  getItemProps: ItemPropGetter<Item>;\n  getDropdownProps?: PropGetter;\n\n  reset: () => void;\n  toggleMenu: () => void;\n  onClear?: () => void;\n  onOptionSelect?: (option: Item) => void;\n  onOptionRemove?: (option: Item) => void;\n  addSelectedItem?: (item: Item) => void;\n  removeSelectedItem?: (item: Item) => void;\n  setSelectedItems?: (items: Item[]) => void;\n\n  searchable?: boolean;\n  multi?: boolean;\n  multiline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  size?: DropdownSizes;\n  optionRenderer?: BaseDropdownProps<Item>[\"optionRenderer\"];\n  valueRenderer?: BaseDropdownProps<Item>[\"valueRenderer\"];\n  noOptionsMessage?: BaseDropdownProps<Item>[\"noOptionsMessage\"];\n  placeholder?: BaseDropdownProps<Item>[\"placeholder\"];\n  withGroupDivider?: BaseDropdownProps<Item>[\"withGroupDivider\"];\n  stickyGroupTitle?: BaseDropdownProps<Item>[\"stickyGroupTitle\"];\n  maxMenuHeight?: BaseDropdownProps<Item>[\"maxMenuHeight\"];\n  clearable?: boolean;\n  autoFocus?: boolean;\n  isFocused?: boolean;\n  inputAriaLabel?: string;\n  menuAriaLabel?: string;\n  closeMenuOnSelect?: boolean;\n  dir?: BaseDropdownProps<Item>[\"dir\"];\n  originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps<any> | undefined>(undefined);\n\nexport function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>() {\n  const context = useContext(DropdownContext) as DropdownContextProps<Item>;\n  if (context === undefined) {\n    throw new Error(\"useDropdownContext must be used within a DropdownProvider\");\n  }\n  return context;\n}\n"],"names":["DropdownContext","createContext","undefined","useDropdownContext","context","useContext","Error"],"mappings":"0DA4DaA,EAAkBC,OAAqDC,YAEpEC,IACd,IAAMC,EAAUC,EAAWL,GAC3B,QAAgBE,IAAZE,EACF,MAAUE,MAAM,6DAElB,OAAOF,CACT"}
+{"version":3,"file":"DropdownContext.js","sources":["../../../../../src/components/Dropdown/context/DropdownContext.ts"],"sourcesContent":["import type React from \"react\";\nimport { createContext, useContext } from \"react\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type BaseDropdownProps, type DropdownSizes } from \"../Dropdown.types\";\nimport { type DropdownContextProps } from \"./DropdownContext.types\";\n\ntype PropGetter = (options?: any) => Record<string, any>;\ntype ItemPropGetter<Item> = (options: { item: Item; index: number }) => Record<string, any>;\n\nexport interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {\n  isOpen: boolean;\n  inputValue: string | null;\n  highlightedIndex: number | null;\n  selectedItem: Item | null | undefined;\n  selectedItems: Item[];\n  filteredOptions: DropdownListGroup<Item>[];\n\n  getToggleButtonProps: PropGetter;\n  getLabelProps: PropGetter;\n  getMenuProps: PropGetter;\n  getInputProps: PropGetter;\n  getItemProps: ItemPropGetter<Item>;\n  getDropdownProps?: PropGetter;\n\n  reset: () => void;\n  toggleMenu: () => void;\n  onClear?: () => void;\n  onOptionSelect?: (option: Item) => void;\n  onOptionRemove?: (option: Item) => void;\n  addSelectedItem?: (item: Item) => void;\n  removeSelectedItem?: (item: Item) => void;\n  setSelectedItems?: (items: Item[]) => void;\n\n  searchable?: boolean;\n  multi?: boolean;\n  multiline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  size?: DropdownSizes;\n  optionRenderer?: BaseDropdownProps<Item>[\"optionRenderer\"];\n  valueRenderer?: BaseDropdownProps<Item>[\"valueRenderer\"];\n  noOptionsMessage?: BaseDropdownProps<Item>[\"noOptionsMessage\"];\n  placeholder?: BaseDropdownProps<Item>[\"placeholder\"];\n  withGroupDivider?: BaseDropdownProps<Item>[\"withGroupDivider\"];\n  stickyGroupTitle?: BaseDropdownProps<Item>[\"stickyGroupTitle\"];\n  maxMenuHeight?: BaseDropdownProps<Item>[\"maxMenuHeight\"];\n  clearable?: boolean;\n  autoFocus?: boolean;\n  isFocused?: boolean;\n  inputAriaLabel?: string;\n  menuAriaLabel?: string;\n  closeMenuOnSelect?: boolean;\n  dir?: BaseDropdownProps<Item>[\"dir\"];\n  originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps<any> | undefined>(undefined);\n\nexport function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>() {\n  const context = useContext(DropdownContext) as DropdownContextProps<Item>;\n  if (context === undefined) {\n    throw new Error(\"useDropdownContext must be used within a DropdownProvider\");\n  }\n  return context;\n}\n"],"names":["DropdownContext","createContext","undefined","useDropdownContext","context","useContext","Error"],"mappings":"0DA4DaA,EAAkBC,OAAqDC,YAEpEC,IACd,IAAMC,EAAUC,EAAWL,GAC3B,QAAgBE,IAAZE,EACF,MAAUE,MAAM,6DAElB,OAAOF,CACT"}

package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  isMenuOpen?: boolean,\n  autoFocus?: boolean,\n  closeMenuOnSelect?: boolean,\n  defaultValue?: T,\n  value?: T,\n  inputValueProp?: string,\n  onChange?: (option: T | T[] | null) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string,\n  inlineSelectedValue?: boolean\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    openMenu,\n    toggleMenu,\n    closeMenu,\n    selectItem\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    // With inlineSelectedValue, seed the input with the selected item's label so a defaultValue/value is\n    // visible (and exposed to assistive technologies) on mount. Otherwise the selection shows in an overlay.\n    initialInputValue: inputValueProp || (inlineSelectedValue ? selectedItem?.label : undefined) || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      // inlineSelectedValue keeps the selected label in the input, so reset the filter on close to\n      // ensure reopening shows the full option list.\n      if (inlineSelectedValue && !isOpen) {\n        filterOptions(\"\");\n      }\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue, type }) => {\n        // With inlineSelectedValue, downshift also writes the selected item's label into the input on\n        // selection/blur — filter only on actual typing so those writes don't filter the list. Without\n        // it the input is cleared on selection, so every change can filter (original behavior).\n        if (!inlineSelectedValue || type === useCombobox.stateChangeTypes.InputChange) {\n          filterOptions(inputValue || \"\");\n        }\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions, inlineSelectedValue]\n    ),\n    onSelectedItemChange: useCallback(\n      ({ selectedItem }) => {\n        if (value === undefined) {\n          setCurrentSelectedItem(selectedItem || null);\n        }\n        if (selectedItem) {\n          onOptionSelect?.(selectedItem);\n          onChange?.(selectedItem);\n          filterOptions(\"\");\n        } else {\n          onChange?.(null);\n          filterOptions(\"\");\n        }\n      },\n      [value, onOptionSelect, filterOptions, onChange]\n    ),\n    onStateChange: useCallback(\n      ({ type }) => {\n        // Keep focus on the input after selecting via click or Enter so focus is never lost\n        // (the menu still closes through the stateReducer's isOpen change).\n        if (\n          closeMenuOnSelect &&\n          (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n        ) {\n          inputRef.current?.focus();\n        }\n      },\n      [closeMenuOnSelect]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      const { type, changes } = actionAndChanges;\n      switch (type) {\n        // FunctionSelectItem (Space selecting the highlighted option, see getInputProps below) is\n        // handled the same as Enter/click selection.\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n        case useCombobox.stateChangeTypes.FunctionSelectItem:\n          // inlineSelectedValue keeps Downshift's default inputValue (the selected label) inside the\n          // input; otherwise clear it so the selection is shown via the overlay instead.\n          return inlineSelectedValue\n            ? { ...changes, isOpen: !closeMenuOnSelect }\n            : { ...changes, inputValue: null, isOpen: !closeMenuOnSelect };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          // Overlay mode clears the input on blur / controlled update; inline mode keeps the label.\n          return inlineSelectedValue ? changes : { ...changes, inputValue: null };\n        default:\n          return changes;\n      }\n    }\n  });\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps: (options?: Parameters<typeof getInputProps>[0]) =>\n      getInputProps({\n        ...options,\n        ref: inputRef,\n        onKeyDown: event => {\n          options?.onKeyDown?.(event);\n          // Space selects the highlighted option instead of typing a literal space. It only applies\n          // when the user has arrowed to an option (highlightedIndex set, i.e. aria-activedescendant\n          // is set); while typing/filtering there is no highlight, so Space types normally.\n          if (event.key === \" \" && !event.defaultPrevented && isOpen && highlightedIndex >= 0) {\n            const item = flatOptions[highlightedIndex];\n            if (item && !item.disabled) {\n              event.preventDefault();\n              selectItem(item);\n            }\n          }\n        }\n      }),\n    getItemProps,\n    reset: () => {\n      if (value === undefined) {\n        setCurrentSelectedItem(null);\n      }\n      reset();\n      filterOptions(\"\");\n    },\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","inlineSelectedValue","_useState","useState","_useState2","_slicedToArray","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","type","stateChangeTypes","InputChange","onSelectedItemChange","_ref3","onStateChange","_ref4","ItemClick","InputKeyDownEnter","current","focus","stateReducer","state","actionAndChanges","changes","FunctionSelectItem","Object","assign","InputBlur","ControlledPropUpdatedSelectedItem","highlightedIndex","getInputProps","reset","selectItem","getToggleButtonProps","getLabelProps","getMenuProps","ref","onKeyDown","event","call","key","defaultPrevented","preventDefault","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"8OAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBb,GAAgB,MAAKc,EAAAC,EAAAH,EAAA,GAAvFI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAC5CI,EAAWC,EAAgC,MAG3CC,OAAyBC,IAAVpB,EAAsBA,EAAQe,EAE7CM,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEJI,EAA2CC,EACzC7B,EACAY,EACAC,EACAa,GAJMI,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cAOnBC,EAAcL,GAAQ,WAAA,OAAMG,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAMlC,aAAU,CAAC8B,IACpFK,EAcIC,EAAe,CACjBC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBd,KAAhBc,aAAA,EAAAA,EAAMlC,OAA6BkC,EAAKlC,MAAZsC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAG9CC,kBAAmBxC,IAAmBS,EAAsBS,aAAA,EAAAA,EAAciB,WAAQhB,IAAc,GAChGD,aAAcA,EACduB,OAAQ9C,EACR+C,cAAe9C,EACfY,GAAAA,EACAmC,eAAgB,SAAAC,GAAe,IAAZH,EAAMG,EAANH,OAGbhC,IAAwBgC,GAC1BhB,EAAc,IAEhBgB,EAASrC,SAAAA,IAAkBD,SAAAA,GAC5B,EAED0C,mBAAoBC,GAClB,SAAAC,GAAyB,IAAtBC,EAAUD,EAAVC,WAIIvC,GAJYsC,EAAJE,OAIwBnB,EAAYoB,iBAAiBC,aAChE1B,EAAcuB,GAAc,IAE9B9C,SAAAA,EAAgB8C,EACjB,GACD,CAAC9C,EAAeuB,EAAehB,IAEjC2C,qBAAsBN,GACpB,SAAAO,GAAqB,IAAlBnC,EAAYmC,EAAZnC,kBACaC,IAAVpB,GACFgB,EAAuBG,GAAgB,MAErCA,GACFb,SAAAA,EAAiBa,GACjBjB,SAAAA,EAAWiB,GACXO,EAAc,MAEdxB,SAAAA,EAAW,MACXwB,EAAc,IAEjB,GACD,CAAC1B,EAAOM,EAAgBoB,EAAexB,IAEzCqD,cAAeR,GACb,SAAAS,GAAa,MAAVN,EAAIM,EAAJN,MAICpD,GACCoD,IAASnB,EAAYoB,iBAAiBM,WAAaP,IAASnB,EAAYoB,iBAAiBO,mBAExE,QAAlBvB,EAAAlB,EAAS0C,eAAS,IAAAxB,GAAAA,EAAAyB,OAEtB,GACA,CAAC9D,IAEH+D,aAAc,SAACC,EAAOC,GACpB,IAAcC,EAAYD,EAAZC,QACd,OAD0BD,EAAlBb,MAIN,KAAKnB,EAAYoB,iBAAiBO,kBAClC,KAAK3B,EAAYoB,iBAAiBM,UAClC,KAAK1B,EAAYoB,iBAAiBc,mBAGhC,OACGC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMH,GADFtD,EACW,CAAAgC,QAAS5C,GACT,CAAAmD,WAAY,KAAMP,QAAS5C,IAC/C,KAAKiC,EAAYoB,iBAAiBiB,UAClC,KAAKrC,EAAYoB,iBAAiBkB,kCAEhC,OAAO3D,EAAsBsD,EAAeE,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,GAAS,CAAAf,WAAY,OACnE,QACE,OAAOe,EAEb,IA/FAtB,EAAMZ,EAANY,OAEA4B,EAAgBxC,EAAhBwC,iBAIAC,EAAazC,EAAbyC,cAEAC,EAAK1C,EAAL0C,MAIAC,EAAU3C,EAAV2C,WAsFF,MAAO,CACL/B,OAAAA,EACAO,WAnGUnB,EAAVmB,WAoGAqB,iBAAAA,EACAnD,aAAAA,EACAuD,qBApGoB5C,EAApB4C,qBAqGAC,cApGa7C,EAAb6C,cAqGAC,aApGY9C,EAAZ8C,aAqGAL,cAAe,SAAC5E,GAA6C,OAC3D4E,EACKL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAxE,GACH,CAAAkF,IAAK5D,EACL6D,UAAW,SAAAC,SAKT,GAJkB,QAAlB5C,EAAAxC,aAAA,EAAAA,EAASmF,iBAAS,IAAA3C,GAAAA,EAAA6C,KAAArF,EAAGoF,GAIH,MAAdA,EAAME,MAAgBF,EAAMG,kBAAoBxC,GAAU4B,GAAoB,EAAG,CACnF,IAAMpC,EAAOP,EAAY2C,GACrBpC,IAASA,EAAKM,WAChBuC,EAAMI,iBACNV,EAAWvC,GAEf,CACF,IACA,EACJkD,aArHYtD,EAAZsD,aAsHAZ,MAAO,gBACSpD,IAAVpB,GACFgB,EAAuB,MAEzBwD,IACA9C,EAAc,GACf,EACDD,gBAAAA,EACA4D,SA5HQvD,EAARuD,SA6HAC,WA5HUxD,EAAVwD,WA6HAC,UA5HSzD,EAATyD,UA8HJ"}
+{"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  isMenuOpen?: boolean,\n  autoFocus?: boolean,\n  closeMenuOnSelect?: boolean,\n  defaultValue?: T,\n  value?: T,\n  inputValueProp?: string,\n  onChange?: (option: T | T[] | null) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string,\n  inlineSelectedValue?: boolean\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    openMenu,\n    toggleMenu,\n    closeMenu,\n    selectItem\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    // With inlineSelectedValue, seed the input with the selected item's label so a defaultValue/value is\n    // visible (and exposed to assistive technologies) on mount. Otherwise the selection shows in an overlay.\n    initialInputValue: inputValueProp || (inlineSelectedValue ? selectedItem?.label : undefined) || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      // inlineSelectedValue keeps the selected label in the input, so reset the filter on close to\n      // ensure reopening shows the full option list.\n      if (inlineSelectedValue && !isOpen) {\n        filterOptions(\"\");\n      }\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue, type }) => {\n        // With inlineSelectedValue, downshift also writes the selected item's label into the input on\n        // selection/blur — filter only on actual typing so those writes don't filter the list. Without\n        // it the input is cleared on selection, so every change can filter (original behavior).\n        if (!inlineSelectedValue || type === useCombobox.stateChangeTypes.InputChange) {\n          filterOptions(inputValue || \"\");\n        }\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions, inlineSelectedValue]\n    ),\n    onSelectedItemChange: useCallback(\n      ({ selectedItem }) => {\n        if (value === undefined) {\n          setCurrentSelectedItem(selectedItem || null);\n        }\n        if (selectedItem) {\n          onOptionSelect?.(selectedItem);\n          onChange?.(selectedItem);\n          filterOptions(\"\");\n        } else {\n          onChange?.(null);\n          filterOptions(\"\");\n        }\n      },\n      [value, onOptionSelect, filterOptions, onChange]\n    ),\n    onStateChange: useCallback(\n      ({ type }) => {\n        // Keep focus on the input after selecting via click or Enter so focus is never lost\n        // (the menu still closes through the stateReducer's isOpen change).\n        if (\n          closeMenuOnSelect &&\n          (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n        ) {\n          inputRef.current?.focus();\n        }\n      },\n      [closeMenuOnSelect]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      const { type, changes } = actionAndChanges;\n      switch (type) {\n        // FunctionSelectItem (Space selecting the highlighted option, see getInputProps below) is\n        // handled the same as Enter/click selection.\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n        case useCombobox.stateChangeTypes.FunctionSelectItem:\n          // inlineSelectedValue keeps Downshift's default inputValue (the selected label) inside the\n          // input; otherwise clear it so the selection is shown via the overlay instead.\n          return inlineSelectedValue\n            ? { ...changes, isOpen: !closeMenuOnSelect }\n            : { ...changes, inputValue: null, isOpen: !closeMenuOnSelect };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          // Overlay mode clears the input on blur / controlled update; inline mode keeps the label.\n          return inlineSelectedValue ? changes : { ...changes, inputValue: null };\n        default:\n          return changes;\n      }\n    }\n  });\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps: (options?: Parameters<typeof getInputProps>[0]) =>\n      getInputProps({\n        ...options,\n        ref: inputRef,\n        onKeyDown: event => {\n          options?.onKeyDown?.(event);\n          // Space selects the highlighted option instead of typing a literal space. It only applies\n          // when the user has arrowed to an option (highlightedIndex set, i.e. aria-activedescendant\n          // is set); while typing/filtering there is no highlight, so Space types normally.\n          if (event.key === \" \" && !event.defaultPrevented && isOpen && highlightedIndex >= 0) {\n            const item = flatOptions[highlightedIndex];\n            if (item && !item.disabled) {\n              event.preventDefault();\n              selectItem(item);\n            }\n          }\n        }\n      }),\n    getItemProps,\n    reset: () => {\n      if (value === undefined) {\n        setCurrentSelectedItem(null);\n      }\n      reset();\n      filterOptions(\"\");\n    },\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","inlineSelectedValue","_useState","useState","_useState2","_slicedToArray","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","type","stateChangeTypes","InputChange","onSelectedItemChange","_ref3","onStateChange","_ref4","ItemClick","InputKeyDownEnter","current","focus","stateReducer","state","actionAndChanges","changes","FunctionSelectItem","Object","assign","InputBlur","ControlledPropUpdatedSelectedItem","highlightedIndex","getInputProps","reset","selectItem","getToggleButtonProps","getLabelProps","getMenuProps","ref","onKeyDown","event","call","key","defaultPrevented","preventDefault","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}