@vibe/core 3.86.0 → 4.0.0-alpha.0

package/dist/src/components/DatePicker/utils.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isBefore as o,isSameDay as t,isAfter as f}from"date-fns";function n(r,n,e){var i=n.from,u=n.to;if(!i&&!u)return"from"===e?{from:r,to:void 0}:{from:void 0,to:r};if(!i)return o(r,u)?{from:r,to:u}:{from:u,to:r};if(!u)return o(r,i)?{from:r,to:i}:{from:i,to:r};if("to"===e){if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,i))return{from:void 0};if(o(r,i))return{from:r,to:u};if(f(r,i)&&o(r,u))return{from:i,to:r};if(f(r,u)||t(r,u))return{from:i,to:r}}else{if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,u))return{from:r,to:r};if(f(r,u))return{from:i,to:r};if(o(r,u)&&f(r,i))return{from:r,to:u};if(o(r,i))return{from:r,to:u};if(t(r,u))return{from:r}}return{from:i,to:r}}var e=function(r,n){return!(!n.from||!n.to)&&((f(r,n.from)||t(r,n.from))&&(o(r,n.to)||t(r,n.to)))},i="addToRangeMiddle",u="addToRangeStart",m="addToRangeEnd",d="removeFromRange",a="HoveredDayExists",v="HalfRangeSelected";function c(r,o,f,a){if(o){var v=n(o,f,a);if(e(r,v)||e(r,f)){if(t(r,v.to)&&!t(r,f.to))return m;if(t(r,v.from)&&!t(r,f.from))return u;if(e(r,v)){if(e(r,f))return;return t(r,v.from)?u:t(r,v.to)?m:e(o,f)?void 0:i}return e(o,f)?d:void 0}}}function l(o,t,f){return r(r(r(r(r(r({},a,(function(){return!!o})),v,(function(){return!(!t||!(!t.from&&t.to||t.from&&!t.to))})),i,(function(r){return c(r,o,t,f)===i})),u,(function(r){return c(r,o,t,f)===u})),m,(function(r){return c(r,o,t,f)===m})),d,(function(r){return c(r,o,t,f)===d}))}export{m as AddToRangeEnd,i as AddToRangeMiddle,u as AddToRangeStart,v as HalfRangeSelected,a as HoveredDayExists,d as RemoveFromRange,n as addToRange,l as addToRangeModifiers,c as addToRangeNextState};
-//# sourceMappingURL=utils.js.map

package/dist/src/components/DatePicker/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["import { isAfter, isBefore, isSameDay } from \"date-fns\";\nimport { type DateRange, type Matcher } from \"react-day-picker\";\n\nexport type Intent = \"to\" | \"from\";\n\nexport function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange {\n  if (!from && !to) {\n    return intent === \"from\" ? { from: day, to: undefined } : { from: undefined, to: day };\n  }\n\n  if (!from) {\n    if (isBefore(day, to)) {\n      return { from: day, to };\n    }\n\n    return { from: to, to: day };\n  }\n\n  if (!to) {\n    if (isBefore(day, from)) {\n      return { from: day, to: from };\n    }\n\n    return { from, to: day };\n  }\n\n  if (intent === \"to\") {\n    if (isSameDay(day, from) && isSameDay(day, to)) {\n      return { from: undefined };\n    }\n\n    if (isSameDay(day, from)) {\n      // both from & to selected + user clicks on start -> clear selection\n      return { from: undefined };\n    }\n\n    if (isBefore(day, from)) {\n      return { from: day, to };\n    }\n\n    if (isAfter(day, from) && isBefore(day, to)) {\n      return { from, to: day };\n    }\n\n    if (isAfter(day, to) || isSameDay(day, to)) {\n      return { from, to: day };\n    }\n  } else {\n    // intent is from\n    if (isSameDay(day, from) && isSameDay(day, to)) {\n      return { from: undefined };\n    }\n\n    if (isSameDay(day, to)) {\n      return { from: day, to: day };\n    }\n\n    if (isAfter(day, to)) {\n      return { from, to: day };\n    }\n\n    if (isBefore(day, to) && isAfter(day, from)) {\n      return { from: day, to };\n    }\n\n    if (isBefore(day, from)) {\n      return { from: day, to };\n    }\n\n    if (isSameDay(day, to)) {\n      // both from & to selected + user clicks on end -> end becomes start\n      return { from: day };\n    }\n  }\n\n  return { from, to: day };\n}\n\nconst isInRange = (day: Date, range: DateRange): boolean => {\n  if (!range.from || !range.to) {\n    return false;\n  }\n\n  return (\n    (isAfter(day, range.from) || isSameDay(day, range.from)) && (isBefore(day, range.to) || isSameDay(day, range.to))\n  );\n};\n\nexport const AddToRangeMiddle = \"addToRangeMiddle\";\nexport const AddToRangeStart = \"addToRangeStart\";\nexport const AddToRangeEnd = \"addToRangeEnd\";\nexport const RemoveFromRange = \"removeFromRange\";\nexport const HoveredDayExists = \"HoveredDayExists\";\nexport const HalfRangeSelected = \"HalfRangeSelected\";\n\ntype GetDateNextStateResult =\n  | typeof AddToRangeMiddle\n  | typeof AddToRangeStart\n  | typeof AddToRangeEnd\n  | typeof RemoveFromRange\n  | undefined;\n\nexport function addToRangeNextState(\n  day: Date,\n  dayToAdd: Date,\n  range: DateRange,\n  intent: Intent\n): GetDateNextStateResult {\n  if (!dayToAdd) {\n    return undefined;\n  }\n\n  const nextRange = addToRange(dayToAdd, range, intent);\n\n  if (!isInRange(day, nextRange) && !isInRange(day, range)) {\n    return undefined;\n  }\n\n  if (isSameDay(day, nextRange.to) && !isSameDay(day, range.to)) {\n    return AddToRangeEnd;\n  }\n\n  if (isSameDay(day, nextRange.from) && !isSameDay(day, range.from)) {\n    return AddToRangeStart;\n  }\n\n  if (isInRange(day, nextRange)) {\n    if (isInRange(day, range)) {\n      return undefined;\n    }\n\n    if (isSameDay(day, nextRange.from)) {\n      return AddToRangeStart;\n    }\n\n    if (isSameDay(day, nextRange.to)) {\n      return AddToRangeEnd;\n    }\n\n    return !isInRange(dayToAdd, range) ? AddToRangeMiddle : undefined;\n  }\n\n  return isInRange(dayToAdd, range) ? RemoveFromRange : undefined;\n}\n\nexport function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher> {\n  return {\n    [HoveredDayExists]: () => !!dayToAdd,\n    [HalfRangeSelected]: () => !!(range && ((!range.from && range.to) || (range.from && !range.to))),\n    [AddToRangeMiddle]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeMiddle,\n    [AddToRangeStart]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeStart,\n    [AddToRangeEnd]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeEnd,\n    [RemoveFromRange]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === RemoveFromRange\n  };\n}\n"],"names":["addToRange","day","_ref","intent","from","to","undefined","isBefore","isSameDay","isAfter","isInRange","range","AddToRangeMiddle","AddToRangeStart","AddToRangeEnd","RemoveFromRange","HoveredDayExists","HalfRangeSelected","addToRangeNextState","dayToAdd","nextRange","addToRangeModifiers","_defineProperty"],"mappings":"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"}

