@vibe/core 3.85.0 → 3.86.0

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

@@ -0,0 +1,2 @@
+import e,{useCallback as n,useMemo as t}from"react";import r from"classnames";import{useDayPicker as o,useNavigation as a}from"react-day-picker";import i from"../Dropdown/Dropdown.js";import l from"./DatePickerHeader.module.scss.js";import{useMonthsOptionItems as c,useYearsOptionItems as s}from"./datePickerHooks.js";import{format as u}from"date-fns";import m from"../../../components/layout/dist/Flex/Flex.js";import f from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/DropdownChevronLeft.js";import d from"../../../icons/dist/react/DropdownChevronRight.js";var b=function(u){var b=u.setDisplayMonth,y=u.monthSelectionAriaLabel,D=u.yearSelectionAriaLabel,g=u.nextButtonAriaLabel,j=u.prevButtonAriaLabel,w=u.locale,k=u.className,L=o().month,M=a(),B=M.goToMonth,C=M.nextMonth,E=M.previousMonth,N=n((function(){return B(C)}),[B,C]),x=n((function(){return B(E)}),[B,E]),z=c({locale:w}),A=s({locale:w}),F=t((function(){return z.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[z]),O=t((function(){return A.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[A]),H=t((function(){return h(L,w)}),[L,w]),P=t((function(){return v(L,w)}),[L,w]),R=n((function(e){var n=e.value,t=new Date(L);t.setMonth(+n),b(t)}),[L,b]),I=n((function(e){var n=e.value,t=new Date(L);t.setFullYear(+n),b(t)}),[L,b]),S=t((function(){return F.find((function(e){return e.value===""+L.getMonth()}))}),[F,L]),W=t((function(){return O.find((function(e){return e.value===""+L.getFullYear()}))}),[O,L]);return e.createElement("div",{className:r(l.datePickerHeader,k)},e.createElement(m,{gap:"small"},e.createElement(i,{className:l.monthButtonDropdown,ariaLabel:y,options:F,value:S,onChange:R,menuWrapperClassName:l.monthButtonDropdown,size:"small",valueRenderer:function(e){return H},searchable:!1,clearable:!1,borderless:!0}),e.createElement(i,{className:l.yearButtonDropdown,ariaLabel:D,options:O,value:W,onChange:I,menuWrapperClassName:l.yearButtonDropdown,size:"small",valueRenderer:function(e){return P},searchable:!1,clearable:!1,borderless:!0})),e.createElement(m,null,e.createElement(f,{kind:"tertiary",size:"small",ariaLabel:j,onClick:x,icon:p}),e.createElement(f,{kind:"tertiary",size:"small",ariaLabel:g,onClick:N,icon:d})))};function v(e,n){return u(e,"yyyy",{locale:n})}function h(e,n){return u(e,"MMM",{locale:n})}export{b as default,h as getMonthButtonLabel,v as getYearButtonLabel};
+//# sourceMappingURL=DatePickerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerHeader.js","sources":["../../../../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport Dropdown from \"../Dropdown/Dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n  setDisplayMonth: (displayMonth: Date) => void;\n  monthSelectionAriaLabel?: string;\n  yearSelectionAriaLabel?: string;\n  nextButtonAriaLabel?: string;\n  prevButtonAriaLabel?: string;\n  locale?: Locale;\n  className?: string;\n  dropdownsClassName?: string;\n  dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n  setDisplayMonth,\n  monthSelectionAriaLabel,\n  yearSelectionAriaLabel,\n  nextButtonAriaLabel,\n  prevButtonAriaLabel,\n  locale,\n  className,\n  dialogContainerSelector: _dialogContainerSelector\n}) => {\n  const { month: displayMonth } = useDayPicker();\n  const { goToMonth, nextMonth, previousMonth } = useNavigation();\n  const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n  const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n  const monthsData = useMonthsOptionItems({ locale });\n  const yearsData = useYearsOptionItems({ locale });\n\n  const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n  const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n  const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n  const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n  const onMonthSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const month = option.value;\n      const date = new Date(displayMonth);\n      date.setMonth(+month);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const onYearSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const year = option.value;\n      const date = new Date(displayMonth);\n      date.setFullYear(+year);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const selectedMonth = useMemo(\n    () => months.find(month => month.value === displayMonth.getMonth().toString()),\n    [months, displayMonth]\n  );\n  const selectedYear = useMemo(\n    () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n    [years, displayMonth]\n  );\n\n  return (\n    <div className={cx(styles.datePickerHeader, className)}>\n      <Flex gap=\"small\">\n        <Dropdown\n          className={styles.monthButtonDropdown}\n          ariaLabel={monthSelectionAriaLabel}\n          options={months}\n          value={selectedMonth}\n          onChange={onMonthSelect}\n          menuWrapperClassName={styles.monthButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n        <Dropdown\n          className={styles.yearButtonDropdown}\n          ariaLabel={yearSelectionAriaLabel}\n          options={years}\n          value={selectedYear}\n          onChange={onYearSelect}\n          menuWrapperClassName={styles.yearButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n      </Flex>\n      <Flex>\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          ariaLabel={prevButtonAriaLabel}\n          onClick={goToPreviousMonth}\n          icon={DropdownChevronLeft}\n        />\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          ariaLabel={nextButtonAriaLabel}\n          onClick={goToNextMonth}\n          icon={DropdownChevronRight}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","ariaLabel","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"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"}