package/dist/src/components/Divider/Divider.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as e}from"../../tests/testIds.js";import i from"classnames";import s from"react";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import a from"./Divider.module.scss.js";import{ComponentVibeId as d}from"../../tests/constants.js";var m=function(m){var l=m.className,p=void 0===l?void 0:l,n=m.withoutMargin,v=void 0!==n&&n,c=m.direction,f=void 0===c?"horizontal":c,u=m.id;return s.createElement("div",{id:u,"data-testid":m["data-testid"]||r(e.DIVIDER,u),"data-vibe":d.DIVIDER,className:i(a.divider,p,o(a,f),t({},a.withoutMargin,v))})};export{m as default};
-//# sourceMappingURL=Divider.js.map

package/dist/src/components/Divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n  /**\n   * The direction of the divider.\n   */\n  direction?: DividerDirection;\n  /**\n   * If true, removes margin from the divider.\n   */\n  withoutMargin?: boolean;\n}\n\nconst Divider = ({\n  className = undefined,\n  withoutMargin = false,\n  direction = \"horizontal\",\n  id,\n  \"data-testid\": dataTestId\n}: DividerProps) => {\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n      data-vibe={ComponentVibeId.DIVIDER}\n      className={cx(styles.divider, className, getStyle(styles, direction), {\n        [styles.withoutMargin]: withoutMargin\n      })}\n    />\n  );\n};\n\nexport default Divider;\n"],"names":["Divider","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty"],"mappings":"uXAoBA,IAAMA,EAAU,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC"}

package/dist/src/components/Divider/Divider.module.scss.js

@@ -1,2 +0,0 @@
-var e={divider:"divider_ebae45dae5",withoutMargin:"withoutMargin_89b03d6bf4",horizontal:"horizontal_b6d55d8251",vertical:"vertical_0b0aa8c40b"};!function(e){const n="s_id-290500f5721e_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_ebae45dae5 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_ebae45dae5.withoutMargin_89b03d6bf4 {\n  margin: 0;\n}\n\n.horizontal_b6d55d8251 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_0b0aa8c40b {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
-//# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Divider/Divider.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import o,{forwardRef as r,useRef as e}from"react";import t from"../../hooks/useMergeRef.js";import n from"./modes/DropdownComboboxController.js";import l from"./modes/DropdownMultiComboboxController.js";import m from"./modes/DropdownSelectController.js";import s from"./modes/DropdownMultiSelectController.js";var i=r((function(r,i){var u=!!r.searchable,d=e(null),f=t(i,d);return function(o){return o.multi}(r)?o.createElement(u?l:s,Object.assign({},r,{dropdownRef:f})):function(o){return!o.multi}(r)?o.createElement(u?n:m,Object.assign({},r,{dropdownRef:f})):null}));export{i as default};
-//# sourceMappingURL=Dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport {\n  type BaseDropdownProps,\n  type DropdownMultiControllerProps,\n  type DropdownSingleControllerProps\n} from \"./Dropdown.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type BaseItemData } from \"../BaseItem\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n  <Item extends BaseItemData<Record<string, unknown>>>(\n    dropdownProps: BaseDropdownProps<Item>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSearchable = Boolean(dropdownProps.searchable);\n\n    const dropdownInternalRef = useRef<HTMLDivElement>(null);\n    const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n    if (isMultiType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    if (isSingleType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default Dropdown as <Item extends BaseItemData<Record<string, unknown>>>(\n  props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n  return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n  return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"sTAaMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import o from"../../../FieldLabel/FieldLabel.js";import s from"./DropdownBase.module.scss.js";import{getTestId as a}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l,ComponentVibeId as i}from"../../../../tests/constants.js";import{useDropdownContext as d}from"../../context/DropdownContext.js";import n from"../../../../../components/tooltip/dist/Tooltip/Tooltip.js";import p from"../../../../../components/typography/dist/Text/Text.js";var m=function(m){var c=m.dropdownRef,b=m.children,f=d(),u=f.label,j=f.required,x=f.getLabelProps,v=f.className,O=f.id,T=f.ariaLabel,g=f["data-testid"],y=f.readOnly,D=f.error,N=f.isFocused,P=f.isOpen,E=f.helperText,h=f.dir,w=f.tooltipProps,L=f.boxMode,F=f.borderless,R=r.createElement("div",{ref:c,className:t(s.wrapper,e(e(e(e(e(e({},s.disabled,f.disabled),s.readOnly,y),s.error,D),s.active,N||P),s.boxMode,L),s.borderless,F),v),id:O,"aria-label":T,"data-testid":g||a(l.DROPDOWN,O),"data-vibe":i.DROPDOWN},b);return r.createElement("div",{dir:h,className:s.outerWrapper},u&&r.createElement(o,Object.assign({labelText:u,required:j},x())),r.createElement(n,Object.assign({},w,{content:null==w?void 0:w.content}),R),E&&r.createElement(p,{color:D?"negative":"secondary",className:s.helperText},E))};export{m as default};
-//# sourceMappingURL=DropdownBase.js.map

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

@@ -1 +0,0 @@
-{"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 \"../../../FieldLabel/FieldLabel\";\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    ariaLabel,\n    \"data-testid\": dataTestIdFromContext,\n    disabled,\n    readOnly,\n    error,\n    isFocused,\n    isOpen,\n    helperText,\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 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","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":"8kBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAkBIC,IAjBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAGd,EAAHc,IACAC,EAAYf,EAAZe,aACAC,EAAOhB,EAAPgB,QACAC,EAAUjB,EAAViB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKvB,EACLO,UAAWiB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAlBN1B,EAAR0B,UAmBOH,EAAOd,SAAWA,GAClBc,EAAOb,MAAQA,GACfa,EAAOI,OAAShB,GAAaC,GAC7BW,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBZ,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBoB,EAAUC,EAAuBC,SAAUxB,GACtE,YAAAyB,EAAgBD,UAE1B/B,GAIL,OACEoB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKT,UAAWkB,EAAOS,cAC9B9B,GAASiB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWlC,EAAOC,SAAUA,GAAcC,MAChEe,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFL,GACCM,EAACC,cAAAmB,EAAK,CAAAC,MAAO9B,EAAQ,WAAa,YAAaL,UAAWkB,EAAOV,YAC9DA,GAKX"}

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

@@ -1,2 +0,0 @@
-var r={outerWrapper:"outerWrapper_6ebfe43bcb",wrapper:"wrapper_45402a8f4e",active:"active_310fc7d85c",disabled:"disabled_07b9911969",readOnly:"readOnly_762a14c78b",error:"error_ae16b0becc",boxMode:"boxMode_38f7197911",borderless:"borderless_fb22e91779",helperText:"helperText_1f3676b027"};!function(r){const e="s_id-a1f1f819eb29_3_85_1";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_6ebfe43bcb {\n  width: 100%;\n}\n\n.wrapper_45402a8f4e {\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_45402a8f4e:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_45402a8f4e.active_310fc7d85c, .wrapper_45402a8f4e:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_45402a8f4e.disabled_07b9911969 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_45402a8f4e.readOnly_762a14c78b {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_45402a8f4e.error_ae16b0becc {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_45402a8f4e.boxMode_38f7197911 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_45402a8f4e.borderless_fb22e91779 {\n  --border-color: transparent;\n}\n\n.wrapper_45402a8f4e.borderless_fb22e91779:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_45402a8f4e.borderless_fb22e91779.active_310fc7d85c, .wrapper_45402a8f4e.borderless_fb22e91779:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_1f3676b027 {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
-//# sourceMappingURL=DropdownBase.module.scss.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"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 \"../../../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              const itemProps = 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","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"uaASMA,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,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

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

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper_3084d8424a",groupTitle:"groupTitle_e82da10e44",sticky:"sticky_baf9d15d26"};!function(e){const n="s_id-731b49763030_3_85_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_3084d8424a {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_3084d8424a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_3084d8424a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_3084d8424a .groupTitle_e82da10e44 {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_3084d8424a .groupTitle_e82da10e44.sticky_baf9d15d26 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_3084d8424a > 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/DropdownBaseList/DropdownBaseList.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import o from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import l from"../Menu/MenuList.js";import n from"../Trigger/SingleSelectTrigger.js";import a from"../Trigger/MultiSelectTrigger.js";import m from"./DropdownBoxMode.module.scss.js";import i from"../../../../../components/layout/dist/Flex/Flex.js";var s=function(){var s=t(),p=s.multi,c=s.disabled,u=s.readOnly,d=s.error,f=s.menuWrapperClassName;return s.searchable?r.createElement(i,{direction:"column",gap:"xs",className:o(m.boxModeContainer)},r.createElement("div",{className:o(m.inputContainer,e(e(e({},m.disabled,c),m.readOnly,u),m.error,d))},r.createElement(p?a:n,null)),r.createElement("div",{className:o(m.menuContainer,f)},r.createElement(l,null))):null};export{s as default};
-//# sourceMappingURL=DropdownBoxMode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownBoxMode.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport MenuList from \"../Menu/MenuList\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\nimport { Flex } from \"@vibe/layout\";\nimport styles from \"./DropdownBoxMode.module.scss\";\n\nconst DropdownBoxMode = () => {\n  const { multi, searchable, disabled, readOnly, error, menuWrapperClassName } = useDropdownContext();\n\n  if (!searchable) {\n    return null;\n  }\n\n  return (\n    <Flex direction=\"column\" gap=\"xs\" className={cx(styles.boxModeContainer)}>\n      <div\n        className={cx(styles.inputContainer, {\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly,\n          [styles.error]: error\n        })}\n      >\n        {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n      </div>\n      <div className={cx(styles.menuContainer, menuWrapperClassName)}>\n        <MenuList />\n      </div>\n    </Flex>\n  );\n};\n\nexport default DropdownBoxMode;\n"],"names":["DropdownBoxMode","_useDropdownContext","useDropdownContext","multi","disabled","readOnly","error","menuWrapperClassName","searchable","React","createElement","Flex","direction","gap","className","cx","styles","boxModeContainer","inputContainer","_defineProperty","MultiSelectTrigger","SingleSelectTrigger","menuContainer","MenuList"],"mappings":"icASA,IAAMA,EAAkB,WACtB,IAAAC,EAA+EC,IAAvEC,EAAKF,EAALE,MAAmBC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAUC,EAAKL,EAALK,MAAOC,EAAoBN,EAApBM,qBAEtD,OAFyBN,EAAVO,WAObC,EAACC,cAAAC,GAAKC,UAAU,SAASC,IAAI,KAAKC,UAAWC,EAAGC,EAAOC,mBACrDR,EAAAC,cAAA,MAAA,CACEI,UAAWC,EAAGC,EAAOE,eAAcC,EAAAA,EAAAA,KAChCH,EAAOZ,SAAWA,GAClBY,EAAOX,SAAWA,GAClBW,EAAOV,MAAQA,KAGTG,EAACC,cAATP,EAASiB,EAAyBC,EAAJ,OAEjCZ,EAAKC,cAAA,MAAA,CAAAI,UAAWC,EAAGC,EAAOM,cAAef,IACvCE,EAAAC,cAACa,EAAQ,QAfN,IAmBX"}

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

@@ -1,2 +0,0 @@
-var n={boxModeContainer:"boxModeContainer_5fc30fa3ab",inputContainer:"inputContainer_a7217737c5",disabled:"disabled_abc2c44b70",readOnly:"readOnly_640b2bfd31",error:"error_ae16b0becc",menuContainer:"menuContainer_6ebfe43bcb"};!function(n){const r="s_id-f92aa28952f8_3_85_1";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_5fc30fa3ab {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_a7217737c5 {\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_a7217737c5:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_a7217737c5:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_a7217737c5.disabled_abc2c44b70 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_a7217737c5.readOnly_640b2bfd31 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_a7217737c5.error_ae16b0becc {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_6ebfe43bcb {\n  width: 100%;\n}");export{n as default};
-//# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import e from"react";import{matchWidthModifier as r}from"../../utils/dropdown-modifiers.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import t from"../Menu/Menu.js";import i from"../Trigger/SingleSelectTrigger.js";import n from"../Trigger/MultiSelectTrigger.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";var s=function(){var s=o().multi;return e.createElement(m,{open:!0,useDerivedStateFromProps:!0,position:"bottom-start",moveBy:{main:4,secondary:0},observeContentResize:!0,showTrigger:[],hideTrigger:[],modifiers:r,content:e.createElement(t,null),referenceWrapperElement:"div"},e.createElement(s?n:i,null))};export{s as default};
-//# sourceMappingURL=DropdownPopup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownPopup.js","sources":["../../../../../../src/components/Dropdown/components/DropdownPopup/DropdownPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@vibe/dialog\";\nimport { matchWidthModifier } from \"../../utils/dropdown-modifiers\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport Menu from \"../Menu/Menu\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\n\nconst DropdownPopup = () => {\n  const { multi } = useDropdownContext();\n\n  return (\n    <Dialog\n      open\n      useDerivedStateFromProps\n      position=\"bottom-start\"\n      moveBy={{ main: 4, secondary: 0 }}\n      observeContentResize={true}\n      showTrigger={[]}\n      hideTrigger={[]}\n      modifiers={matchWidthModifier}\n      content={<Menu />}\n      referenceWrapperElement=\"div\"\n    >\n      {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n    </Dialog>\n  );\n};\n\nexport default DropdownPopup;\n"],"names":["DropdownPopup","multi","useDropdownContext","React","createElement","Dialog","open","useDerivedStateFromProps","position","moveBy","main","secondary","observeContentResize","showTrigger","hideTrigger","modifiers","matchWidthModifier","content","Menu","referenceWrapperElement","MultiSelectTrigger","SingleSelectTrigger"],"mappings":"wWAQA,IAAMA,EAAgB,WACpB,IAAQC,EAAUC,IAAVD,MAER,OACEE,EAAAC,cAACC,EAAM,CACLC,MAAI,EACJC,0BAAwB,EACxBC,SAAS,eACTC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,sBAAsB,EACtBC,YAAa,GACbC,YAAa,GACbC,UAAWC,EACXC,QAASd,EAACC,cAAAc,EAAO,MACjBC,wBAAwB,OAEfhB,EAAAC,cAARH,EAASmB,EAAyBC,EAAJ,MAGrC"}

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

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

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

@@ -1 +0,0 @@
-{"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  return (\n    <DropdownContext.Provider value={contextValue}>\n      <DropdownBase dropdownRef={dropdownRef}>\n        {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n      </DropdownBase>\n    </DropdownContext.Provider>\n  );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","React","DropdownContext","Provider","value","createElement","DropdownBase","dropdownRef","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAER,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAAOJ,GAC/BC,EAACI,cAAAC,EAAa,CAAAC,YAJoBR,EAAhBQ,aAKQN,gBAAvBD,EAAaQ,QAAWC,EAAsBC,EAAP,OAIhD"}

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import n from"./MenuList.js";import i from"./Menu.module.scss.js";import m from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var s=function(){var s=t(),a=s.isOpen,l=s.menuWrapperClassName;return o.createElement(m,{className:r(e(e({},i.menuVisible,a),i.menuHidden,!a),l),style:a?void 0:{padding:0}},o.createElement(n,null))};export{s as default};
-//# sourceMappingURL=Menu.js.map

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

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

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

@@ -1,2 +0,0 @@
-var e={menuVisible:"menuVisible_eb9b083704",menuHidden:"menuHidden_aece716fa5"};!function(e){const i="s_id-448dc11ee0f4_3_85_1";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_eb9b083704 {\n  visibility: visible;\n}\n\n.menuHidden_aece716fa5 {\n  visibility: hidden;\n}");export{e as default};
-//# sourceMappingURL=Menu.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-var n={containerWrapper:"containerWrapper_001d1f7228",singleChip:"singleChip_064fd8b72c",measuring:"measuring_3393534eaa",hiddenChip:"hiddenChip_1b27442dff",inputAndCounterWrapper:"inputAndCounterWrapper_4def689413",inputWrapper:"inputWrapper_3df5696d4f",chipWrapperWithOverflow:"chipWrapperWithOverflow_e62df03e25",visibleChip:"visibleChip_8a1827699d",hiddenChipsDialog:"hiddenChipsDialog_4689524f01",dialogChip:"dialogChip_8a1827699d"};!function(n){const i="s_id-a777ca35d111_3_85_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper_001d1f7228 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_001d1f7228.singleChip_064fd8b72c > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_001d1f7228.singleChip_064fd8b72c > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_001d1f7228.measuring_3393534eaa > div:not(.hiddenChip_1b27442dff) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_4def689413 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_3df5696d4f {\n  flex-grow: 1;\n}\n.inputWrapper_3df5696d4f input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_e62df03e25 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_e62df03e25 .visibleChip_8a1827699d {\n  max-width: 100%;\n}\n.hiddenChip_1b27442dff {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_4689524f01 {\n  max-width: 192px;\n}\n.dialogChip_8a1827699d {\n  max-width: 100%;\n}");export{n as default};
-//# sourceMappingURL=MultiSelectedValues.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import e from"react";import l from"../../../Chips/Chips.js";var n=function(n){var t=n.item,o=n.onDelete,a=n.disabled,i=n.readOnly,r=n.className,d=function(e){var l,n,t,o,a,i,r,d={};if(null==e?void 0:e.startElement)switch(null===(l=null==e?void 0:e.startElement)||void 0===l?void 0:l.type){case"icon":d.leftIcon=null===(n=null==e?void 0:e.startElement)||void 0===n?void 0:n.value;break;case"avatar":d.leftAvatar=null===(t=null==e?void 0:e.startElement)||void 0===t?void 0:t.value;break;case"custom":d.leftRenderer=null===(o=null==e?void 0:e.startElement)||void 0===o?void 0:o.render()}if(null==e?void 0:e.endElement)switch(null===(a=null==e?void 0:e.endElement)||void 0===a?void 0:a.type){case"icon":d.rightIcon=null===(i=null==e?void 0:e.endElement)||void 0===i?void 0:i.value;break;case"custom":d.rightRenderer=null===(r=null==e?void 0:e.endElement)||void 0===r?void 0:r.render()}return d}(t);return e.createElement(l,Object.assign({label:t.label,closeButtonAriaLabel:"Remove ".concat(t.label),onDelete:o,disabled:a,readOnly:i,noMargin:!0,className:r,color:t.chipColor||"primary"},d))};export{n as default};
-//# sourceMappingURL=DropdownChip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownChip.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"../../../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":"4DAIA,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,eAAAA,EAAMO,aACR,OAA4B,QAApBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAc,IAAAC,OAAA,EAAAA,EAAAC,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,eAAAA,EAAMkB,WACR,OAA0B,QAAlBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAY,IAAAC,OAAA,EAAAA,EAAAV,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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Text } from \"@vibe/typography\";\n\nconst DropdownInput = ({ inputSize, fullWidth }: { inputSize?: \"small\" | \"medium\" | \"large\"; fullWidth?: boolean }) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps\n  } = useDropdownContext<BaseItemData>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n  return (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ref: inputRef,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n            [styles.fullWidth]: fullWidth\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","inputRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"qYAQA,IAAMA,EAAgB,SAAHC,GAAmG,MAA7FC,EAASD,EAATC,UAAWC,EAASF,EAATE,UAClCC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cAGIC,EAAWC,EAAyB,MACpCC,EAAed,EAAQG,EAAcY,OAAS,IAAMd,EACpDe,EAAiCP,EAAmBA,EAAiB,CAAEQ,iBAAkBT,IAAY,CAAA,EAE3G,OACEU,gCACGb,EACCa,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJV,EACFS,OAAAC,OAAA,CAAA,kBAAmBd,EAAQG,IAAgBY,QAAKC,EAChD,aAAcnB,IAAmBG,aAAoBG,sBAAZa,IAA6BD,IACtEvB,YAAae,EAAe,GAAKf,EACjCyB,IAAKZ,GACFI,IAEL,CAAAS,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMf,GAAae,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAd1C,GACfsC,EAAO7B,MAAQA,GAASc,GACxBe,EAAOK,cAAgBlC,GAASc,GAA8B,UAAdvB,GAChDsC,EAAOrC,UAAYA,IAEtBK,SAAUA,EACVC,SAAUA,KAGZoB,iCACIJ,GAAgBf,GAChBmB,EAAAiB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvB0C,KAAe,UAATjC,EAAmB,QAAU,SAElCP,IAOf"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    ariaLabel,\n    minVisibleCount\n  } = useDropdownContext<BaseItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {selectedItems.length > 0 ? (\n          <div className={styles.multiWrapper}>\n            {!multiline ? (\n              <MultiSelectedValues\n                disabled={disabled}\n                readOnly={readOnly}\n                selectedItems={selectedItems}\n                onRemove={item => {\n                  contextOnOptionRemove?.(item);\n                }}\n                renderInput={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          <DropdownInput />\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","fullWidth","TriggerActions"],"mappings":"8cAYA,IAAMA,EAAqB,iBACzBC,EAcIC,IAAkCC,EAAAF,EAbpCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACAC,EAASb,EAATa,UACAC,EAAed,EAAfc,gBAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAZ9CxB,EAAJ2B,QAaUlB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBgB,QAAKC,EAChD,aAAchB,IAAcF,GAAmC,QAAfmB,EAAAlB,WAAe,IAAAkB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBtB,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI1C1B,EAAc4B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB3B,EAYAU,EAACC,cAAAC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB/B,EAAcgC,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRzC,SAAAA,EAAwBgC,EACzB,EACD7B,SAAUA,EACVD,SAAUA,KAGb+B,IAAUlC,EAAc4B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KA1BHhC,EAACC,cAAAgC,GACC1C,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf8C,SAAU,SAAAb,GACRhC,SAAAA,EAAwBgC,EACzB,EACDc,YAAazC,EAAa,WAAA,OAAMM,EAAAC,cAAC8B,EAAc,CAAAC,UAAU,QAAQI,cAAY,OAAGtB,EAChFf,gBAAiBA,KAuBvBC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACoC,EAAc,MAGrB"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-var e={triggerWrapper:"triggerWrapper_79c273bcce",small:"small_650a76dc0c",medium:"medium_c2ca8534b1",large:"large_a04b7be5a0",inputWrapper:"inputWrapper_a4582de945",multiSelected:"multiSelected_c35753bdfa",fullWidth:"fullWidth_1bf153b61c",hasSelected:"hasSelected_1124a3c7a4",selectedItem:"selectedItem_159421c199",faded:"faded_cfce4149d5",placeholderText:"placeholderText_8376904dd2",disabled:"disabled_5e10ab53ec",multiWrapper:"multiWrapper_8f1922db75",actionsWrapper:"actionsWrapper_fb7f9ebd3e"};!function(e){const n="s_id-ee38598d1c53_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_79c273bcce {\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_79c273bcce.small_650a76dc0c {\n  min-height: 32px;\n}\n.triggerWrapper_79c273bcce.medium_c2ca8534b1 {\n  min-height: 40px;\n}\n.triggerWrapper_79c273bcce.large_a04b7be5a0 {\n  min-height: 48px;\n}\n.triggerWrapper_79c273bcce .inputWrapper_a4582de945 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_79c273bcce .inputWrapper_a4582de945.small_650a76dc0c {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_79c273bcce .inputWrapper_a4582de945.multiSelected_c35753bdfa {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_79c273bcce .inputWrapper_a4582de945.multiSelected_c35753bdfa.fullWidth_1bf153b61c {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_79c273bcce .inputWrapper_a4582de945.hasSelected_1124a3c7a4 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_79c273bcce .selectedItem_159421c199 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_79c273bcce .selectedItem_159421c199.small_650a76dc0c {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_79c273bcce .selectedItem_159421c199.medium_c2ca8534b1 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_79c273bcce .selectedItem_159421c199.large_a04b7be5a0 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_79c273bcce .selectedItem_159421c199.faded_cfce4149d5 {\n  opacity: 0.6;\n}\n.triggerWrapper_79c273bcce .placeholderText_8376904dd2 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_79c273bcce .placeholderText_8376904dd2.disabled_5e10ab53ec {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_8f1922db75 {\n  padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_fb7f9ebd3e {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
-//# sourceMappingURL=Trigger.module.scss.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"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  } = useDropdownContext<BaseItemData>();\n\n  const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n  const iconButtonSize = sizeMap[size] || \"small\";\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (contextOnClear) {\n      contextOnClear();\n    } else {\n      reset();\n    }\n  };\n\n  if (readOnly) {\n    return null;\n  }\n\n  return (\n    <div\n      onKeyDown={e => {\n        e.stopPropagation();\n      }}\n    >\n      <Flex className={styles.actionsWrapper}>\n        {loading && (\n          <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n        )}\n        {hasSelection && clearable && !disabled && (\n          <IconButton\n            data-testid=\"dropdown-clear-button\"\n            icon={CloseSmall}\n            onClick={handleClear}\n            size={iconButtonSize}\n            ariaLabel={clearAriaLabel}\n            hideTooltip\n          />\n        )}\n        {!boxMode && (\n          <IconButton\n            icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n            size={iconButtonSize}\n            disabled={disabled}\n            ariaControls={getMenuProps().id}\n            ariaExpanded={isOpen}\n            ariaLabeledBy={getMenuProps().id}\n            tabIndex={-1}\n            onClick={() => {\n              toggleMenu();\n            }}\n          />\n        )}\n      </Flex>\n    </div>\n  );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","boxMode","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"qiBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAgBIC,IAfFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eACAC,EAAOZ,EAAPY,QAGIC,EAVCb,EAALc,OAU2BN,aAAa,EAAbA,EAAeO,QAAS,IATvCf,EAAZgB,aAUIC,EAAiBtB,EAfjBK,EAAJkB,OAesC,QAWxC,OAvBUlB,EAARmB,SAwBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA3BnB5B,EAAP6B,SA6BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBP,IAAcD,GAC7Be,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEpB,EACFA,IAEAD,KAuBMe,KAAMD,EACNmB,UAAWzB,EACX0B,kBAGFzB,GACAQ,EAACC,cAAAW,GACCC,KAAM/B,EAASoC,EAAoBC,EACnCrB,KAAMD,EACNZ,SAAUA,EACVmC,aAAc9B,IAAe+B,GAC7BC,aAAcxC,EACdyC,cAAejC,IAAe+B,GAC9BG,UAAW,EACXT,QAAS,WACP1B,GACF,KAMZ"}

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

@@ -1,2 +0,0 @@
-import{createContext as r,useContext as o}from"react";var t=r(void 0);function e(){var r=o(t);if(void 0===r)throw Error("useDropdownContext must be used within a DropdownProvider");return r}export{t as DropdownContext,e as useDropdownContext};
-//# sourceMappingURL=DropdownContext.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as t,useMemo as l,useCallback as u}from"react";import{useCombobox as i}from"downshift";import s from"./useDropdownFiltering.js";function o(o,r,a,p,g,c,d,f,h,m,I,v,O,b,C){var y=n(g||null),P=e(y,2),T=P[0],M=P[1],j=t(null),V=void 0!==c?c:T,w=l((function(){return V?[V]:[]}),[V]),B=s(o,O,b,w),D=B.filteredOptions,S=B.filterOptions,x=l((function(){return D.flatMap((function(e){return e.options}))}),[D]),K=i({items:x,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},initialInputValue:d||"",selectedItem:V,isOpen:r,initialIsOpen:a,id:C,onIsOpenChange:function(e){e.isOpen?null==I||I():null==m||m()},onInputValueChange:u((function(e){var n=e.inputValue;S(n||""),null==h||h(n)}),[h,S]),onSelectedItemChange:u((function(e){var n=e.selectedItem;void 0===c&&M(n||null),n?(null==v||v(n),null==f||f(n),S("")):(null==f||f(null),S(""))}),[c,v,S,f]),onStateChange:u((function(e){var n,t=e.type;!p||t!==i.stateChangeTypes.ItemClick&&t!==i.stateChangeTypes.InputKeyDownEnter||null===(n=j.current)||void 0===n||n.blur()}),[p]),stateReducer:function(e,n){switch(n.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},n.changes),{inputValue:null,isOpen:!p});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},n.changes),{inputValue:null});default:return n.changes}}}),k=K.getInputProps,E=K.reset;return{isOpen:K.isOpen,inputValue:K.inputValue,highlightedIndex:K.highlightedIndex,selectedItem:V,getToggleButtonProps:K.getToggleButtonProps,getLabelProps:K.getLabelProps,getMenuProps:K.getMenuProps,getInputProps:function(e){return k(Object.assign(Object.assign({},e),{ref:j}))},getItemProps:K.getItemProps,reset:function(){void 0===c&&M(null),E(),S("")},filteredOptions:D,openMenu:K.openMenu,toggleMenu:K.toggleMenu,closeMenu:K.closeMenu}}export{o as default};
-//# sourceMappingURL=useDropdownCombobox.js.map

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

@@ -1 +0,0 @@
-{"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) {\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  } = 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    initialInputValue: inputValueProp || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue }) => {\n        filterOptions(inputValue || \"\");\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\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        // Blur input after selection via click or Enter key\n        if (\n          closeMenuOnSelect &&\n          (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n        ) {\n          inputRef.current?.blur();\n        }\n      },\n      [closeMenuOnSelect]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      switch (actionAndChanges.type) {\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n          return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...actionAndChanges.changes, inputValue: null };\n\n        default:\n          return actionAndChanges.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]) => getInputProps({ ...options, ref: inputRef }),\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","_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","onSelectedItemChange","_ref3","onStateChange","_ref4","type","stateChangeTypes","ItemClick","InputKeyDownEnter","current","blur","stateReducer","state","actionAndChanges","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","getInputProps","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","ref","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}

package/dist/src/components/Dropdown/hooks/useDropdownFiltering.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useEffect as i}from"react";import{normalizeOptions as o}from"../utils/dropdownUtils.js";function e(e,n,l,s){var u=t((function(){return o(e,void 0,void 0,l,s)})),f=r(u,2),p=f[0],a=f[1],d=t(""),c=r(d,2),m=c[0],v=c[1];i((function(){a(o(e,m,n,l,s))}),[e,m,n,l,s]);return{filteredOptions:p,filterOptions:function(r){v(r)},setFilteredOptions:a}}export{e as default};
-//# sourceMappingURL=useDropdownFiltering.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdownFiltering.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownFiltering.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { normalizeOptions } from \"../utils/dropdownUtils\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownFiltering<Item extends BaseItemData>(\n  options: DropdownGroupOption<Item>,\n  filterOption?: (option: Item, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  selectedItems?: Item[]\n) {\n  const [filteredOptions, setFilteredOptions] = useState<DropdownListGroup<Item>[]>(() =>\n    normalizeOptions(options, undefined, undefined, showSelectedOptions, selectedItems)\n  );\n  const [filterValue, setFilterValue] = useState<string>(\"\");\n\n  useEffect(() => {\n    setFilteredOptions(normalizeOptions(options, filterValue, filterOption, showSelectedOptions, selectedItems));\n  }, [options, filterValue, filterOption, showSelectedOptions, selectedItems]);\n\n  const filterOptions = (inputValue: string) => {\n    setFilterValue(inputValue);\n  };\n\n  return { filteredOptions, filterOptions, setFilteredOptions };\n}\n\nexport default useDropdownFiltering;\n"],"names":["useDropdownFiltering","options","filterOption","showSelectedOptions","selectedItems","_useState","useState","normalizeOptions","undefined","_useState2","_slicedToArray","filteredOptions","setFilteredOptions","_useState3","_useState4","filterValue","setFilterValue","useEffect","filterOptions","inputValue"],"mappings":"+LAMA,SAASA,EACPC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAA8CC,GAAoC,WAAA,OAChFC,EAAiBN,OAASO,OAAWA,EAAWL,EAAqBC,MACtEK,EAAAC,EAAAL,EAAA,GAFMM,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAG1CI,EAAsCP,EAAiB,IAAGQ,EAAAJ,EAAAG,EAAA,GAAnDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRL,EAAmBL,EAAiBN,EAASc,EAAab,EAAcC,EAAqBC,GAC/F,GAAG,CAACH,EAASc,EAAab,EAAcC,EAAqBC,IAM7D,MAAO,CAAEO,gBAAAA,EAAiBO,cAJJ,SAACC,GACrBH,EAAeG,IAGwBP,mBAAAA,EAC3C"}

package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js

@@ -1,2 +0,0 @@
-import{useMemo as e,useCallback as t}from"react";import n from"./useDropdownFiltering.js";import{useMultipleSelection as l,useCombobox as i}from"downshift";function o(o,s,u,r,a,d,p,c,g,m,I,f,h,v,P,O){var S=void 0!==p?p:s,C=n(o,v,P,S),b=C.filteredOptions,M=C.filterOptions,T=e((function(){return b.flatMap((function(e){return e.options}))}),[b]),y=l({selectedItems:S,initialSelectedItems:d,onSelectedItemsChange:function(e){var t=e.selectedItems;void 0===p&&u(t||[]),null==g||g(t||[])}}),V=y.getSelectedItemProps,w=y.getDropdownProps,j=y.addSelectedItem,x=y.removeSelectedItem,D=i({items:T,itemToString:function(e){var t;return null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:r,initialIsOpen:a,initialInputValue:c||"",id:O,onIsOpenChange:function(e){e.isOpen?null==f||f():null==I||I()},onInputValueChange:function(e){var t=e.inputValue;M(t||""),null==m||m(t)},onSelectedItemChange:function(e){var t=e.selectedItem;if(t){var n=S.find((function(e){return e.value===t.value}));n?x(n):j(t),null==h||h(t),M("")}},stateReducer:function(e,t){var n,l;switch(t.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},t.changes),{inputValue:null,isOpen:!0,highlightedIndex:null!==(l=null===(n=t.changes.selectedItem)||void 0===n?void 0:n.index)&&void 0!==l?l:0});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},t.changes),{inputValue:null});default:return t.changes}}}),B=D.isOpen,K=D.inputValue,L=D.highlightedIndex,k=D.getToggleButtonProps,E=D.getLabelProps,F=D.getMenuProps,R=D.getInputProps,U=D.getItemProps,q=D.reset,z=D.openMenu,A=D.toggleMenu,G=D.closeMenu,H=t((function(){void 0===p&&u([]),q(),null==g||g([])}),[p,u,q,g]);return{isOpen:B,inputValue:K,highlightedIndex:L,selectedItems:S,getSelectedItemProps:V,getDropdownProps:w,addSelectedItem:j,getToggleButtonProps:k,getLabelProps:E,getMenuProps:F,getInputProps:R,getItemProps:U,reset:H,removeSelectedItem:x,filteredOptions:b,openMenu:z,toggleMenu:A,closeMenu:G}}export{o as default};
-//# sourceMappingURL=useDropdownMultiCombobox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\n\nfunction useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  selectedItems: T[],\n  setSelectedItems: (items: T[]) => void,\n  isMenuOpen: boolean,\n  autoFocus?: boolean,\n  defaultValue?: T[],\n  value?: T[],\n  inputValueProp?: string,\n  onChange?: (options: T[]) => 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) {\n  // Use controlled value if provided, otherwise use internal state\n  const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    currentSelectedItems\n  );\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n    selectedItems: currentSelectedItems,\n    initialSelectedItems: defaultValue,\n    onSelectedItemsChange: ({ selectedItems }) => {\n      if (value === undefined) {\n        setSelectedItems(selectedItems || []);\n      }\n      onChange?.(selectedItems || []);\n    }\n  });\n\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset: downshiftReset,\n    openMenu,\n    toggleMenu,\n    closeMenu\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    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    initialInputValue: inputValueProp || \"\",\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n    onInputValueChange: ({ inputValue }) => {\n      filterOptions(inputValue || \"\");\n      onInputChange?.(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      if (!newSelectedItem) return;\n      const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n      if (existingItem) {\n        removeSelectedItem(existingItem);\n      } else {\n        addSelectedItem(newSelectedItem);\n      }\n      onOptionSelect?.(newSelectedItem);\n      filterOptions(\"\");\n    },\n    stateReducer: (state, actionAndChanges) => {\n      switch (actionAndChanges.type) {\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n          return {\n            ...actionAndChanges.changes,\n            inputValue: null,\n            isOpen: true,\n            highlightedIndex: (actionAndChanges.changes.selectedItem?.index as number) ?? 0\n          };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...actionAndChanges.changes, inputValue: null };\n        default:\n          return actionAndChanges.changes;\n      }\n    }\n  });\n\n  const reset = useCallback(() => {\n    if (value === undefined) {\n      setSelectedItems([]);\n    }\n    downshiftReset();\n    onChange?.([]);\n  }, [value, setSelectedItems, downshiftReset, onChange]);\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItems: currentSelectedItems,\n    getSelectedItemProps,\n    getDropdownProps,\n    addSelectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    removeSelectedItem,\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","currentSelectedItems","undefined","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","onIsOpenChange","_ref2","onInputValueChange","_ref3","inputValue","onSelectedItemChange","_ref4","newSelectedItem","selectedItem","existingItem","find","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","highlightedIndex","_b","index","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback"],"mappings":"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"}

package/dist/src/components/Dropdown/hooks/useDropdownMultiSelect.js

@@ -1,2 +0,0 @@
-import{useMemo as e,useCallback as t}from"react";import{useMultipleSelection as n,useSelect as o}from"downshift";import i from"./useDropdownFiltering.js";function l(l,r,s,u,d,a,c,g,p,m,I,f,v,h){var P=void 0!==c?c:r,O=i(l,v,f,P).filteredOptions,S=e((function(){return O.flatMap((function(e){return e.options}))}),[O]),M=n({selectedItems:P,initialSelectedItems:a,onSelectedItemsChange:function(e){var t=e.selectedItems;void 0===c&&s(t||[]),null==g||g(t||[])}}),b=M.getSelectedItemProps,T=M.addSelectedItem,w=M.removeSelectedItem,C=M.getDropdownProps,x=o({items:S,itemToString:function(e){var t;return null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},selectedItem:null,isOpen:u,initialIsOpen:d,id:h,onSelectedItemChange:function(e){var t=e.selectedItem;if(t){var n=P.find((function(e){return e.value===t.value}));n?w(n):T(t),null==I||I(t)}},stateReducer:function(e,t){var n,i,l=t.changes;switch(t.type){case o.stateChangeTypes.ToggleButtonKeyDownSpaceButton:case o.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},l),{isOpen:!0,highlightedIndex:null!==(i=null===(n=l.selectedItem)||void 0===n?void 0:n.index)&&void 0!==i?i:0});default:return l}},onIsOpenChange:function(e){e.isOpen?null==p||p():null==m||m()}}),y=x.isOpen,D=x.highlightedIndex,B=x.getToggleButtonProps,j=x.getLabelProps,K=x.getMenuProps,L=x.getItemProps,k=x.reset,F=x.openMenu,R=x.toggleMenu,V=x.closeMenu,q=t((function(){void 0===c&&s([]),k(),null==g||g([])}),[c,s,k,g]);return{isOpen:y,inputValue:"",highlightedIndex:D,selectedItems:P,getSelectedItemProps:b,addSelectedItem:T,removeSelectedItem:w,getToggleButtonProps:B,getLabelProps:j,getMenuProps:K,getInputProps:function(){return{}},getItemProps:L,reset:q,filteredOptions:O,openMenu:F,toggleMenu:R,closeMenu:V,getDropdownProps:C}}export{l as default};
-//# sourceMappingURL=useDropdownMultiSelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdownMultiSelect.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownMultiSelect.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { useMultipleSelection, useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\n\nfunction useDropdownMultiSelect<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  selectedItems: T[],\n  setSelectedItems: (items: T[]) => void,\n  isMenuOpen: boolean,\n  autoFocus?: boolean,\n  defaultValue?: T[],\n  value?: T[],\n  onChange?: (options: T[]) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  showSelectedOptions?: boolean,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  id?: string\n) {\n  const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n  const { filteredOptions } = useDropdownFiltering<T>(options, filterOption, showSelectedOptions, currentSelectedItems);\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n  const { getSelectedItemProps, addSelectedItem, removeSelectedItem, getDropdownProps } = useMultipleSelection<T>({\n    selectedItems: currentSelectedItems,\n    initialSelectedItems: defaultValue,\n    onSelectedItemsChange: ({ selectedItems: newSelected }) => {\n      if (value === undefined) {\n        setSelectedItems(newSelected || []);\n      }\n      onChange?.(newSelected || []);\n    }\n  });\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: downshiftReset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useSelect<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    selectedItem: null,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      if (!newSelectedItem) return;\n      const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n      if (existingItem) {\n        removeSelectedItem(existingItem);\n      } else {\n        addSelectedItem(newSelectedItem);\n      }\n      onOptionSelect?.(newSelectedItem);\n    },\n    stateReducer: (state, actionAndChanges) => {\n      const { type, changes } = actionAndChanges;\n      switch (type) {\n        case useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:\n        case useSelect.stateChangeTypes.ItemClick:\n          return { ...changes, isOpen: true, highlightedIndex: (changes.selectedItem?.index as number) ?? 0 };\n        default:\n          return changes;\n      }\n    },\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuOpen?.() : onMenuClose?.();\n    }\n  });\n\n  const reset = useCallback(() => {\n    if (value === undefined) {\n      setSelectedItems([]);\n    }\n    downshiftReset();\n    onChange?.([]);\n  }, [value, setSelectedItems, downshiftReset, onChange]);\n\n  const getInputProps = () => ({});\n\n  return {\n    isOpen,\n    inputValue: \"\",\n    highlightedIndex,\n    selectedItems: currentSelectedItems,\n    getSelectedItemProps,\n    addSelectedItem,\n    removeSelectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu,\n    getDropdownProps\n  };\n}\n\nexport default useDropdownMultiSelect;\n"],"names":["useDropdownMultiSelect","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","currentSelectedItems","undefined","filteredOptions","useDropdownFiltering","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","newSelected","getSelectedItemProps","addSelectedItem","removeSelectedItem","getDropdownProps","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","selectedItem","isOpen","initialIsOpen","onSelectedItemChange","_ref2","newSelectedItem","existingItem","find","stateReducer","state","actionAndChanges","changes","type","stateChangeTypes","ToggleButtonKeyDownSpaceButton","ItemClick","Object","assign","highlightedIndex","_b","index","onIsOpenChange","_ref3","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback","inputValue","getInputProps"],"mappings":"0JAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,OAAiCC,IAAVT,EAAsBA,EAAQL,EAEnDe,EAAoBC,EAAwBjB,EAASY,EAAcD,EAAqBG,GAAxFE,gBAEFE,EAAcC,GAAQ,WAAA,OAAMH,EAAgBI,SAAQ,SAAAC,GAAK,OAAIA,EAAMrB,aAAU,CAACgB,IAEpFM,EAAwFC,EAAwB,CAC9GtB,cAAea,EACfU,qBAAsBnB,EACtBoB,sBAAuB,SAAAC,GAAmC,IAAjBC,EAAWD,EAA1BzB,mBACVc,IAAVT,GACFJ,EAAiByB,GAAe,IAElCpB,SAAAA,EAAWoB,GAAe,GAC5B,IARMC,EAAoBN,EAApBM,qBAAsBC,EAAeP,EAAfO,gBAAiBC,EAAkBR,EAAlBQ,mBAAoBC,EAAgBT,EAAhBS,iBAWnEC,EAWIC,EAAa,CACfC,MAAOhB,EACPiB,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBrB,KAAhBqB,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,aAAc,KACdC,OAAQzC,EACR0C,cAAezC,EACfS,GAAAA,EACAiC,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BJ,aACvB,GAAKK,EAAL,CACA,IAAMC,EAAenC,EAAqBoC,MAAK,SAAAd,GAAI,OAAIA,EAAK9B,QAAU0C,EAAgB1C,SAClF2C,EACFnB,EAAmBmB,GAEnBpB,EAAgBmB,GAElBtC,SAAAA,EAAiBsC,EAPK,CAQvB,EACDG,aAAc,SAACC,EAAOC,WACNC,EAAYD,EAAZC,QACd,OAD0BD,EAAlBE,MAEN,KAAKtB,EAAUuB,iBAAiBC,+BAChC,KAAKxB,EAAUuB,iBAAiBE,UAC9B,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYN,GAAS,CAAAV,QAAQ,EAAMiB,iBAAyD,QAAtCC,UAAAzB,EAAAiB,EAAQX,mCAAcoB,aAAgB,IAAAD,EAAAA,EAAI,IAClG,QACE,OAAOR,EAEZ,EACDU,eAAgB,SAAAC,GAASA,EAANrB,OACRpC,SAAAA,IAAiBC,SAAAA,GAC5B,IAzCAmC,EAAMZ,EAANY,OACAiB,EAAgB7B,EAAhB6B,iBACAK,EAAoBlC,EAApBkC,qBACAC,EAAanC,EAAbmC,cACAC,EAAYpC,EAAZoC,aACAC,EAAYrC,EAAZqC,aACOC,EAActC,EAArBuC,MACAC,EAAQxC,EAARwC,SACAC,EAAUzC,EAAVyC,WACAC,EAAS1C,EAAT0C,UAmCIH,EAAQI,GAAY,gBACV5D,IAAVT,GACFJ,EAAiB,IAEnBoE,IACA/D,SAAAA,EAAW,GACZ,GAAE,CAACD,EAAOJ,EAAkBoE,EAAgB/D,IAI7C,MAAO,CACLqC,OAAAA,EACAgC,WAAY,GACZf,iBAAAA,EACA5D,cAAea,EACfc,qBAAAA,EACAC,gBAAAA,EACAC,mBAAAA,EACAoC,qBAAAA,EACAC,cAAAA,EACAC,aAAAA,EACAS,cAboB,WAAH,MAAU,IAc3BR,aAAAA,EACAE,MAAAA,EACAvD,gBAAAA,EACAwD,SAAAA,EACAC,WAAAA,EACAC,UAAAA,EACA3C,iBAAAA,EAEJ"}

package/dist/src/components/Dropdown/hooks/useDropdownSelect.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useMemo as t}from"react";import{useSelect as l}from"downshift";import o from"./useDropdownFiltering.js";function i(i,u,r,s,p,g,d,a,f,c,m,v){var I=n(s||null),P=e(I,2),h=P[1],M=void 0!==p?p:P[0],O=t((function(){return M?[M]:[]}),[M]),b=o(i,m,c,O).filteredOptions,T=t((function(){return b.flatMap((function(e){return e.options}))}),[b]),x=l({items:T,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:r,initialIsOpen:u,selectedItem:M,id:v,onSelectedItemChange:function(e){var n=e.selectedItem;void 0===p&&h(n||null),n&&(null==f||f(n)),null==g||g(n||null)},onIsOpenChange:function(e){e.isOpen?null==d||d():null==a||a()}}),B=x.reset;return{isOpen:x.isOpen,inputValue:"",highlightedIndex:x.highlightedIndex,selectedItem:M,getToggleButtonProps:x.getToggleButtonProps,getLabelProps:x.getLabelProps,getMenuProps:x.getMenuProps,getInputProps:function(){return{}},getItemProps:x.getItemProps,reset:function(){void 0===p&&h(null),B(),null==g||g(null)},filteredOptions:b,openMenu:x.openMenu,toggleMenu:x.toggleMenu,closeMenu:x.closeMenu}}export{i as default};
-//# sourceMappingURL=useDropdownSelect.js.map