package/dist/src/components/{next/DatePicker → DatePicker}/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_61948333cb",yearButtonDropdown:"yearButtonDropdown_88f0390a33",datePickerHeader:"datePickerHeader_9914242f9b"};!function(e){const t="s_id-25798679a710_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_61948333cb {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_88f0390a33 {\n  justify-content: space-between;\n}\n.datePickerHeader_9914242f9b {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_9914242f9b button:focus:not(:active), .datePickerHeader_9914242f9b button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_6c4923640d",yearButtonDropdown:"yearButtonDropdown_67a781d12b",datePickerHeader:"datePickerHeader_eda446ff11"};!function(e){const t="s_id-25798679a710_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_6c4923640d {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_67a781d12b {\n  justify-content: space-between;\n}\n.datePickerHeader_eda446ff11 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_eda446ff11 button:focus:not(:active), .datePickerHeader_eda446ff11 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDayContent.js","sources":["../../../../src/components/DatePicker/RangeDayContent.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useEffect, useRef } from \"react\";\nimport {\n  type DayContentProps as DatePickerDayContentProps,\n  DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport { useDayContentHoverContext } from \"./DateContentHoverContext\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const RangeDayContent = (props: DatePickerDayContentProps) => {\n  const { date, activeModifiers } = props;\n  const { setHover } = useDayContentHoverContext();\n\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const td = ref.current.closest(\"td\");\n    const onMouseEnter = () => setHover(date);\n    const onMouseLeave = () => setHover(undefined);\n\n    td?.addEventListener(\"mouseenter\", onMouseEnter);\n    td?.addEventListener(\"mouseleave\", onMouseLeave);\n\n    return () => {\n      td?.removeEventListener(\"mouseenter\", onMouseEnter);\n      td?.removeEventListener(\"mouseleave\", onMouseLeave);\n    };\n  }, [date, setHover]);\n\n  return (\n    <div ref={ref} className={cx(styles.datePickerDayContent, activeModifiers)}>\n      <DatePickerDayContent {...props} />\n    </div>\n  );\n};\n"],"names":["RangeDayContent","props","date","activeModifiers","setHover","useDayContentHoverContext","ref","useRef","useEffect","td","current","closest","onMouseEnter","onMouseLeave","undefined","addEventListener","removeEventListener","React","createElement","className","cx","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"iPASaA,EAAkB,SAACC,GAC9B,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACNC,EAAaC,IAAbD,SAEFE,EAAMC,EAAuB,MAenC,OAdAC,GAAU,WACR,IAAMC,EAAKH,EAAII,QAAQC,QAAQ,MACzBC,EAAe,WAAH,OAASR,EAASF,EAAK,EACnCW,EAAe,WAAH,OAAST,OAASU,EAAU,EAK9C,OAHAL,SAAAA,EAAIM,iBAAiB,aAAcH,GACnCH,SAAAA,EAAIM,iBAAiB,aAAcF,GAE5B,WACLJ,SAAAA,EAAIO,oBAAoB,aAAcJ,GACtCH,SAAAA,EAAIO,oBAAoB,aAAcH,GAE1C,GAAG,CAACX,EAAME,IAGRa,EAAAC,cAAA,MAAA,CAAKZ,IAAKA,EAAKa,UAAWC,EAAGC,EAAOC,qBAAsBnB,IACxDc,EAAAC,cAACK,EAAyBC,OAAAC,OAAA,CAAA,EAAAxB,IAGhC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDayContent.js","sources":["../../../../src/components/DatePicker/SingleDayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  type DayContentProps as DatePickerDayContentProps,\n  DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const SingleDayContent = (dayContentProps: DatePickerDayContentProps) => (\n  <div className={styles.datePickerDayContent}>\n    <DatePickerDayContent {...dayContentProps} />\n  </div>\n);\n"],"names":["SingleDayContent","dayContentProps","React","createElement","className","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"kHAOaA,EAAmB,SAACC,GAA0C,OACzEC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,sBACrBJ,EAAAC,cAACI,EAAyBC,OAAAC,OAAA,CAAA,EAAAR,IACtB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerHooks.js","sources":["../../../../src/components/DatePicker/datePickerHooks.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerDropdownItem {\n  id: string;\n  label: string;\n  value: string;\n}\n\nconst monthsIndexes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\nexport const useMonthsOptionItems = ({ locale }: { locale?: Locale }) =>\n  useMemo(\n    () =>\n      monthsIndexes.map(monthIndex => {\n        const month = new Date();\n        month.setMonth(monthIndex, 1);\n        return { id: monthIndex.toString(), label: format(month, \"LLL\", { locale }) };\n      }),\n    [locale]\n  );\n\n// returns a list of all years from 100 years ago to 100 years in the future\nconst YEARS_AGO = 100;\nconst YEARS_IN_FUTURE = 100;\nexport const useYearsOptionItems = ({ locale }: { locale?: Locale }) =>\n  useMemo(\n    () =>\n      Array.from({ length: YEARS_AGO + YEARS_IN_FUTURE + 1 }, (_, i) => {\n        const date = new Date();\n        date.setFullYear(date.getFullYear() - YEARS_AGO + i);\n        return date;\n      }).map(year => ({\n        id: year.getFullYear().toString(),\n        label: format(year, \"yyyy\", { locale })\n      })),\n    [locale]\n  );\n"],"names":["monthsIndexes","useMonthsOptionItems","_ref","locale","useMemo","map","monthIndex","month","Date","setMonth","id","label","format","useYearsOptionItems","_ref2","Array","from","length","YEARS_AGO","_","i","date","setFullYear","getFullYear","year"],"mappings":"kEASA,IAAMA,EAAgB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAC5CC,EAAuB,SAAHC,GAAA,IAAMC,EAAMD,EAANC,OAAM,OAC3CC,GACE,WAAA,OACEJ,EAAcK,KAAI,SAAAC,GAChB,IAAMC,EAAQ,IAAIC,KAElB,OADAD,EAAME,SAASH,EAAY,GACpB,CAAEI,GAAIJ,KAAuBK,MAAOC,EAAOL,EAAO,MAAO,CAAEJ,OAAAA,IACpE,MACF,CAACA,GACF,EAKUU,EAAsB,SAAHC,GAAA,IAAMX,EAAMW,EAANX,OAAM,OAC1CC,GACE,WAAA,OACEW,MAAMC,KAAK,CAAEC,OAAQC,MAAmC,SAACC,EAAGC,GAC1D,IAAMC,EAAO,IAAIb,KAEjB,OADAa,EAAKC,YAAYD,EAAKE,cAPZ,IAOwCH,GAC3CC,CACT,IAAGhB,KAAI,SAAAmB,GAAI,MAAK,CACdd,GAAIc,KAAKD,cACTZ,MAAOC,EAAOY,EAAM,OAAQ,CAAErB,OAAAA,IAC/B,MACH,CAACA,GACF"}

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

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

@@ -0,0 +1 @@
+{"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 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import o from"react";import{DirectionType as e}from"./DividerConstants.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Divider.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";var l=m((function(e){var m=e.className,l=void 0===m?void 0:m,n=e.withoutMargin,c=void 0!==n&&n,v=e.direction,f=void 0===v?"horizontal":v,u=e.id;return o.createElement("div",{id:u,"data-testid":e["data-testid"]||r(s.DIVIDER,u),"data-vibe":p.DIVIDER,className:i(d.divider,l,a(d,f),t({},d.withoutMargin,c))})}),{directions:e});export{l as default};
+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 +1 @@
-{"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 { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } 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\ninterface DividerStaticProps {\n  directions: typeof DirectionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<DividerProps, DividerStaticProps>(Divider, {\n  directions: DirectionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"siBAqBA,IAuBeA,EAAAA,GAvBC,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,GAM2F,CACzFe,WAAYC"}
+{"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 +1,2 @@
-var e={divider:"divider_ed62f2d048",withoutMargin:"withoutMargin_158a25bb1a",horizontal:"horizontal_81cccf33d8",vertical:"vertical_956e461242"};!function(e){const n="s_id-290500f5721e_3_84_0";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_ed62f2d048 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_ed62f2d048.withoutMargin_158a25bb1a {\n  margin: 0;\n}\n\n.horizontal_81cccf33d8 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_956e461242 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+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/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useContext as u,useMemo as d,useState as p,useEffect as m,useCallback as f}from"react";import v,{createFilter as O,components as b}from"react-select";import g from"react-select/async";import j from"react-select/base";import{noop as C}from"es-toolkit";import y from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import h from"./components/option/option.js";import w from"./components/singleValue/singleValue.js";import S from"./components/ClearIndicator/ClearIndicator.js";import D from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as P,DROPDOWN_MENU_PLACEMENT as V,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as x,defaultCustomStyles as L,DROPDOWN_ID as E,DROPDOWN_MENU_ID as N,DROPDOWN_MENU_ARIA_LABEL as W,DROPDOWN_INPUT_ARIA_LABEL as A}from"./DropdownConstants.js";import T,{customTheme as z}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import{useWarnDeprecated as B}from"../../utils/warn-deprecated.js";import k from"./components/menu/menu.module.scss.js";import q from"./Dropdown.module.scss.js";import{withStaticProps as H}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as _}from"../../tests/constants.js";import G from"../../../components/layer/dist/LayerProvider/LayerContext.js";import K from"../../../components/typography/dist/Text/Text.js";var J=H(l((function(a,l){var O=a.className,P=a.optionWrapperClassName,V=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,H=a.placeholder,J=void 0===H?"":H,Q=a.allowPlaceholderEllipsis,U=a.disabled,X=void 0!==U&&U,Y=a.readOnly,Z=void 0!==Y&&Y,$=a.onMenuOpen,ee=void 0===$?C:$,ne=a.onMenuClose,oe=void 0===ne?C:ne,te=a.onFocus,re=void 0===te?C:te,ie=a.onBlur,ae=void 0===ie?C:ie,se=a.onScroll,le=void 0===se?C:se,ce=a.onMenuScrollToBottom,ue=void 0===ce?C:ce,de=a.onChange,pe=void 0===de?C:de,me=a.searchable,fe=void 0===me||me,ve=a.captureMenuScroll,Oe=void 0!==ve&&ve,be=a.options,ge=void 0===be?[]:be,je=a.defaultValue,Ce=a.value,ye=a.noOptionsMessage,Me=a.openMenuOnFocus,he=a.openMenuOnClick,we=a.clearable,Se=void 0===we||we,De=a.OptionRenderer,Ie=a.optionRenderer,Pe=a.ValueRenderer,Ve=a.valueRenderer,Re=a.menuRenderer,xe=a.menuPlacement,Le=void 0===xe?"bottom":xe,Ee=a.rtl,Ne=a.size,We=void 0===Ne?"medium":Ne,Ae=a.asyncOptions,Te=a.cacheOptions,ze=a.defaultOptions,Fe=a.isVirtualized,Be=a.menuPortalTarget,ke=a.extraStyles,qe=void 0===ke?L:ke,He=a.maxMenuHeight,_e=a.menuIsOpen,Ge=a.tabIndex,Ke=void 0===Ge?"0":Ge,Je=a.id,Qe=void 0===Je?E:Je,Ue=a.menuId,Xe=void 0===Ue?N:Ue,Ye=a.menuAriaLabel,Ze=void 0===Ye?W:Ye,$e=a.inputAriaLabel,en=void 0===$e?A:$e,nn=a.autoFocus,on=void 0!==nn&&nn,tn=a.multi,rn=void 0!==tn&&tn,an=a.multiline,sn=void 0!==an&&an,ln=a.onOptionRemove,cn=a.onOptionSelect,un=a.onClear,dn=a.onInputChange,pn=void 0===dn?C:dn,mn=a.closeMenuOnSelect,fn=void 0===mn?!rn:mn,vn=a.closeMenuOnScroll,On=void 0!==vn&&vn,bn=a.withMandatoryDefaultOptions,gn=void 0!==bn&&bn,jn=a.isOptionSelected,Cn=a.insideOverflowContainer,yn=void 0!==Cn&&Cn,Mn=a.insideOverflowWithTransformContainer,hn=void 0!==Mn&&Mn,wn=a.insideLayerContext,Sn=void 0!==wn&&wn,Dn=a.tooltipContent,In=void 0===Dn?"":Dn,Pn=a.onKeyDown,Vn=void 0===Pn?C:Pn,Rn=a.isLoading,xn=void 0!==Rn&&Rn,Ln=a.loadingMessage,En=a.ariaLabel,Nn=a.tabSelectsValue,Wn=void 0===Nn||Nn,An=a.popupsContainerSelector,Tn=a.filterOption,zn=a.menuPosition,Fn=void 0===zn?"absolute":zn,Bn=a["data-testid"],kn=a.withGroupDivider,qn=void 0!==kn&&kn,Hn=a.inputValue,_n=a.blurInputOnSelect,Gn=a.multiValueDialogClassName;B({component:"Dropdown",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead."});var Kn=c(),Jn=u(G).layerRef,Qn=Sn&&(null==Jn?void 0:Jn.current)||Be||An&&document.querySelector(An),Un=d((function(){return je?Array.isArray(je)?je.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},je),{isMandatory:!0}):je}),[je]);j.prototype.renderLiveRegion=function(){return null};var Xn=p(null),Yn=e(Xn,2),Zn=Yn[0],$n=Yn[1];m((function(){I()&&(!function(){try{return"function"==typeof require&&"undefined"!=typeof module&&"undefined"!=typeof process&&"test"===process.env.NODE_ENV}catch(e){return!1}}()?import("react-windowed-select").then((function(e){$n((function(){return e.WindowedMenuList}))})):$n((function(){return require("react-windowed-select").WindowedMenuList})))}),[]);var eo=p(Un||[]),no=e(eo,2),oo=no[0],to=no[1],ro=p(""),io=e(ro,2),ao=io[0],so=io[1],lo=Ie||De,co=Ve||Pe,uo=!!Ce,po=null!=Ce?Ce:oo,mo=d((function(){return Array.isArray(po)?po.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[po]),fo=d((function(){return En||"".concat(Z?"Readonly ":""," ").concat(In," ").concat(Array.isArray(po)?"Selected: ".concat(po.map((function(e){return e.label})).join(", ")):"Select")}),[En,Z,po,In]),vo=rn?po:Ce,Oo=d((function(){var o=T({size:We,rtl:Ee,insideOverflowContainer:yn,controlRef:Kn,insideOverflowWithTransformContainer:hn,withGroupDivider:qn,searchable:fe,allowPlaceholderEllipsis:Q}),t=qe(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(rn){sn&&x.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[We,Ee,yn,hn,Q,qe,rn,sn]),bo=f((function(e){return s.createElement(y,Object.assign({},e,{id:Xe,ariaLabel:Ze,Renderer:Re,dropdownMenuWrapperClassName:R,onScroll:le}))}),[R,Re,Xe,Ze,le]),go=f((function(e){return s.createElement(M,Object.assign({},e,{size:We}))}),[We]),jo=f((function(e){return s.createElement(h,Object.assign({setFocusedOptionId:so},e,{Renderer:lo,optionWrapperClassName:P}))}),[lo,P,so]),Co=f((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(b.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!Z&&t,"aria-label":en,"aria-controls":Xe,readOnly:!fe||void 0}))}),[Xe,Z]),yo=f((function(e){return s.createElement(w,Object.assign({},e,{readOnly:Z,Renderer:co,selectedOption:po[0],singleValueWrapperClassName:V}))}),[co,Z,po,V]),Mo=f((function(e){return s.createElement(S,Object.assign({},e,{size:We}))}),[We]),ho=d((function(){return function(e,n){ln&&ln(mo[e]);var o=Array.isArray(po)?po.filter((function(n){return n.value!==e})):po;pe&&pe(o,n),to(o)}}),[pe,ln,po,mo]),wo=d((function(){return{selectedOptions:po,onSelectedDelete:ho,isMultiline:sn,insideOverflowContainer:yn,insideOverflowWithTransformContainer:hn,controlRef:Kn,tooltipContent:In,popupsContainerSelector:Sn?null==Jn?void 0:Jn.current:An,size:We,dialogClassName:Gn}}),[po,ho,sn,yn,hn,In,Jn,An,Sn,We,Gn]),So=Ae?g:v;So=So.default||So;var Do=Object.assign({},Ae&&Object.assign({loadOptions:Ae,cacheOptions:Te},ze&&{defaultOptions:ze})),Io=Object.assign(Object.assign({},!Ae&&{options:ge}),rn&&{isMulti:!0}),Po=f((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(k.dropdownMenuWrapper))&&(On||yn||hn)}),[yn,hn,On]),Vo=d((function(){return Q?s.createElement(K,{type:"text2",color:"inherit"},J):J}),[Q,J]);return s.createElement(So,Object.assign({className:i(q.dropdown,O),selectProps:wo,components:Object.assign(Object.assign({DropdownIndicator:go,Menu:bo,ClearIndicator:Mo,Input:Co,Option:jo,Control:F,SingleValue:yo},rn&&{MultiValue:C,ValueContainer:D}),Fe&&Zn&&{MenuList:Zn}),closeMenuOnScroll:Po,size:We,noOptionsMessage:ye,placeholder:Vo,isDisabled:X,isClearable:!Z&&Se,isSearchable:!Z,readOnly:Z,"aria-readonly":Z,"aria-label":fo,"aria-details":In,"aria-haspopup":"listbox",defaultValue:je,value:vo,onMenuOpen:ee,onMenuClose:oe,onFocus:re,onBlur:ae,onMenuScrollToBottom:ue,captureMenuScroll:Oe,onChange:function(e,n){switch(pe&&pe(e,n),n.action){case"select-option":var t=rn?n.option:e;cn&&cn(t),uo||to([].concat(o(po),[t]));break;case"clear":un&&un(),uo||to(gn?Un:[])}},onKeyDown:Vn,onInputChange:pn,openMenuOnFocus:Me,openMenuOnClick:he,focusedOptionId:ao,isRtl:Ee,styles:Oo,theme:z,maxMenuHeight:He,menuPortalTarget:Qn,menuPlacement:Le,menuPosition:Fn,menuIsOpen:!Z&&_e,tabIndex:Ke,id:Qe,"data-testid":Bn||t(r.DROPDOWN,Qe),"data-vibe":_.DROPDOWN,autoFocus:on,closeMenuOnSelect:fn,ref:l,withMandatoryDefaultOptions:gn,isOptionSelected:jn,isLoading:xn,loadingMessage:Ln,tabSelectsValue:Wn,filterOption:Tn,inputValue:Hn,blurInputOnSelect:_n},Do,Io))})),{sizes:a,chipColors:P,menuPlacements:V,menuPositions:R,createFilter:O});export{J as default};
+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 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, type SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect, useContext } from \"react\";\nimport Select, { type InputProps, components, createFilter, type ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n  ADD_AUTO_HEIGHT_COMPONENTS,\n  defaultCustomStyles,\n  DROPDOWN_CHIP_COLORS,\n  DROPDOWN_ID,\n  DROPDOWN_INPUT_ARIA_LABEL,\n  DROPDOWN_MENU_ARIA_LABEL,\n  DROPDOWN_MENU_ID,\n  DROPDOWN_MENU_PLACEMENT,\n  DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport { Text } from \"@vibe/typography\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n  type DropdownOption,\n  type DropdownState,\n  type CustomMenuProps,\n  type CustomOptionProps,\n  type CustomSingleValueProps,\n  type DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { LayerContext } from \"@vibe/layer\";\n\nconst Dropdown = forwardRef(\n  (\n    {\n      className,\n      optionWrapperClassName,\n      singleValueWrapperClassName,\n      dropdownMenuWrapperClassName,\n      placeholder = \"\",\n      allowPlaceholderEllipsis,\n      disabled = false,\n      readOnly = false,\n      onMenuOpen = NOOP,\n      onMenuClose = NOOP,\n      onFocus = NOOP,\n      onBlur = NOOP,\n      onScroll = NOOP,\n      onMenuScrollToBottom = NOOP,\n      onChange: customOnChange = NOOP,\n      searchable = true,\n      captureMenuScroll = false,\n      options = [],\n      defaultValue,\n      value: customValue,\n      noOptionsMessage,\n      openMenuOnFocus,\n      openMenuOnClick,\n      clearable = true,\n      OptionRenderer,\n      optionRenderer,\n      ValueRenderer,\n      valueRenderer,\n      menuRenderer,\n      menuPlacement = \"bottom\",\n      rtl,\n      size = \"medium\",\n      asyncOptions,\n      cacheOptions,\n      defaultOptions,\n      isVirtualized,\n      menuPortalTarget,\n      extraStyles = defaultCustomStyles,\n      maxMenuHeight,\n      menuIsOpen,\n      tabIndex = \"0\",\n      id = DROPDOWN_ID,\n      menuId = DROPDOWN_MENU_ID,\n      menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n      inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n      autoFocus = false,\n      multi = false,\n      multiline = false,\n      onOptionRemove: customOnOptionRemove,\n      onOptionSelect,\n      onClear,\n      onInputChange = NOOP,\n      closeMenuOnSelect = !multi,\n      closeMenuOnScroll: customCloseMenuOnScroll = false,\n      withMandatoryDefaultOptions = false,\n      isOptionSelected,\n      insideOverflowContainer = false,\n      insideOverflowWithTransformContainer = false,\n      insideLayerContext = false,\n      tooltipContent = \"\",\n      onKeyDown = NOOP,\n      isLoading = false,\n      loadingMessage,\n      ariaLabel,\n      tabSelectsValue = true,\n      popupsContainerSelector,\n      filterOption,\n      menuPosition = \"absolute\",\n      \"data-testid\": dataTestId,\n      withGroupDivider = false,\n      inputValue,\n      blurInputOnSelect,\n      multiValueDialogClassName\n    }: DropdownComponentProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"Dropdown\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead.\"\n    });\n\n    const controlRef = useRef();\n    const { layerRef } = useContext(LayerContext);\n    const overrideMenuPortalTarget =\n      (insideLayerContext && layerRef?.current) ||\n      menuPortalTarget ||\n      (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n    const overrideDefaultValue = useMemo(() => {\n      if (defaultValue) {\n        return Array.isArray(defaultValue)\n          ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n          : { ...(defaultValue as DropdownOption), isMandatory: true };\n      }\n\n      return defaultValue;\n    }, [defaultValue]);\n\n    BaseSelect.prototype.renderLiveRegion = (): null => {\n      return null;\n    };\n\n    // SSR support\n    const [WindowedMenuList, setWindowedMenuList] = useState(null);\n    useEffect(() => {\n      if (isClient()) {\n        if (isTestEnv()) {\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          setWindowedMenuList(() => require(\"react-windowed-select\").WindowedMenuList);\n        } else {\n          // Dynamically import the specific named export from react-windowed-select for SSR support\n          import(\"react-windowed-select\").then(module => {\n            setWindowedMenuList(() => module.WindowedMenuList);\n          });\n        }\n      }\n    }, []);\n\n    const [selected, setSelected] = useState(overrideDefaultValue || []);\n    const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n    const finalOptionRenderer = optionRenderer || OptionRenderer;\n    const finalValueRenderer = valueRenderer || ValueRenderer;\n    const isControlled = !!customValue;\n    const selectedOptions = customValue ?? selected;\n    const selectedOptionsMap = useMemo(() => {\n      if (Array.isArray(selectedOptions)) {\n        return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n      }\n      return {};\n    }, [selectedOptions]);\n\n    const overrideAriaLabel = useMemo(() => {\n      return (\n        ariaLabel ||\n        `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n          Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n        }`\n      );\n    }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n    const value = multi ? selectedOptions : customValue;\n\n    const inlineStyles = useMemo(() => {\n      // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n      const baseStyles = generateBaseStyles({\n        size,\n        rtl,\n        insideOverflowContainer,\n        controlRef,\n        insideOverflowWithTransformContainer,\n        withGroupDivider,\n        searchable,\n        allowPlaceholderEllipsis\n      });\n\n      type BaseStyles = typeof baseStyles;\n\n      // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n      const customStyles = extraStyles(baseStyles);\n\n      // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n      const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n        return {\n          ...accumulator,\n          [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n            const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n            const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n            return stylesFn(provided, state);\n          }\n        };\n      }, {} as BaseStyles);\n\n      if (multi) {\n        if (multiline) {\n          ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n            const original = mergedStyles[component];\n            mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n              ...original(provided, state),\n              height: \"auto\"\n            });\n          });\n        }\n\n        const originalValueContainer = mergedStyles.valueContainer;\n        mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n          ...originalValueContainer(provided, state),\n          paddingLeft: 6\n        });\n      }\n\n      return mergedStyles;\n    }, [\n      size,\n      rtl,\n      insideOverflowContainer,\n      insideOverflowWithTransformContainer,\n      allowPlaceholderEllipsis,\n      extraStyles,\n      multi,\n      multiline\n    ]);\n\n    const Menu = useCallback(\n      (props: CustomMenuProps) => (\n        <MenuComponent\n          {...props}\n          id={menuId}\n          ariaLabel={menuAriaLabel}\n          Renderer={menuRenderer}\n          dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n          onScroll={onScroll}\n        />\n      ),\n      [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n    );\n\n    const DropdownIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <DropdownIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const Option = useCallback(\n      (props: CustomOptionProps) => (\n        <OptionComponent\n          setFocusedOptionId={setFocusedOptionId}\n          {...props}\n          Renderer={finalOptionRenderer}\n          optionWrapperClassName={optionWrapperClassName}\n        />\n      ),\n      [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n    );\n\n    const Input = useCallback(\n      (props: InputProps | any) => {\n        const { focusedOptionId, menuIsOpen } = props.selectProps;\n        const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n        return (\n          <components.Input\n            {...props}\n            aria-activedescendant={ariaActiveDescendant}\n            role=\"combobox\"\n            aria-expanded={!readOnly && menuIsOpen}\n            aria-label={inputAriaLabel}\n            aria-controls={menuId}\n            readOnly={!searchable ? true : undefined}\n          />\n        );\n      },\n      [menuId, readOnly]\n    );\n\n    const SingleValue = useCallback(\n      (props: CustomSingleValueProps) => (\n        <SingleValueComponent\n          {...props}\n          readOnly={readOnly}\n          Renderer={finalValueRenderer}\n          selectedOption={selectedOptions[0]}\n          singleValueWrapperClassName={singleValueWrapperClassName}\n        />\n      ),\n      [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n    );\n\n    const ClearIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <ClearIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const onOptionRemove = useMemo(() => {\n      return function (optionValue: number, e: React.MouseEvent | React.KeyboardEvent) {\n        if (customOnOptionRemove) {\n          customOnOptionRemove(selectedOptionsMap[optionValue]);\n        }\n        const newSelectedOptions = Array.isArray(selectedOptions)\n          ? selectedOptions.filter(option => option.value !== optionValue)\n          : selectedOptions;\n\n        if (customOnChange) {\n          customOnChange(newSelectedOptions, e);\n        }\n        setSelected(newSelectedOptions);\n      };\n    }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n    const customProps = useMemo(\n      () => ({\n        selectedOptions,\n        onSelectedDelete: onOptionRemove,\n        isMultiline: multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        controlRef,\n        tooltipContent,\n        popupsContainerSelector: insideLayerContext ? layerRef?.current : popupsContainerSelector,\n        size,\n        dialogClassName: multiValueDialogClassName\n      }),\n      [\n        selectedOptions,\n        onOptionRemove,\n        multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        tooltipContent,\n        layerRef,\n        popupsContainerSelector,\n        insideLayerContext,\n        size,\n        multiValueDialogClassName\n      ]\n    );\n    const onChange = (option: DropdownOption | DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n      if (customOnChange) {\n        customOnChange(option, meta);\n      }\n\n      switch (meta.action) {\n        case \"select-option\": {\n          const selectedOption = multi ? meta.option : option;\n\n          if (onOptionSelect) {\n            onOptionSelect(selectedOption);\n          }\n\n          if (!isControlled) {\n            setSelected([...selectedOptions, selectedOption]);\n          }\n          break;\n        }\n\n        case \"clear\":\n          if (onClear) {\n            onClear();\n          }\n\n          if (!isControlled) {\n            if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n            else setSelected([]);\n          }\n          break;\n      }\n    };\n\n    let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n    // @ts-expect-error - We need to check if the default export is available\n    DropDownComponent = DropDownComponent.default || DropDownComponent;\n\n    const asyncAdditions = {\n      ...(asyncOptions && {\n        loadOptions: asyncOptions,\n        cacheOptions,\n        ...(defaultOptions && { defaultOptions })\n      })\n    };\n\n    const additions = {\n      ...(!asyncOptions && { options }),\n      ...(multi && {\n        isMulti: true\n      })\n    };\n\n    const closeMenuOnScroll = useCallback(\n      (event: React.FocusEvent) => {\n        const scrolledElement = event.target;\n        if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n          return false;\n        }\n        return customCloseMenuOnScroll || insideOverflowContainer || insideOverflowWithTransformContainer;\n      },\n      [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n    );\n\n    const calculatedPlaceholder = useMemo(\n      () =>\n        allowPlaceholderEllipsis ? (\n          <Text type=\"text2\" color=\"inherit\">\n            {placeholder}\n          </Text>\n        ) : (\n          placeholder\n        ),\n      [allowPlaceholderEllipsis, placeholder]\n    );\n\n    return (\n      <DropDownComponent\n        className={cx(styles.dropdown, className)}\n        selectProps={customProps}\n        components={{\n          DropdownIndicator,\n          Menu,\n          ClearIndicator,\n          Input,\n          Option,\n          Control,\n          SingleValue,\n          ...(multi && {\n            MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n            ValueContainer: MultiValueContainer\n          }),\n          ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n        }}\n        // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n        closeMenuOnScroll={closeMenuOnScroll}\n        size={size}\n        noOptionsMessage={noOptionsMessage}\n        placeholder={calculatedPlaceholder}\n        isDisabled={disabled}\n        isClearable={!readOnly && clearable}\n        isSearchable={!readOnly}\n        readOnly={readOnly}\n        aria-readonly={readOnly}\n        aria-label={overrideAriaLabel}\n        aria-details={tooltipContent}\n        aria-haspopup=\"listbox\"\n        defaultValue={defaultValue}\n        value={value}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onMenuScrollToBottom={onMenuScrollToBottom}\n        captureMenuScroll={captureMenuScroll}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onInputChange={onInputChange}\n        openMenuOnFocus={openMenuOnFocus}\n        openMenuOnClick={openMenuOnClick}\n        focusedOptionId={focusedOptionId}\n        isRtl={rtl}\n        styles={inlineStyles}\n        theme={customTheme}\n        maxMenuHeight={maxMenuHeight}\n        menuPortalTarget={overrideMenuPortalTarget}\n        menuPlacement={menuPlacement}\n        menuPosition={menuPosition}\n        menuIsOpen={!readOnly && menuIsOpen}\n        tabIndex={tabIndex}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n        data-vibe={ComponentVibeId.DROPDOWN}\n        autoFocus={autoFocus}\n        closeMenuOnSelect={closeMenuOnSelect}\n        ref={ref as React.Ref<any>}\n        withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n        isOptionSelected={isOptionSelected}\n        isLoading={isLoading}\n        loadingMessage={loadingMessage}\n        tabSelectsValue={tabSelectsValue}\n        filterOption={filterOption}\n        inputValue={inputValue}\n        blurInputOnSelect={blurInputOnSelect}\n        {...asyncAdditions}\n        {...additions}\n      />\n    );\n  }\n);\n\ninterface DropdownStaticProps {\n  sizes: typeof BaseSizes;\n  chipColors: typeof DROPDOWN_CHIP_COLORS;\n  menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;\n  menuPositions: typeof DROPDOWN_MENU_POSITION;\n  createFilter: typeof createFilter;\n}\n\nexport default withStaticProps<DropdownComponentProps, DropdownStaticProps>(Dropdown, {\n  sizes: BaseSizes,\n  chipColors: DROPDOWN_CHIP_COLORS,\n  menuPlacements: DROPDOWN_MENU_PLACEMENT,\n  menuPositions: DROPDOWN_MENU_POSITION,\n  createFilter\n});\n\nfunction isTestEnv() {\n  try {\n    return (\n      typeof require === \"function\" &&\n      typeof module !== \"undefined\" &&\n      typeof process !== \"undefined\" &&\n      process.env.NODE_ENV === \"test\"\n    );\n  } catch (e) {\n    return false;\n  }\n}\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","allowPlaceholderEllipsis","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$insideLayerConte","insideLayerContext","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","inputValue","blurInputOnSelect","multiValueDialogClassName","useWarnDeprecated","component","message","controlRef","useRef","layerRef","useContext","LayerContext","overrideMenuPortalTarget","current","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","require","module","process","env","NODE_ENV","e","isTestEnv","import","then","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","dialogClassName","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","calculatedPlaceholder","Text","type","color","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}
+{"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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBase.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../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

@@ -0,0 +1,2 @@
+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/DropdownBaseList/DropdownBaseList.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"../../../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

@@ -0,0 +1,2 @@
+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/DropdownBoxMode/DropdownBoxMode.js

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

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

@@ -0,0 +1,2 @@
+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/DropdownPopup/DropdownPopup.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n  const { contextValue, dropdownRef } = props;\n\n  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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n  const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n  return (\n    <DialogContentContainer\n      className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n      style={!isOpen ? { padding: 0 } : undefined}\n    >\n      <MenuList<Item> />\n    </DialogContentContainer>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","MenuList"],"mappings":"mXAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAcR,GAASO,EAAOE,YAAcT,GAAUC,GAC9ES,MAAQV,OAA0BW,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,MAGf"}

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_09b429c759",menuHidden:"menuHidden_db37597471"};!function(e){const i="s_id-448dc11ee0f4_3_84_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_09b429c759 {\n  visibility: visible;\n}\n\n.menuHidden_db37597471 {\n  visibility: hidden;\n}");export{e as default};
+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/MenuList.js.map

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

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

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

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

@@ -0,0 +1,2 @@
+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/Trigger/DropdownChip.js

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"../../../BaseItem/BaseItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as 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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"../../../../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

@@ -0,0 +1,2 @@
+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/TriggerActions.js

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