@vibe/core 4.5.21 → 4.5.23

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

@@ -1 +1 @@
-{"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\n\nfunction useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  selectedItems: T[],\n  setSelectedItems: (items: T[]) => void,\n  isMenuOpen: boolean,\n  autoFocus?: boolean,\n  defaultValue?: T[],\n  value?: T[],\n  inputValueProp?: string,\n  onChange?: (options: T[]) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string,\n  onOptionRemove?: (option: T) => void\n) {\n  // Use controlled value if provided, otherwise use internal state\n  const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    currentSelectedItems\n  );\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n    selectedItems: currentSelectedItems,\n    initialSelectedItems: defaultValue,\n    onSelectedItemsChange: ({ selectedItems }) => {\n      if (value === undefined) {\n        setSelectedItems(selectedItems || []);\n      }\n      onChange?.(selectedItems || []);\n    },\n    onStateChange: ({ type, selectedItems: newSelectedItems }) => {\n      // Notify onOptionRemove for keyboard-driven chip deletion (× button uses contextOnOptionRemove).\n      if (\n        (type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownBackspace ||\n          type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownDelete) &&\n        newSelectedItems\n      ) {\n        const removedItem = currentSelectedItems.find(item => !newSelectedItems.some(si => si.value === item.value));\n        if (removedItem) onOptionRemove?.(removedItem);\n      }\n    }\n  });\n\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset: downshiftReset,\n    openMenu,\n    toggleMenu,\n    closeMenu,\n    selectItem\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    initialInputValue: inputValueProp ?? \"\",\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      // Reset the text filter on any open/close change so the full list is always ready.\n      filterOptions(\"\");\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n    onInputValueChange: useCallback(\n      ({ inputValue, type }) => {\n        // Only filter on actual user typing. Downshift also writes values into the input on\n        // open/close/selection — those changes must not filter the list.\n        if (type === useCombobox.stateChangeTypes.InputChange) {\n          filterOptions(inputValue || \"\");\n        }\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\n    ),\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      if (!newSelectedItem) return;\n      const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n      if (existingItem) {\n        removeSelectedItem(existingItem);\n        onOptionRemove?.(existingItem);\n      } else {\n        addSelectedItem(newSelectedItem);\n      }\n      onOptionSelect?.(newSelectedItem);\n      filterOptions(\"\");\n    },\n    stateReducer: (state, actionAndChanges) => {\n      const { type, changes } = actionAndChanges;\n\n      switch (type) {\n        // FunctionSelectItem (Space toggling the highlighted option, see getInputProps below) is\n        // handled the same as Enter/click selection.\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n        case useCombobox.stateChangeTypes.FunctionSelectItem:\n          // Keep the menu open and clear the input to restore the placeholder.\n          return {\n            ...changes,\n            inputValue: null,\n            isOpen: true,\n            highlightedIndex: (changes.selectedItem?.index as number) ?? 0\n          };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...changes, inputValue: null };\n        default:\n          if (!changes.isOpen && state.isOpen) {\n            return { ...changes, inputValue: null };\n          }\n          return changes;\n      }\n    }\n  });\n\n  const reset = useCallback(() => {\n    if (value === undefined) {\n      setSelectedItems([]);\n    }\n    downshiftReset();\n    onChange?.([]);\n  }, [value, setSelectedItems, downshiftReset, onChange]);\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItems: currentSelectedItems,\n    getSelectedItemProps,\n    getDropdownProps,\n    addSelectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps: (options?: Parameters<typeof getInputProps>[0]) =>\n      getInputProps({\n        ...options,\n        onKeyDown: event => {\n          options?.onKeyDown?.(event);\n          // Space toggles the highlighted option instead of typing a literal space. It only applies\n          // when the user has arrowed to an option (highlightedIndex set, i.e. aria-activedescendant\n          // is set); while typing/filtering there is no highlight, so Space types normally.\n          if (event.key === \" \" && !event.defaultPrevented && isOpen && highlightedIndex >= 0) {\n            const item = flatOptions[highlightedIndex];\n            if (item && !item.disabled) {\n              event.preventDefault();\n              selectItem(item);\n            }\n          }\n        }\n      }),\n    getItemProps,\n    reset,\n    removeSelectedItem,\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","onOptionRemove","currentSelectedItems","undefined","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","onStateChange","_ref2","type","newSelectedItems","stateChangeTypes","SelectedItemKeyDownBackspace","SelectedItemKeyDownDelete","removedItem","find","item","some","si","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","onIsOpenChange","_ref3","onInputValueChange","useCallback","_ref4","inputValue","InputChange","onSelectedItemChange","_ref5","newSelectedItem","selectedItem","existingItem","stateReducer","state","actionAndChanges","changes","InputKeyDownEnter","ItemClick","FunctionSelectItem","Object","assign","highlightedIndex","_b","index","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","selectItem","onKeyDown","event","call","key","defaultPrevented","preventDefault"],"mappings":"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"}
+{"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nfunction useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  selectedItems: T[],\n  setSelectedItems: (items: T[]) => void,\n  isMenuOpen: boolean,\n  autoFocus?: boolean,\n  defaultValue?: T[],\n  value?: T[],\n  inputValueProp?: string,\n  onChange?: (options: T[]) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string,\n  onOptionRemove?: (option: T) => void\n) {\n  // Use controlled value if provided, otherwise use internal state\n  const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    currentSelectedItems\n  );\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n    selectedItems: currentSelectedItems,\n    initialSelectedItems: defaultValue,\n    onSelectedItemsChange: ({ selectedItems }) => {\n      if (value === undefined) {\n        setSelectedItems(selectedItems || []);\n      }\n      onChange?.(selectedItems || []);\n    },\n    onStateChange: ({ type, selectedItems: newSelectedItems }) => {\n      // Notify onOptionRemove for keyboard-driven chip deletion (× button uses contextOnOptionRemove).\n      if (\n        (type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownBackspace ||\n          type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownDelete) &&\n        newSelectedItems\n      ) {\n        const removedItem = currentSelectedItems.find(item => !newSelectedItems.some(si => si.value === item.value));\n        if (removedItem) onOptionRemove?.(removedItem);\n      }\n    }\n  });\n\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset: downshiftReset,\n    openMenu,\n    toggleMenu,\n    closeMenu,\n    selectItem\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    initialInputValue: inputValueProp ?? \"\",\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      // Reset the text filter on any open/close change so the full list is always ready.\n      filterOptions(\"\");\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n    onInputValueChange: useCallback(\n      ({ inputValue, type }) => {\n        // Only filter on actual user typing. Downshift also writes values into the input on\n        // open/close/selection — those changes must not filter the list.\n        if (type === useCombobox.stateChangeTypes.InputChange) {\n          filterOptions(inputValue || \"\");\n        }\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\n    ),\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      if (!newSelectedItem) return;\n      const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n      if (existingItem) {\n        removeSelectedItem(existingItem);\n        onOptionRemove?.(existingItem);\n      } else {\n        addSelectedItem(newSelectedItem);\n      }\n      onOptionSelect?.(newSelectedItem);\n      filterOptions(\"\");\n    },\n    stateReducer: (state, actionAndChanges) => {\n      const { type, changes } = actionAndChanges;\n\n      switch (type) {\n        // FunctionSelectItem (Space toggling the highlighted option, see getInputProps below) is\n        // handled the same as Enter/click selection.\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n        case useCombobox.stateChangeTypes.FunctionSelectItem:\n          // Keep the menu open and clear the input to restore the placeholder.\n          return {\n            ...changes,\n            inputValue: null,\n            isOpen: true,\n            highlightedIndex: (changes.selectedItem?.index as number) ?? 0\n          };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...changes, inputValue: null };\n        default:\n          if (!changes.isOpen && state.isOpen) {\n            return { ...changes, inputValue: null };\n          }\n          return changes;\n      }\n    }\n  });\n\n  const reset = useCallback(() => {\n    if (value === undefined) {\n      setSelectedItems([]);\n    }\n    downshiftReset();\n    onChange?.([]);\n  }, [value, setSelectedItems, downshiftReset, onChange]);\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItems: currentSelectedItems,\n    getSelectedItemProps,\n    getDropdownProps,\n    addSelectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps: (options?: Parameters<typeof getInputProps>[0]) =>\n      getInputProps({\n        ...options,\n        onKeyDown: event => {\n          options?.onKeyDown?.(event);\n          // Space toggles the highlighted option instead of typing a literal space. It only applies\n          // when the user has arrowed to an option (highlightedIndex set, i.e. aria-activedescendant\n          // is set); while typing/filtering there is no highlight, so Space types normally.\n          if (event.key === \" \" && !event.defaultPrevented && isOpen && highlightedIndex >= 0) {\n            const item = flatOptions[highlightedIndex];\n            if (item && !item.disabled) {\n              event.preventDefault();\n              selectItem(item);\n            }\n          }\n        }\n      }),\n    getItemProps,\n    reset,\n    removeSelectedItem,\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","onOptionRemove","currentSelectedItems","undefined","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","onStateChange","_ref2","type","newSelectedItems","stateChangeTypes","SelectedItemKeyDownBackspace","SelectedItemKeyDownDelete","removedItem","find","item","some","si","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","onIsOpenChange","_ref3","onInputValueChange","useCallback","_ref4","inputValue","InputChange","onSelectedItemChange","_ref5","newSelectedItem","selectedItem","existingItem","stateReducer","state","actionAndChanges","changes","InputKeyDownEnter","ItemClick","FunctionSelectItem","Object","assign","highlightedIndex","_b","index","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","selectItem","onKeyDown","event","call","key","defaultPrevented","preventDefault"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDropdownSelect.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownSelect.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownSelect<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  autoFocus?: boolean,\n  isMenuOpen?: boolean,\n  defaultValue?: T,\n  value?: T,\n  onChange?: (option: T | T[] | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  showSelectedOptions?: boolean,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  id?: string\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: downshiftReset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useSelect<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    selectedItem: selectedItem,\n    id,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      if (value === undefined) {\n        setCurrentSelectedItem(newSelectedItem || null);\n      }\n      if (newSelectedItem) {\n        onOptionSelect?.(newSelectedItem);\n      }\n      onChange?.(newSelectedItem || null);\n    },\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuOpen?.() : onMenuClose?.();\n    }\n  });\n\n  const reset = () => {\n    if (value === undefined) {\n      setCurrentSelectedItem(null);\n    }\n    downshiftReset();\n    onChange?.(null);\n  };\n\n  const getInputProps = () => ({});\n\n  return {\n    isOpen,\n    inputValue: \"\",\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownSelect;\n"],"names":["useDropdownSelect","options","autoFocus","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","filteredOptions","useDropdownFiltering","flatOptions","flatMap","group","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","onSelectedItemChange","_ref","newSelectedItem","onIsOpenChange","_ref2","downshiftReset","reset","inputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"+MAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBV,GAAgB,MAAKW,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAE5CG,OAAyBC,IAAVd,EAAsBA,EAFjBU,EAAA,GAIpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEII,EAAoBC,EAC1BtB,EACAU,EACAD,EACAU,GAJME,gBAOFE,EAAcH,GAAQ,WAAA,OAAMC,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAMzB,aAAU,CAACqB,IAEpFK,EAWIC,EAAa,CACfC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBZ,KAAhBY,aAAA,EAAAA,EAAM1B,OAA6B0B,EAAK1B,MAAZ8B,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,OAAQnC,EACRoC,cAAerC,EACfgB,aAAcA,EACdN,GAAAA,EACA4B,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BvB,kBACTC,IAAVd,GACFY,EAAuByB,GAAmB,MAExCA,IACFjC,SAAAA,EAAiBiC,IAEnBpC,SAAAA,EAAWoC,GAAmB,KAC/B,EACDC,eAAgB,SAAAC,GAASA,EAANN,OACR/B,SAAAA,IAAiBC,SAAAA,GAC5B,IAxBOqC,EAAclB,EAArBmB,MAqCF,MAAO,CACLR,OA5CMX,EAANW,OA6CAS,WAAY,GACZC,iBA7CgBrB,EAAhBqB,iBA8CA9B,aAAAA,EACA+B,qBA9CoBtB,EAApBsB,qBA+CAC,cA9CavB,EAAbuB,cA+CAC,aA9CYxB,EAAZwB,aA+CAC,cAVoB,WAAH,MAAU,IAW3BC,aA/CY1B,EAAZ0B,aAgDAP,MApBY,gBACE3B,IAAVd,GACFY,EAAuB,MAEzB4B,IACAvC,SAAAA,EAAW,OAgBXgB,gBAAAA,EACAgC,SAhDQ3B,EAAR2B,SAiDAC,WAhDU5B,EAAV4B,WAiDAC,UAhDS7B,EAAT6B,UAkDJ"}
+{"version":3,"file":"useDropdownSelect.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownSelect.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownSelect<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  autoFocus?: boolean,\n  isMenuOpen?: boolean,\n  defaultValue?: T,\n  value?: T,\n  onChange?: (option: T | T[] | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  showSelectedOptions?: boolean,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  id?: string\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: downshiftReset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useSelect<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    selectedItem: selectedItem,\n    id,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      if (value === undefined) {\n        setCurrentSelectedItem(newSelectedItem || null);\n      }\n      if (newSelectedItem) {\n        onOptionSelect?.(newSelectedItem);\n      }\n      onChange?.(newSelectedItem || null);\n    },\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuOpen?.() : onMenuClose?.();\n    }\n  });\n\n  const reset = () => {\n    if (value === undefined) {\n      setCurrentSelectedItem(null);\n    }\n    downshiftReset();\n    onChange?.(null);\n  };\n\n  const getInputProps = () => ({});\n\n  return {\n    isOpen,\n    inputValue: \"\",\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownSelect;\n"],"names":["useDropdownSelect","options","autoFocus","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","showSelectedOptions","filterOption","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","filteredOptions","useDropdownFiltering","flatOptions","flatMap","group","_useSelect","useSelect","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","onSelectedItemChange","_ref","newSelectedItem","onIsOpenChange","_ref2","downshiftReset","reset","inputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"+MAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBV,GAAgB,MAAKW,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAE5CG,OAAyBC,IAAVd,EAAsBA,EAFjBU,EAAA,GAIpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEII,EAAoBC,EAC1BtB,EACAU,EACAD,EACAU,GAJME,gBAOFE,EAAcH,GAAQ,WAAA,OAAMC,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAMzB,aAAU,CAACqB,IAEpFK,EAWIC,EAAa,CACfC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBZ,KAAhBY,aAAA,EAAAA,EAAM1B,OAA6B0B,EAAK1B,MAAZ8B,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,OAAQnC,EACRoC,cAAerC,EACfgB,aAAcA,EACdN,GAAAA,EACA4B,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BvB,kBACTC,IAAVd,GACFY,EAAuByB,GAAmB,MAExCA,IACFjC,SAAAA,EAAiBiC,IAEnBpC,SAAAA,EAAWoC,GAAmB,KAC/B,EACDC,eAAgB,SAAAC,GAASA,EAANN,OACR/B,SAAAA,IAAiBC,SAAAA,GAC5B,IAxBOqC,EAAclB,EAArBmB,MAqCF,MAAO,CACLR,OA5CMX,EAANW,OA6CAS,WAAY,GACZC,iBA7CgBrB,EAAhBqB,iBA8CA9B,aAAAA,EACA+B,qBA9CoBtB,EAApBsB,qBA+CAC,cA9CavB,EAAbuB,cA+CAC,aA9CYxB,EAAZwB,aA+CAC,cAVoB,WAAH,MAAU,IAW3BC,aA/CY1B,EAAZ0B,aAgDAP,MApBY,gBACE3B,IAAVd,GACFY,EAAuB,MAEzB4B,IACAvC,SAAAA,EAAW,OAgBXgB,gBAAAA,EACAgC,SAhDQ3B,EAAR2B,SAiDAC,WAhDU5B,EAAV4B,WAiDAC,UAhDS7B,EAAT6B,UAkDJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownCombobox from \"../hooks/useDropdownCombobox\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownSingleControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect = true,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = false,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    loading = false,\n    size = \"medium\",\n    id,\n    readOnly,\n    disabled,\n    boxMode = false,\n    inlineSelectedValue = false\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleOptionSelect = (item: Item | null) => {\n    onOptionSelect?.(item);\n    if (item) {\n      setIsFocused(false);\n    }\n  };\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    filteredOptions,\n    selectedItem: hookSelectedItem,\n    toggleMenu\n  } = useDropdownCombobox<Item>(\n    options,\n    boxMode ? undefined : isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    handleOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id,\n    inlineSelectedValue\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen: boxMode ? true : isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItem: hookSelectedItem,\n    selectedItems: [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: readOnly || disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      onClear?.();\n    },\n    contextOnOptionRemove: () => {},\n    addSelectedItem: undefined,\n    removeSelectedItem: undefined,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    toggleMenu,\n    loading\n  };\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownComboboxController;\n"],"names":["DropdownComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","_props$closeMenuOnSel","closeMenuOnSelect","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onFocus","onBlur","onKeyDown","onClear","_props$loading","loading","_props$size","size","id","readOnly","disabled","_props$boxMode","boxMode","_props$inlineSelected","inlineSelectedValue","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownCombobox","useDropdownCombobox","undefined","item","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","filteredOptions","hookSelectedItem","selectedItem","toggleMenu","contextValue","Object","assign","selectedItems","inputOptions","event","_a","call","contextOnClear","contextOnOptionRemove","addSelectedItem","removeSelectedItem","React","createElement","DropdownWrapperUI"],"mappings":"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"}
+{"version":3,"file":"DropdownComboboxController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownCombobox from \"../hooks/useDropdownCombobox\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownSingleControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect = true,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = false,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    loading = false,\n    size = \"medium\",\n    id,\n    readOnly,\n    disabled,\n    boxMode = false,\n    inlineSelectedValue = false\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleOptionSelect = (item: Item | null) => {\n    onOptionSelect?.(item);\n    if (item) {\n      setIsFocused(false);\n    }\n  };\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    filteredOptions,\n    selectedItem: hookSelectedItem,\n    toggleMenu\n  } = useDropdownCombobox<Item>(\n    options,\n    boxMode ? undefined : isMenuOpenProp,\n    autoFocus,\n    closeMenuOnSelect,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    handleOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id,\n    inlineSelectedValue\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen: boxMode ? true : isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItem: hookSelectedItem,\n    selectedItems: [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: readOnly || disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      onClear?.();\n    },\n    contextOnOptionRemove: () => {},\n    addSelectedItem: undefined,\n    removeSelectedItem: undefined,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    toggleMenu,\n    loading\n  };\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownComboboxController;\n"],"names":["DropdownComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","_props$closeMenuOnSel","closeMenuOnSelect","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onFocus","onBlur","onKeyDown","onClear","_props$loading","loading","_props$size","size","id","readOnly","disabled","_props$boxMode","boxMode","_props$inlineSelected","inlineSelectedValue","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownCombobox","useDropdownCombobox","undefined","item","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","filteredOptions","hookSelectedItem","selectedItem","toggleMenu","contextValue","Object","assign","selectedItems","inputOptions","event","_a","call","contextOnClear","contextOnOptionRemove","addSelectedItem","removeSelectedItem","React","createElement","DropdownWrapperUI"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = true,\n    closeMenuOnSelect = true,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    onOptionRemove,\n    loading = false,\n    size = \"medium\",\n    id,\n    boxMode = false,\n    interactiveChips\n  } = props;\n\n  const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n  const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItems: hookSelectedItems,\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getDropdownProps,\n    getSelectedItemProps: hookGetSelectedItemProps\n  } = useDropdownMultiCombobox<Item>(\n    options,\n    multiSelectedItemsState,\n    setMultiSelectedItemsState,\n    boxMode ? undefined : isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id,\n    onOptionRemove\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen: boxMode ? true : isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItems: hookSelectedItems || [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      if (value === undefined) {\n        setMultiSelectedItemsState([]);\n      }\n      onClear?.();\n    },\n    contextOnOptionRemove: (option: Item) => {\n      if (hookRemoveSelectedItem) {\n        hookRemoveSelectedItem(option);\n      }\n      onOptionRemove?.(option);\n    },\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getSelectedItemProps: hookGetSelectedItemProps,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    getDropdownProps,\n    toggleMenu,\n    loading,\n    interactiveChips\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","interactiveChips","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","hookGetSelectedItemProps","getSelectedItemProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"4NAOA,IAAMA,EAAkC,SACtCC,GAEA,IACEC,EA4BED,EA5BFC,QACYC,EA2BVF,EA3BFG,WACAC,EA0BEJ,EA1BFI,UACAC,EAyBEL,EAzBFK,aACAC,EAwBEN,EAxBFM,MACYC,EAuBVP,EAvBFQ,WACAC,EAsBET,EAtBFS,SACAC,EAqBEV,EArBFU,cACAC,EAoBEX,EApBFW,YACAC,EAmBEZ,EAnBFY,WACAC,EAkBEb,EAlBFa,eACAC,EAiBEd,EAjBFc,aAAYC,EAiBVf,EAhBFgB,oBAAAA,OAAsB,IAAHD,GAAOA,EAAAE,EAgBxBjB,EAfFkB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAednB,EAdFoB,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAcfrB,EAbFsB,MAAAA,OAAQ,IAAHD,GAAOA,EAAAE,EAaVvB,EAZFwB,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAWEzB,EAXFyB,YACAC,EAUE1B,EAVF0B,QACAC,EASE3B,EATF2B,OACAC,EAQE5B,EARF4B,UACAC,EAOE7B,EAPF6B,QACAC,EAME9B,EANF8B,eAAcC,EAMZ/B,EALFgC,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAKbjC,EAJFkC,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAGEnC,EAHFmC,GAAEC,EAGApC,EAFFqC,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EACEtC,EADFsC,iBAIFC,EAA8DC,EAD5BC,MAAMC,QAAQrC,GAAgBA,EAAe,IAC0BsC,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAiBIC,EACFnD,EACA4C,EACAC,EACAT,OAAUgB,EAAYnD,EACtBE,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAmB,EACAL,GAjCAwB,EAAMH,EAANG,OACYC,EAAcJ,EAA1B3C,WACAgD,EAAgBL,EAAhBK,iBACAC,GAAoBN,EAApBM,qBACAC,GAAaP,EAAbO,cACAC,GAAYR,EAAZQ,aACAC,GAAYT,EAAZS,aACeC,GAAiBV,EAAhCW,cACOC,GAASZ,EAAhBa,MACAC,GAAUd,EAAVc,WACAC,GAAef,EAAfe,gBACeC,GAAiBhB,EAAhCiB,cACiBC,GAAmBlB,EAApCmB,gBACoBC,GAAsBpB,EAA1CqB,mBACAC,GAAgBtB,EAAhBsB,iBACsBC,GAAwBvB,EAA9CwB,qBAqBIC,GAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACb9E,GAAK,CACRsD,SAAQjB,GAAiBiB,EACzB9C,WAAY+C,QAAAA,EAAkB,KAC9BC,iBAAAA,EACAY,cAAeD,IAAqB,GACpCD,gBAAAA,GACAT,qBAAAA,GACAC,cAAAA,GACAC,aAAAA,GACAC,aAAAA,GACAE,cAAe,SAACiB,GACd,OAAOlB,kCACDkB,GAAgB,CAAA,GACpB,CAAAC,SAAUhF,EAAMiF,UAAYjF,EAAMgF,SAClCtD,QAAS,SAACwD,SACRhC,GAAa,GACbxB,SAAAA,EAAUwD,GACW,QAArBC,EAAAJ,aAAA,EAAAA,EAAcrD,eAAO,IAAAyD,GAAAA,EAAAC,KAAAL,EAAGG,EACzB,EACDvD,OAAQ,SAACuD,SACPhC,GAAa,GACbvB,SAAAA,EAASuD,GACW,QAApBC,EAAAJ,aAAA,EAAAA,EAAcpD,cAAM,IAAAwD,GAAAA,EAAAC,KAAAL,EAAGG,EACxB,EACDtD,UAAW,SAACsD,SACVtD,SAAAA,EAAYsD,GACW,QAAvBC,EAAAJ,aAAA,EAAAA,EAAcnD,iBAAS,IAAAuD,GAAAA,EAAAC,KAAAL,EAAGG,EAC5B,IAEH,EACDlB,MAAOD,GACPsB,eAAgB,WACdtB,UACcV,IAAV/C,GACFwC,EAA2B,IAE7BjB,SAAAA,GACD,EACDyD,sBAAuB,SAACC,GAClBhB,IACFA,GAAuBgB,GAEzBzD,SAAAA,EAAiByD,EAClB,EACDjB,gBAAiBD,GACjBG,mBAAoBD,GACpBI,qBAAsBD,GACtBzB,UAAAA,EACA/B,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAE,kBAAAA,EACAU,KAAAA,EACAuC,iBAAAA,GACAR,WAAAA,GACAjC,QAAAA,EACAM,iBAAAA,IAGF,OAAOkD,EAAAC,cAACC,EAAiB,CAACd,aAAcA,GAAcnD,YAAaA,GACrE"}
+{"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValue: inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions = true,\n    clearable = true,\n    searchable = true,\n    multi = true,\n    closeMenuOnSelect = true,\n    dropdownRef,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onClear,\n    onOptionRemove,\n    loading = false,\n    size = \"medium\",\n    id,\n    boxMode = false,\n    interactiveChips\n  } = props;\n\n  const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n  const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    inputValue: hookInputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: hookGetInputProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItems: hookSelectedItems,\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getDropdownProps,\n    getSelectedItemProps: hookGetSelectedItemProps\n  } = useDropdownMultiCombobox<Item>(\n    options,\n    multiSelectedItemsState,\n    setMultiSelectedItemsState,\n    boxMode ? undefined : isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    inputValueProp,\n    onChange,\n    onInputChange,\n    onMenuClose,\n    onMenuOpen,\n    onOptionSelect,\n    filterOption,\n    showSelectedOptions,\n    id,\n    onOptionRemove\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen: boxMode ? true : isOpen,\n    inputValue: hookInputValue ?? null,\n    highlightedIndex,\n    selectedItems: hookSelectedItems || [],\n    filteredOptions,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps: (inputOptions?: any) => {\n      return hookGetInputProps!({\n        ...(inputOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(true);\n          onFocus?.(event as any);\n          inputOptions?.onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n          inputOptions?.onBlur?.(event);\n        },\n        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n          onKeyDown?.(event);\n          inputOptions?.onKeyDown?.(event);\n        }\n      });\n    },\n    reset: hookReset,\n    contextOnClear: () => {\n      hookReset();\n      if (value === undefined) {\n        setMultiSelectedItemsState([]);\n      }\n      onClear?.();\n    },\n    contextOnOptionRemove: (option: Item) => {\n      if (hookRemoveSelectedItem) {\n        hookRemoveSelectedItem(option);\n      }\n      onOptionRemove?.(option);\n    },\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getSelectedItemProps: hookGetSelectedItemProps,\n    isFocused,\n    clearable,\n    searchable,\n    multi,\n    closeMenuOnSelect,\n    size,\n    getDropdownProps,\n    toggleMenu,\n    loading,\n    interactiveChips\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","interactiveChips","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","hookGetSelectedItemProps","getSelectedItemProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMultiSelectController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownMultiSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiSelect from \"../hooks/useDropdownMultiSelect\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiSelectController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    clearable = true,\n    showSelectedOptions = true,\n    filterOption,\n    dropdownRef,\n    onClear,\n    onOptionRemove,\n    onFocus,\n    onBlur,\n    loading = false,\n    size = \"medium\",\n    id\n  } = props;\n\n  const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n  const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItems: hookSelectedItems,\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getDropdownProps\n  } = useDropdownMultiSelect<Item>(\n    options,\n    multiSelectedItemsState,\n    setMultiSelectedItemsState,\n    isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    showSelectedOptions,\n    filterOption,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen,\n    inputValue: null,\n    highlightedIndex,\n    selectedItem: undefined,\n    selectedItems: hookSelectedItems || [],\n    filteredOptions,\n    clearable,\n    getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n      return getToggleButtonProps({\n        ...(toggleOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(true);\n          onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n        }\n      });\n    },\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    getDropdownProps,\n    contextOnClear: () => {\n      hookReset();\n      if (value === undefined) {\n        setMultiSelectedItemsState([]);\n      }\n      onClear?.();\n    },\n    contextOnOptionRemove: (option: Item) => {\n      if (hookRemoveSelectedItem) {\n        hookRemoveSelectedItem(option);\n      }\n      onOptionRemove?.(option);\n    },\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    size,\n    toggleMenu,\n    isFocused,\n    loading\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiSelectController;\n"],"names":["DropdownMultiSelectController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$clearable","clearable","_props$showSelectedOp","showSelectedOptions","filterOption","dropdownRef","onClear","onOptionRemove","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiSele","useDropdownMultiSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","inputValue","selectedItem","undefined","toggleOptions","disabled","readOnly","event","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"0NAOA,IAAMA,EAAgC,SACpCC,GAEA,IACEC,EAoBED,EApBFC,QACYC,EAmBVF,EAnBFG,WACAC,EAkBEJ,EAlBFI,UACAC,EAiBEL,EAjBFK,aACAC,EAgBEN,EAhBFM,MACAC,EAeEP,EAfFO,SACAC,EAcER,EAdFQ,WACAC,EAaET,EAbFS,YACAC,EAYEV,EAZFU,eAAcC,EAYZX,EAXFY,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAWdb,EAVFc,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EASEf,EATFe,aACAC,EAQEhB,EARFgB,YACAC,EAOEjB,EAPFiB,QACAC,EAMElB,EANFkB,eACAC,EAKEnB,EALFmB,QACAC,EAIEpB,EAJFoB,OAAMC,EAIJrB,EAHFsB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGbvB,EAFFwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACEzB,EADFyB,GAIFC,EAA8DC,EAD5BC,MAAMC,QAAQxB,GAAgBA,EAAe,IAC0ByB,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAcIC,EACFtC,EACA+B,EACAC,EACA/B,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAI,EACAC,EACAU,GA3BAe,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACeC,EAAiBZ,EAAhCa,cACiBC,EAAmBd,EAApCe,gBACoBC,EAAsBhB,EAA1CiB,mBACAC,EAAgBlB,EAAhBkB,iBAkBIC,iCACDzD,GAAK,CACRwC,OAAAA,EACAkB,WAAY,KACZjB,iBAAAA,EACAkB,kBAAcC,EACdT,cAAeD,GAAqB,GACpCD,gBAAAA,EACArC,UAAAA,EACA8B,qBAAsB,SAACmB,GACrB,OAAOnB,iCACDmB,GAAiB,CAAA,GACrB,CAAAC,SAAU9D,EAAM+D,UAAY/D,EAAM8D,SAClC3C,QAAS,SAAC6C,GACR3B,GAAa,GACblB,SAAAA,EAAU6C,EACX,EACD5C,OAAQ,SAAC4C,GACP3B,GAAa,GACbjB,SAAAA,EAAS4C,EACX,IAEH,EACDrB,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPU,iBAAAA,EACAS,eAAgB,WACdnB,SACcc,IAAVtD,GACF2B,EAA2B,IAE7BhB,SAAAA,GACD,EACDiD,sBAAuB,SAACC,GAClBb,GACFA,EAAuBa,GAEzBjD,SAAAA,EAAiBiD,EAClB,EACDd,gBAAiBD,EACjBG,mBAAoBD,EACpB9B,KAAAA,EACAwB,WAAAA,EACAZ,UAAAA,EACAd,QAAAA,IAGF,OAAO8C,EAAAC,cAACC,EAAiB,CAACb,aAAcA,EAAczC,YAAaA,GACrE"}
+{"version":3,"file":"DropdownMultiSelectController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownMultiSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiSelect from \"../hooks/useDropdownMultiSelect\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiSelectController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    clearable = true,\n    showSelectedOptions = true,\n    filterOption,\n    dropdownRef,\n    onClear,\n    onOptionRemove,\n    onFocus,\n    onBlur,\n    loading = false,\n    size = \"medium\",\n    id\n  } = props;\n\n  const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n  const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItems: hookSelectedItems,\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    getDropdownProps\n  } = useDropdownMultiSelect<Item>(\n    options,\n    multiSelectedItemsState,\n    setMultiSelectedItemsState,\n    isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    showSelectedOptions,\n    filterOption,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen,\n    inputValue: null,\n    highlightedIndex,\n    selectedItem: undefined,\n    selectedItems: hookSelectedItems || [],\n    filteredOptions,\n    clearable,\n    getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n      return getToggleButtonProps({\n        ...(toggleOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(true);\n          onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n        }\n      });\n    },\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    getDropdownProps,\n    contextOnClear: () => {\n      hookReset();\n      if (value === undefined) {\n        setMultiSelectedItemsState([]);\n      }\n      onClear?.();\n    },\n    contextOnOptionRemove: (option: Item) => {\n      if (hookRemoveSelectedItem) {\n        hookRemoveSelectedItem(option);\n      }\n      onOptionRemove?.(option);\n    },\n    addSelectedItem: hookAddSelectedItem,\n    removeSelectedItem: hookRemoveSelectedItem,\n    size,\n    toggleMenu,\n    isFocused,\n    loading\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiSelectController;\n"],"names":["DropdownMultiSelectController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$clearable","clearable","_props$showSelectedOp","showSelectedOptions","filterOption","dropdownRef","onClear","onOptionRemove","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiSele","useDropdownMultiSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","inputValue","selectedItem","undefined","toggleOptions","disabled","readOnly","event","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"0NAOA,IAAMA,EAAgC,SACpCC,GAEA,IACEC,EAoBED,EApBFC,QACYC,EAmBVF,EAnBFG,WACAC,EAkBEJ,EAlBFI,UACAC,EAiBEL,EAjBFK,aACAC,EAgBEN,EAhBFM,MACAC,EAeEP,EAfFO,SACAC,EAcER,EAdFQ,WACAC,EAaET,EAbFS,YACAC,EAYEV,EAZFU,eAAcC,EAYZX,EAXFY,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAWdb,EAVFc,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EASEf,EATFe,aACAC,EAQEhB,EARFgB,YACAC,EAOEjB,EAPFiB,QACAC,EAMElB,EANFkB,eACAC,EAKEnB,EALFmB,QACAC,EAIEpB,EAJFoB,OAAMC,EAIJrB,EAHFsB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGbvB,EAFFwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACEzB,EADFyB,GAIFC,EAA8DC,EAD5BC,MAAMC,QAAQxB,GAAgBA,EAAe,IAC0ByB,EAAAC,EAAAL,EAAA,GAAlGM,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GAC1DI,EAAkCP,GAAS,GAAMQ,EAAAJ,EAAAG,EAAA,GAA1CE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAE9BG,EAcIC,EACFtC,EACA+B,EACAC,EACA/B,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAI,EACAC,EACAU,GA3BAe,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACeC,EAAiBZ,EAAhCa,cACiBC,EAAmBd,EAApCe,gBACoBC,EAAsBhB,EAA1CiB,mBACAC,EAAgBlB,EAAhBkB,iBAkBIC,iCACDzD,GAAK,CACRwC,OAAAA,EACAkB,WAAY,KACZjB,iBAAAA,EACAkB,kBAAcC,EACdT,cAAeD,GAAqB,GACpCD,gBAAAA,EACArC,UAAAA,EACA8B,qBAAsB,SAACmB,GACrB,OAAOnB,iCACDmB,GAAiB,CAAA,GACrB,CAAAC,SAAU9D,EAAM+D,UAAY/D,EAAM8D,SAClC3C,QAAS,SAAC6C,GACR3B,GAAa,GACblB,SAAAA,EAAU6C,EACX,EACD5C,OAAQ,SAAC4C,GACP3B,GAAa,GACbjB,SAAAA,EAAS4C,EACX,IAEH,EACDrB,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPU,iBAAAA,EACAS,eAAgB,WACdnB,SACcc,IAAVtD,GACF2B,EAA2B,IAE7BhB,SAAAA,GACD,EACDiD,sBAAuB,SAACC,GAClBb,GACFA,EAAuBa,GAEzBjD,SAAAA,EAAiBiD,EAClB,EACDd,gBAAiBD,EACjBG,mBAAoBD,EACpB9B,KAAAA,EACAwB,WAAAA,EACAZ,UAAAA,EACAd,QAAAA,IAGF,OAAO8C,EAAAC,cAACC,EAAiB,CAACb,aAAcA,EAAczC,YAAaA,GACrE"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownSelectController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownSelect from \"../hooks/useDropdownSelect\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownSelectController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownSingleControllerProps<Item>\n) => {\n  const {\n    options,\n    autoFocus,\n    isMenuOpen: isMenuOpenProp,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    showSelectedOptions = true,\n    filterOption,\n    clearable = true,\n    searchable = false,\n    multi = false,\n    dropdownRef,\n    onClear,\n    onFocus,\n    onBlur,\n    loading = false,\n    size = \"medium\",\n    id\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItem: hookSelectedItem\n  } = useDropdownSelect<Item>(\n    options,\n    autoFocus,\n    isMenuOpenProp,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    showSelectedOptions,\n    filterOption,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen,\n    highlightedIndex,\n    selectedItem: hookSelectedItem,\n    filteredOptions,\n    getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n      return getToggleButtonProps({\n        ...(toggleOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(true);\n          onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n        }\n      });\n    },\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    inputValue: null,\n    selectedItems: [],\n    addSelectedItem: undefined,\n    removeSelectedItem: undefined,\n    contextOnClear: () => {\n      hookReset();\n      onClear?.();\n    },\n    contextOnOptionRemove: () => {},\n    clearable,\n    searchable,\n    multi,\n    autoFocus,\n    onClear,\n    size,\n    toggleMenu,\n    isFocused,\n    loading\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownSelectController;\n"],"names":["DropdownSelectController","props","options","autoFocus","isMenuOpenProp","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$showSelectedOp","showSelectedOptions","filterOption","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onClear","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownSelect","useDropdownSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItem","selectedItem","contextValue","Object","assign","toggleOptions","disabled","readOnly","event","inputValue","selectedItems","addSelectedItem","undefined","removeSelectedItem","contextOnClear","contextOnOptionRemove","React","createElement","DropdownWrapperUI"],"mappings":"qNAOA,IAAMA,EAA2B,SAC/BC,GAEA,IACEC,EAqBED,EArBFC,QACAC,EAoBEF,EApBFE,UACYC,EAmBVH,EAnBFI,WACAC,EAkBEL,EAlBFK,aACAC,EAiBEN,EAjBFM,MACAC,EAgBEP,EAhBFO,SACAC,EAeER,EAfFQ,WACAC,EAcET,EAdFS,YACAC,EAaEV,EAbFU,eAAcC,EAaZX,EAZFY,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EAWEb,EAXFa,aAAYC,EAWVd,EAVFe,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAUdhB,EATFiB,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAShBlB,EARFmB,MAAAA,OAAQ,IAAHD,GAAQA,EACbE,EAOEpB,EAPFoB,YACAC,EAMErB,EANFqB,QACAC,EAKEtB,EALFsB,QACAC,EAIEvB,EAJFuB,OAAMC,EAIJxB,EAHFyB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGb1B,EAFF2B,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACE5B,EADF4B,GAGFC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAE9BI,EAWIC,EACFnC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAe,GAtBAS,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACcC,EAAgBZ,EAA9Ba,aAgBIC,EAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbnD,GAAK,CACRqC,OAAAA,EACAC,iBAAAA,EACAU,aAAcD,EACdD,gBAAAA,EACAP,qBAAsB,SAACa,GACrB,OAAOb,iCACDa,GAAiB,CAAA,GACrB,CAAAC,SAAUrD,EAAMsD,UAAYtD,EAAMqD,SAClC/B,QAAS,SAACiC,GACRrB,GAAa,GACbZ,SAAAA,EAAUiC,EACX,EACDhC,OAAQ,SAACgC,GACPrB,GAAa,GACbX,SAAAA,EAASgC,EACX,IAEH,EACDf,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPa,WAAY,KACZC,cAAe,GACfC,qBAAiBC,EACjBC,wBAAoBD,EACpBE,eAAgB,WACdlB,IACAtB,SAAAA,GACD,EACDyC,sBAAuB,WAAQ,EAC/B/C,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAjB,UAAAA,EACAmB,QAAAA,EACAM,KAAAA,EACAkB,WAAAA,EACAZ,UAAAA,EACAR,QAAAA,IAGF,OAAOsC,EAAAC,cAACC,EAAiB,CAAChB,aAAcA,EAAc7B,YAAaA,GACrE"}
+{"version":3,"file":"DropdownSelectController.js","sources":["../../../../../src/components/Dropdown/modes/DropdownSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownSelect from \"../hooks/useDropdownSelect\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownSelectController = <Item extends BaseItemData<Record<string, unknown>>>(\n  props: DropdownSingleControllerProps<Item>\n) => {\n  const {\n    options,\n    autoFocus,\n    isMenuOpen: isMenuOpenProp,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    showSelectedOptions = true,\n    filterOption,\n    clearable = true,\n    searchable = false,\n    multi = false,\n    dropdownRef,\n    onClear,\n    onFocus,\n    onBlur,\n    loading = false,\n    size = \"medium\",\n    id\n  } = props;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    toggleMenu,\n    filteredOptions,\n    selectedItem: hookSelectedItem\n  } = useDropdownSelect<Item>(\n    options,\n    autoFocus,\n    isMenuOpenProp,\n    defaultValue,\n    value,\n    onChange,\n    onMenuOpen,\n    onMenuClose,\n    onOptionSelect,\n    showSelectedOptions,\n    filterOption,\n    id\n  );\n\n  const contextValue: DropdownContextProps<Item> = {\n    ...props,\n    isOpen,\n    highlightedIndex,\n    selectedItem: hookSelectedItem,\n    filteredOptions,\n    getToggleButtonProps: (toggleOptions?: Record<string, any>) => {\n      return getToggleButtonProps({\n        ...(toggleOptions || {}),\n        disabled: props.readOnly || props.disabled,\n        onFocus: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(true);\n          onFocus?.(event);\n        },\n        onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n          setIsFocused(false);\n          onBlur?.(event);\n        }\n      });\n    },\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n    reset: hookReset,\n    inputValue: null,\n    selectedItems: [],\n    addSelectedItem: undefined,\n    removeSelectedItem: undefined,\n    contextOnClear: () => {\n      hookReset();\n      onClear?.();\n    },\n    contextOnOptionRemove: () => {},\n    clearable,\n    searchable,\n    multi,\n    autoFocus,\n    onClear,\n    size,\n    toggleMenu,\n    isFocused,\n    loading\n  };\n\n  return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownSelectController;\n"],"names":["DropdownSelectController","props","options","autoFocus","isMenuOpenProp","isMenuOpen","defaultValue","value","onChange","onMenuOpen","onMenuClose","onOptionSelect","_props$showSelectedOp","showSelectedOptions","filterOption","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","dropdownRef","onClear","onFocus","onBlur","_props$loading","loading","_props$size","size","id","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","_useDropdownSelect","useDropdownSelect","isOpen","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItem","selectedItem","contextValue","Object","assign","toggleOptions","disabled","readOnly","event","inputValue","selectedItems","addSelectedItem","undefined","removeSelectedItem","contextOnClear","contextOnOptionRemove","React","createElement","DropdownWrapperUI"],"mappings":"qNAOA,IAAMA,EAA2B,SAC/BC,GAEA,IACEC,EAqBED,EArBFC,QACAC,EAoBEF,EApBFE,UACYC,EAmBVH,EAnBFI,WACAC,EAkBEL,EAlBFK,aACAC,EAiBEN,EAjBFM,MACAC,EAgBEP,EAhBFO,SACAC,EAeER,EAfFQ,WACAC,EAcET,EAdFS,YACAC,EAaEV,EAbFU,eAAcC,EAaZX,EAZFY,oBAAAA,OAAsB,IAAHD,GAAOA,EAC1BE,EAWEb,EAXFa,aAAYC,EAWVd,EAVFe,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAUdhB,EATFiB,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAShBlB,EARFmB,MAAAA,OAAQ,IAAHD,GAAQA,EACbE,EAOEpB,EAPFoB,YACAC,EAMErB,EANFqB,QACAC,EAKEtB,EALFsB,QACAC,EAIEvB,EAJFuB,OAAMC,EAIJxB,EAHFyB,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAGb1B,EAFF2B,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EACE5B,EADF4B,GAGFC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAE9BI,EAWIC,EACFnC,EACAC,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAe,GAtBAS,EAAMF,EAANE,OACAC,EAAgBH,EAAhBG,iBACAC,EAAoBJ,EAApBI,qBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aACOC,EAASR,EAAhBS,MACAC,EAAUV,EAAVU,WACAC,EAAeX,EAAfW,gBACcC,EAAgBZ,EAA9Ba,aAgBIC,EAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbnD,GAAK,CACRqC,OAAAA,EACAC,iBAAAA,EACAU,aAAcD,EACdD,gBAAAA,EACAP,qBAAsB,SAACa,GACrB,OAAOb,iCACDa,GAAiB,CAAA,GACrB,CAAAC,SAAUrD,EAAMsD,UAAYtD,EAAMqD,SAClC/B,QAAS,SAACiC,GACRrB,GAAa,GACbZ,SAAAA,EAAUiC,EACX,EACDhC,OAAQ,SAACgC,GACPrB,GAAa,GACbX,SAAAA,EAASgC,EACX,IAEH,EACDf,cAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAE,MAAOD,EACPa,WAAY,KACZC,cAAe,GACfC,qBAAiBC,EACjBC,wBAAoBD,EACpBE,eAAgB,WACdlB,IACAtB,SAAAA,GACD,EACDyC,sBAAuB,WAAQ,EAC/B/C,UAAAA,EACAE,WAAAA,EACAE,MAAAA,EACAjB,UAAAA,EACAmB,QAAAA,EACAM,KAAAA,EACAkB,WAAAA,EACAZ,UAAAA,EACAR,QAAAA,IAGF,OAAOsC,EAAAC,cAACC,EAAiB,CAAChB,aAAcA,EAAc7B,YAAaA,GACrE"}

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

@@ -1 +1 @@
-{"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/Dropdown/utils/dropdownUtils.ts"],"sourcesContent":["import { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\n\nexport function normalizeOptions<Item extends BaseItemData>(\n  options: DropdownListGroup<Item>[] | BaseItemData<Item>[],\n  filter?: string,\n  filterOption?: (option: Item, inputValue: string) => boolean,\n  showSelectedOptions = true,\n  selectedItems: Item[] = []\n): DropdownListGroup<Item>[] {\n  let indexCounter = 0;\n  const defaultFilterFn = (item: Item, inputValue: string) =>\n    !inputValue || item.label.toLowerCase().includes(inputValue.toLowerCase());\n  const currentFilterFn = filterOption || defaultFilterFn;\n\n  const isItemSelected = (item: Item) => selectedItems.some(selected => selected.value === item.value);\n\n  return Array.isArray(options) && options.some(item => \"options\" in item)\n    ? (options as DropdownListGroup<Item>[]).flatMap(group => {\n        const filteredGroupOptions = group.options\n          .filter(item => {\n            const matchesFilter = currentFilterFn(item, filter || \"\");\n            if (!showSelectedOptions && isItemSelected(item)) {\n              return false;\n            }\n            return matchesFilter;\n          })\n          .map(item => {\n            item.index = indexCounter++;\n            return item;\n          });\n\n        return filteredGroupOptions.length > 0 ? [{ ...group, options: filteredGroupOptions }] : [];\n      })\n    : [\n        {\n          label: undefined,\n          options: (options as BaseItemData<Item>[])\n            .filter(item => {\n              const matchesFilter = currentFilterFn(item, filter || \"\");\n              if (!showSelectedOptions && isItemSelected(item)) {\n                return false;\n              }\n              return matchesFilter;\n            })\n            .map(item => {\n              item.index = indexCounter++;\n              return item;\n            })\n        }\n      ];\n}\n"],"names":["normalizeOptions","options","filter","filterOption","showSelectedOptions","arguments","length","undefined","selectedItems","indexCounter","currentFilterFn","item","inputValue","label","toLowerCase","includes","isItemSelected","some","selected","value","Array","isArray","flatMap","group","filteredGroupOptions","matchesFilter","map","index","Object","assign"],"mappings":"AAGgB,SAAAA,EACdC,EACAC,EACAC,GAE0B,IAD1BC,EAAmB,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GACnBG,yDAAwB,GAEpBC,EAAe,EAGbC,EAAkBP,GAFA,SAACQ,EAAYC,GAAkB,OACpDA,GAAcD,EAAKE,MAAMC,cAAcC,SAASH,EAAWE,cAAc,EAGtEE,EAAiB,SAACL,GAAU,OAAKH,EAAcS,MAAK,SAAAC,GAAQ,OAAIA,EAASC,QAAUR,EAAKQ,QAAM,EAEpG,OAAOC,MAAMC,QAAQpB,IAAYA,EAAQgB,MAAK,SAAAN,GAAI,MAAI,YAAaA,CAAI,IAClEV,EAAsCqB,SAAQ,SAAAC,GAC7C,IAAMC,EAAuBD,EAAMtB,QAChCC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,CACT,IAEF,OAAOa,EAAqBlB,OAAS,EAAI,CAAAsB,OAAAC,OAAAD,OAAAC,OAAA,GAAMN,GAAO,CAAAtB,QAASuB,KAA0B,EAC1F,IACD,CACE,CACEX,WAAON,EACPN,QAAUA,EACPC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,MAIrB"}
+{"version":3,"file":"dropdownUtils.js","sources":["../../../../../src/components/Dropdown/utils/dropdownUtils.ts"],"sourcesContent":["import { type BaseItemData } from \"@vibe/base-list\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\n\nexport function normalizeOptions<Item extends BaseItemData>(\n  options: DropdownListGroup<Item>[] | BaseItemData<Item>[],\n  filter?: string,\n  filterOption?: (option: Item, inputValue: string) => boolean,\n  showSelectedOptions = true,\n  selectedItems: Item[] = []\n): DropdownListGroup<Item>[] {\n  let indexCounter = 0;\n  const defaultFilterFn = (item: Item, inputValue: string) =>\n    !inputValue || item.label.toLowerCase().includes(inputValue.toLowerCase());\n  const currentFilterFn = filterOption || defaultFilterFn;\n\n  const isItemSelected = (item: Item) => selectedItems.some(selected => selected.value === item.value);\n\n  return Array.isArray(options) && options.some(item => \"options\" in item)\n    ? (options as DropdownListGroup<Item>[]).flatMap(group => {\n        const filteredGroupOptions = group.options\n          .filter(item => {\n            const matchesFilter = currentFilterFn(item, filter || \"\");\n            if (!showSelectedOptions && isItemSelected(item)) {\n              return false;\n            }\n            return matchesFilter;\n          })\n          .map(item => {\n            item.index = indexCounter++;\n            return item;\n          });\n\n        return filteredGroupOptions.length > 0 ? [{ ...group, options: filteredGroupOptions }] : [];\n      })\n    : [\n        {\n          label: undefined,\n          options: (options as BaseItemData<Item>[])\n            .filter(item => {\n              const matchesFilter = currentFilterFn(item, filter || \"\");\n              if (!showSelectedOptions && isItemSelected(item)) {\n                return false;\n              }\n              return matchesFilter;\n            })\n            .map(item => {\n              item.index = indexCounter++;\n              return item;\n            })\n        }\n      ];\n}\n"],"names":["normalizeOptions","options","filter","filterOption","showSelectedOptions","arguments","length","undefined","selectedItems","indexCounter","currentFilterFn","item","inputValue","label","toLowerCase","includes","isItemSelected","some","selected","value","Array","isArray","flatMap","group","filteredGroupOptions","matchesFilter","map","index","Object","assign"],"mappings":"AAGgB,SAAAA,EACdC,EACAC,EACAC,GAE0B,IAD1BC,EAAmB,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GACnBG,yDAAwB,GAEpBC,EAAe,EAGbC,EAAkBP,GAFA,SAACQ,EAAYC,GAAkB,OACpDA,GAAcD,EAAKE,MAAMC,cAAcC,SAASH,EAAWE,cAAc,EAGtEE,EAAiB,SAACL,GAAU,OAAKH,EAAcS,MAAK,SAAAC,GAAQ,OAAIA,EAASC,QAAUR,EAAKQ,QAAM,EAEpG,OAAOC,MAAMC,QAAQpB,IAAYA,EAAQgB,MAAK,SAAAN,GAAI,MAAI,YAAaA,CAAI,IAClEV,EAAsCqB,SAAQ,SAAAC,GAC7C,IAAMC,EAAuBD,EAAMtB,QAChCC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,CACT,IAEF,OAAOa,EAAqBlB,OAAS,EAAI,CAAAsB,OAAAC,OAAAD,OAAAC,OAAA,GAAMN,GAAO,CAAAtB,QAASuB,KAA0B,EAC1F,IACD,CACE,CACEX,WAAON,EACPN,QAAUA,EACPC,QAAO,SAAAS,GACN,IAAMc,EAAgBf,EAAgBC,EAAMT,GAAU,IACtD,SAAKE,GAAuBY,EAAeL,KAGpCc,CACT,IACCC,KAAI,SAAAf,GAEH,OADAA,EAAKgB,MAAQlB,IACNE,MAIrB"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_d07ef49c8d"};!function(e){const t="s_id-ed9bf484fec4_4_5_20";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 selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_d07ef49c8d {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_d07ef49c8d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_d07ef49c8d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_debea2a249"};!function(e){const t="s_id-ed9bf484fec4_4_5_22";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 selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_debea2a249 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_debea2a249::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_debea2a249::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_4b219492f5"};!function(e){const n="s_id-8a3397ff1208_4_5_20";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_4b219492f5 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_4b219492f5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_4b219492f5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_3766d21c5d"};!function(e){const n="s_id-8a3397ff1208_4_5_22";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_3766d21c5d {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_3766d21c5d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_3766d21c5d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_fd727d65d3","focus-visible":"focus-visible_eb03305b30",disabled:"disabled_a202185a0d",selected:"selected_1c706075b1",small:"small_0fce813168",medium:"medium_b5df5361cf",large:"large_6eaeb6d091"};!function(e){const n="s_id-8402a299d384_4_5_20";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_fd727d65d3 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_fd727d65d3:focus-visible, .listItem_fd727d65d3.focus-visible_eb03305b30 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_fd727d65d3:focus:not(.focus-visible_eb03305b30) {\n  outline: none;\n}\n.listItem_fd727d65d3:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_a202185a0d {\n  cursor: not-allowed;\n}\n.disabled_a202185a0d:hover {\n  background-color: transparent;\n}\n.selected_1c706075b1 {\n  background-color: var(--primary-selected-color);\n}\n.selected_1c706075b1:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_0fce813168 {\n  height: 32px;\n}\n.medium_b5df5361cf {\n  height: 40px;\n}\n.large_6eaeb6d091 {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_8fe65ebb39","focus-visible":"focus-visible_2ce9cf4db0",disabled:"disabled_f3bbe0ff13",selected:"selected_bcf53eff68",small:"small_34c9d4bb62",medium:"medium_d8ccad17d4",large:"large_45cd381501"};!function(e){const n="s_id-8402a299d384_4_5_22";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_8fe65ebb39 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_8fe65ebb39:focus-visible, .listItem_8fe65ebb39.focus-visible_2ce9cf4db0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_8fe65ebb39:focus:not(.focus-visible_2ce9cf4db0) {\n  outline: none;\n}\n.listItem_8fe65ebb39:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_f3bbe0ff13 {\n  cursor: not-allowed;\n}\n.disabled_f3bbe0ff13:hover {\n  background-color: transparent;\n}\n.selected_bcf53eff68 {\n  background-color: var(--primary-selected-color);\n}\n.selected_bcf53eff68:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_34c9d4bb62 {\n  height: 32px;\n}\n.medium_d8ccad17d4 {\n  height: 40px;\n}\n.large_45cd381501 {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_5913441688",avatar:"avatar_fa0e5bf035"};!function(e){const t="s_id-4e549e461b77_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_5913441688 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_fa0e5bf035 {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_487849c9fc",avatar:"avatar_5dc4a9459c"};!function(e){const t="s_id-4e549e461b77_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_487849c9fc {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_5dc4a9459c {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_5913441688",start:"start_c93e35df6d",end:"end_7efd31e693"};!function(e){const n="s_id-1b4ecdbffa23_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_5913441688 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_c93e35df6d {\n  margin-inline-end: var(--space-8);\n}\n.end_7efd31e693 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_487849c9fc",start:"start_061549e242",end:"end_dca7ab1ff5"};!function(e){const n="s_id-1b4ecdbffa23_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_487849c9fc {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_061549e242 {\n  margin-inline-end: var(--space-8);\n}\n.end_dca7ab1ff5 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_275c3c73f0"};!function(e){const t="s_id-76c16cf3efba_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_275c3c73f0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_4550922fc6"};!function(e){const t="s_id-76c16cf3efba_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_4550922fc6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport {\n  type DialogOffset,\n  type DialogPosition,\n  type DialogSize,\n  type DialogStartingEdge,\n  type DialogTriggerEvent\n} from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsomorphicLayoutEffect, useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\n\nimport { Menu } from \"@vibe/icons\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEvent[] = [\"esckey\", \"tab\"];\n\n// Inline replacement for `react-is`'s `isForwardRef`. React tags forwardRef\n// components with the `react.forward_ref` symbol on `$$typeof`.\nconst REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\");\nconst isForwardRef = (component: unknown): boolean =>\n  component != null && (component as { $$typeof?: symbol }).$$typeof === REACT_FORWARD_REF_TYPE;\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * Class name applied to the button when the dialog is open.\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * The component used as the button icon.\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  /**\n   * The size of the button.\n   */\n  size?: MenuButtonSize;\n  /**\n   * If true, the menu is open.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index of the menu.\n   */\n  zIndex?: number;\n  /**\n   * The label of the button for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Class name applied to the menu dialog wrapper.\n   */\n  dialogClassName?: string;\n  /**\n   * The offset of the menu relative to the button.\n   */\n  dialogOffset?: DialogOffset;\n  /**\n   * The padding size inside the menu dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The position of the menu dialog relative to the button.\n   */\n  dialogPosition?: DialogPosition;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  dialogShowTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  dialogHideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The container selector in which to append the dialog.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * The starting edge alignment of the menu.\n   */\n  startingEdge?: DialogStartingEdge;\n  /**\n   * Callback fired when the menu is shown.\n   */\n  onMenuShow?: () => void;\n  /**\n   * Callback fired when the menu is hidden.\n   */\n  onMenuHide?: () => void;\n  /**\n   * The text displayed inside the button.\n   */\n  text?: string;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The tooltip content displayed when hovering over the button.\n   */\n  tooltipContent?: string;\n  /**\n   * If true, removes the tab key from the hide trigger.\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   * The triggers that cause the tooltip to show or hide.\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Class name applied to the tooltip reference wrapper.\n   */\n  tooltipReferenceClassName?: string;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, hides the menu and tooltip when the button is not visible.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * The content inside the menu button.\n   */\n  children?: ElementContent;\n  /**\n   * The position of the component relative to the text.\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * The element used as the trigger for the menu.\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * If true, closes the menu when a menu item is clicked.\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  /**\n   * If true, closes the menu when clicking inside the dialog.\n   */\n  closeDialogOnContentClick?: boolean;\n  /**\n   * The ARIA control of the menu button for accessibility.\n   */\n  \"aria-controls\"?: string;\n}\n\nconst MenuButton = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      \"aria-label\": ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = \"bottom-start\",\n      dialogClassName,\n      dialogPaddingSize = \"small\",\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [\"mouseleave\"],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false,\n      \"aria-controls\": ariaControls\n    }: MenuButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEvent);\n        if (isCloseKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isCloseKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEvent));\n      },\n      [handleMenuClose, isOpen]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set<DialogTriggerEvent>([\"clickoutside\", \"tab\", \"esckey\"]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(\"onContentClick\");\n        triggers.add(\"enter\");\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(\"tab\");\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: {\n          focusOnMount?: boolean;\n          focusItemIndexOnMount?: number;\n          onClose?: (event: React.KeyboardEvent) => void;\n        } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          if (child.props.focusItemIndexOnMount === undefined) {\n            newProps.focusItemIndexOnMount = 0;\n          }\n          triggers.delete(\"esckey\");\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type=\"popover\" role={null}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default MenuButton;\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","REACT_FORWARD_REF_TYPE","Symbol","for","isForwardRef","component","$$typeof","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","add","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","undefined","props","focusItemIndexOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","DialogContentContainer","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","useIsomorphicLayoutEffect","triggerElementProps","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","Dialog","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName"],"mappings":"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"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport {\n  type DialogOffset,\n  type DialogPosition,\n  type DialogSize,\n  type DialogStartingEdge,\n  type DialogTriggerEvent\n} from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsomorphicLayoutEffect, useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"@vibe/menu\";\n\nimport { Menu } from \"@vibe/icons\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEvent[] = [\"esckey\", \"tab\"];\n\n// Inline replacement for `react-is`'s `isForwardRef`. React tags forwardRef\n// components with the `react.forward_ref` symbol on `$$typeof`.\nconst REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\");\nconst isForwardRef = (component: unknown): boolean =>\n  component != null && (component as { $$typeof?: symbol }).$$typeof === REACT_FORWARD_REF_TYPE;\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * Class name applied to the button when the dialog is open.\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * The component used as the button icon.\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  /**\n   * The size of the button.\n   */\n  size?: MenuButtonSize;\n  /**\n   * If true, the menu is open.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index of the menu.\n   */\n  zIndex?: number;\n  /**\n   * The label of the button for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Class name applied to the menu dialog wrapper.\n   */\n  dialogClassName?: string;\n  /**\n   * The offset of the menu relative to the button.\n   */\n  dialogOffset?: DialogOffset;\n  /**\n   * The padding size inside the menu dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The position of the menu dialog relative to the button.\n   */\n  dialogPosition?: DialogPosition;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  dialogShowTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  dialogHideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The container selector in which to append the dialog.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * The starting edge alignment of the menu.\n   */\n  startingEdge?: DialogStartingEdge;\n  /**\n   * Callback fired when the menu is shown.\n   */\n  onMenuShow?: () => void;\n  /**\n   * Callback fired when the menu is hidden.\n   */\n  onMenuHide?: () => void;\n  /**\n   * The text displayed inside the button.\n   */\n  text?: string;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The tooltip content displayed when hovering over the button.\n   */\n  tooltipContent?: string;\n  /**\n   * If true, removes the tab key from the hide trigger.\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   * The triggers that cause the tooltip to show or hide.\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Class name applied to the tooltip reference wrapper.\n   */\n  tooltipReferenceClassName?: string;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, hides the menu and tooltip when the button is not visible.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * The content inside the menu button.\n   */\n  children?: ElementContent;\n  /**\n   * The position of the component relative to the text.\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * The element used as the trigger for the menu.\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * If true, closes the menu when a menu item is clicked.\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  /**\n   * If true, closes the menu when clicking inside the dialog.\n   */\n  closeDialogOnContentClick?: boolean;\n  /**\n   * The ARIA control of the menu button for accessibility.\n   */\n  \"aria-controls\"?: string;\n}\n\nconst MenuButton = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      \"aria-label\": ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = \"bottom-start\",\n      dialogClassName,\n      dialogPaddingSize = \"small\",\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [\"mouseleave\"],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false,\n      \"aria-controls\": ariaControls\n    }: MenuButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEvent);\n        if (isCloseKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isCloseKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEvent));\n      },\n      [handleMenuClose, isOpen]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set<DialogTriggerEvent>([\"clickoutside\", \"tab\", \"esckey\"]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(\"onContentClick\");\n        triggers.add(\"enter\");\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(\"tab\");\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: {\n          focusOnMount?: boolean;\n          focusItemIndexOnMount?: number;\n          onClose?: (event: React.KeyboardEvent) => void;\n        } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          if (child.props.focusItemIndexOnMount === undefined) {\n            newProps.focusItemIndexOnMount = 0;\n          }\n          triggers.delete(\"esckey\");\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type=\"popover\" role={null}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default MenuButton;\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","REACT_FORWARD_REF_TYPE","Symbol","for","isForwardRef","component","$$typeof","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","add","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","undefined","props","focusItemIndexOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","DialogContentContainer","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","useIsomorphicLayoutEffect","triggerElementProps","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","Dialog","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_4af4b33f38","focus-visible":"focus-visible_ae53f2e54b",active:"active_2c9e1da577",sizeXxs:"sizeXxs_59e529c976",sizeXs:"sizeXs_655c9e07d4",sizeSmall:"sizeSmall_29f45c3aa3",sizeMedium:"sizeMedium_1ba146ac75",sizeLarge:"sizeLarge_1bc3573db3",disabled:"disabled_19bc101761",text:"text_728844de46",innerText:"innerText_36235ea68d"};!function(n){const e="s_id-fe45efde1a3d_4_5_20";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_4af4b33f38 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_4af4b33f38:focus-visible, .wrapper_4af4b33f38.focus-visible_ae53f2e54b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_4af4b33f38:focus:not(.focus-visible_ae53f2e54b) {\n  outline: none;\n}\n.wrapper_4af4b33f38:focus-visible, .wrapper_4af4b33f38.focus-visible_ae53f2e54b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_4af4b33f38:focus:not(.focus-visible_ae53f2e54b) {\n  outline: none;\n}\n.wrapper_4af4b33f38:focus,\n.wrapper_4af4b33f38:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_4af4b33f38:active {\n  transform: scale(0.95);\n}\n.active_2c9e1da577 {\n  background-color: var(--primary-selected-color);\n}\n.active_2c9e1da577:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_2c9e1da577:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_59e529c976 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_655c9e07d4 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_29f45c3aa3 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_1ba146ac75 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_1bc3573db3 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_19bc101761 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_19bc101761:hover {\n  background-color: transparent;\n}\n.text_728844de46 {\n  width: 100%;\n}\n.innerText_36235ea68d {\n  margin: 0 var(--space-8);\n}");export{n as default};
+var n={wrapper:"wrapper_bb81fd3708","focus-visible":"focus-visible_c404949c14",active:"active_492f87d67c",sizeXxs:"sizeXxs_bcd1a344e8",sizeXs:"sizeXs_c6f9820f3c",sizeSmall:"sizeSmall_b6d8f8fd00",sizeMedium:"sizeMedium_52f3a391a4",sizeLarge:"sizeLarge_4204cce68e",disabled:"disabled_7a9396f2d2",text:"text_ac49ff020f",innerText:"innerText_01b644d8fa"};!function(n){const o="s_id-fe45efde1a3d_4_5_22";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_bb81fd3708 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_bb81fd3708:focus-visible, .wrapper_bb81fd3708.focus-visible_c404949c14 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_bb81fd3708:focus:not(.focus-visible_c404949c14) {\n  outline: none;\n}\n.wrapper_bb81fd3708:focus-visible, .wrapper_bb81fd3708.focus-visible_c404949c14 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_bb81fd3708:focus:not(.focus-visible_c404949c14) {\n  outline: none;\n}\n.wrapper_bb81fd3708:focus,\n.wrapper_bb81fd3708:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_bb81fd3708:active {\n  transform: scale(0.95);\n}\n.active_492f87d67c {\n  background-color: var(--primary-selected-color);\n}\n.active_492f87d67c:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_492f87d67c:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_bcd1a344e8 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_c6f9820f3c {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_b6d8f8fd00 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_52f3a391a4 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_4204cce68e {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_7a9396f2d2 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_7a9396f2d2:hover {\n  background-color: transparent;\n}\n.text_ac49ff020f {\n  width: 100%;\n}\n.innerText_01b644d8fa {\n  margin: 0 var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_323c82f5f4",overlay:"overlay_3f101a9b06",centerPop:"centerPop_707652b21c",anchorPop:"anchorPop_707652b21c",modal:"modal_35aab0a389",fixedPosition:"fixedPosition_a2b7ad0e1d",withHeaderAction:"withHeaderAction_eb2863c1db",sizeSmall:"sizeSmall_fb761db990",sizeMedium:"sizeMedium_2a5c96cdbf",sizeLarge:"sizeLarge_c1f51cb5e0",sizeFullView:"sizeFullView_c610632be5",containerEnter:"containerEnter_c38455da49",fullView:"fullView_c6defc03d0",containerEnterActive:"containerEnterActive_ad7f59861b",centerPopIn:"centerPopIn_e6c978a608",anchorPopIn:"anchorPopIn_66a8113b23",fullViewIn:"fullViewIn_0211c6c4ee",containerExitActive:"containerExitActive_380e65b786",centerPopOut:"centerPopOut_729014e0d7",anchorPopOut:"anchorPopOut_e6ac9ecbc6",fullViewOut:"fullViewOut_1205679b66"};!function(n){const a="s_id-72e80303fba3_4_5_20";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_323c82f5f4 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_3f101a9b06 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_707652b21c {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_707652b21c {\n  transform: translate(-50%, -50%);\n}\n\n.modal_35aab0a389 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_35aab0a389.fixedPosition_a2b7ad0e1d {\n  position: fixed;\n}\n\n.modal_35aab0a389.withHeaderAction_eb2863c1db {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_35aab0a389.sizeSmall_fb761db990 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_35aab0a389.sizeMedium_2a5c96cdbf {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_35aab0a389.sizeLarge_c1f51cb5e0 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_35aab0a389.sizeFullView_c610632be5 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_35aab0a389.sizeSmall_fb761db990 {\n    --modal-width: 480px;\n  }\n  .modal_35aab0a389.sizeMedium_2a5c96cdbf {\n    --modal-width: 580px;\n  }\n  .modal_35aab0a389.sizeLarge_c1f51cb5e0 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_35aab0a389.sizeSmall_fb761db990 {\n    --modal-width: 520px;\n  }\n  .modal_35aab0a389.sizeMedium_2a5c96cdbf {\n    --modal-width: 620px;\n  }\n  .modal_35aab0a389.sizeLarge_c1f51cb5e0 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_35aab0a389.sizeFullView_c610632be5 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_c38455da49 .overlay_3f101a9b06 {\n  opacity: 0;\n}\n\n.containerEnter_c38455da49 .centerPop_707652b21c {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_c38455da49 .anchorPop_707652b21c {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_c38455da49 .fullView_c6defc03d0 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_ad7f59861b .overlay_3f101a9b06 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_ad7f59861b .centerPop_707652b21c {\n  animation: centerPopIn_e6c978a608 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_ad7f59861b .anchorPop_707652b21c {\n  animation: anchorPopIn_66a8113b23 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_ad7f59861b .fullView_c6defc03d0 {\n  animation: fullViewIn_0211c6c4ee 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_380e65b786 .overlay_3f101a9b06 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_380e65b786 .centerPop_707652b21c {\n  animation: centerPopOut_729014e0d7 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_380e65b786 .anchorPop_707652b21c {\n  animation: anchorPopOut_e6ac9ecbc6 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_380e65b786 .fullView_c6defc03d0 {\n  animation: fullViewOut_1205679b66 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_e6c978a608 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_729014e0d7 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_66a8113b23 {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_e6ac9ecbc6 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_0211c6c4ee {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_1205679b66 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container_64e518db05",overlay:"overlay_c62af7892f",centerPop:"centerPop_ad38741043",anchorPop:"anchorPop_ad38741043",modal:"modal_3d0c3a2ec8",fixedPosition:"fixedPosition_7c0557cff2",withHeaderAction:"withHeaderAction_17f1d4f6dc",sizeSmall:"sizeSmall_d12e89732e",sizeMedium:"sizeMedium_8b22c56b54",sizeLarge:"sizeLarge_159f200ea2",sizeFullView:"sizeFullView_4a41ec733a",containerEnter:"containerEnter_11891d904f",fullView:"fullView_1979905a0c",containerEnterActive:"containerEnterActive_639c5a345c",centerPopIn:"centerPopIn_9fe6ec6e15",anchorPopIn:"anchorPopIn_48d2fe663f",fullViewIn:"fullViewIn_0a6226bd06",containerExitActive:"containerExitActive_a24326a47b",centerPopOut:"centerPopOut_f9d0b6f888",anchorPopOut:"anchorPopOut_6064368bd5",fullViewOut:"fullViewOut_908978f959"};!function(n){const a="s_id-72e80303fba3_4_5_22";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_64e518db05 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_c62af7892f {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_ad38741043 {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_ad38741043 {\n  transform: translate(-50%, -50%);\n}\n\n.modal_3d0c3a2ec8 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_3d0c3a2ec8.fixedPosition_7c0557cff2 {\n  position: fixed;\n}\n\n.modal_3d0c3a2ec8.withHeaderAction_17f1d4f6dc {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_3d0c3a2ec8.sizeSmall_d12e89732e {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_3d0c3a2ec8.sizeMedium_8b22c56b54 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_3d0c3a2ec8.sizeLarge_159f200ea2 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_3d0c3a2ec8.sizeFullView_4a41ec733a {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_3d0c3a2ec8.sizeSmall_d12e89732e {\n    --modal-width: 480px;\n  }\n  .modal_3d0c3a2ec8.sizeMedium_8b22c56b54 {\n    --modal-width: 580px;\n  }\n  .modal_3d0c3a2ec8.sizeLarge_159f200ea2 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_3d0c3a2ec8.sizeSmall_d12e89732e {\n    --modal-width: 520px;\n  }\n  .modal_3d0c3a2ec8.sizeMedium_8b22c56b54 {\n    --modal-width: 620px;\n  }\n  .modal_3d0c3a2ec8.sizeLarge_159f200ea2 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_3d0c3a2ec8.sizeFullView_4a41ec733a {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_11891d904f .overlay_c62af7892f {\n  opacity: 0;\n}\n\n.containerEnter_11891d904f .centerPop_ad38741043 {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_11891d904f .anchorPop_ad38741043 {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_11891d904f .fullView_1979905a0c {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_639c5a345c .overlay_c62af7892f {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_639c5a345c .centerPop_ad38741043 {\n  animation: centerPopIn_9fe6ec6e15 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_639c5a345c .anchorPop_ad38741043 {\n  animation: anchorPopIn_48d2fe663f 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_639c5a345c .fullView_1979905a0c {\n  animation: fullViewIn_0a6226bd06 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_a24326a47b .overlay_c62af7892f {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_a24326a47b .centerPop_ad38741043 {\n  animation: centerPopOut_f9d0b6f888 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_a24326a47b .anchorPop_ad38741043 {\n  animation: anchorPopOut_6064368bd5 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_a24326a47b .fullView_1979905a0c {\n  animation: fullViewOut_908978f959 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_9fe6ec6e15 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_f9d0b6f888 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_48d2fe663f {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_6064368bd5 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_0a6226bd06 {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_908978f959 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header_9258d00bfe",title:"title_728844de46",descriptionIcon:"descriptionIcon_6c732e6d27"};!function(e){const n="s_id-348c193d77fe_4_5_20";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_9258d00bfe {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_9258d00bfe .title_728844de46 {\n  width: 100%;\n}\n.header_9258d00bfe .descriptionIcon_6c732e6d27 {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_737bf5ab99",title:"title_ac49ff020f",descriptionIcon:"descriptionIcon_48508e3287"};!function(e){const n="s_id-348c193d77fe_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_737bf5ab99 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_737bf5ab99 .title_ac49ff020f {\n  width: 100%;\n}\n.header_737bf5ab99 .descriptionIcon_48508e3287 {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js

@@ -1,2 +1,2 @@
-var e={media:"media_2c7da5d122"};!function(e){const t="s_id-17d5de3a21d7_4_5_20";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_2c7da5d122 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media_9d18489e54"};!function(e){const t="s_id-17d5de3a21d7_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_9d18489e54 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js

@@ -1,2 +1,2 @@
-var e={actions:"actions_6e09b04ad5"};!function(e){const n="s_id-6417b75cafa5_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions_6e09b04ad5 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_cdd1635efb"};!function(e){const n="s_id-6417b75cafa5_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions_cdd1635efb {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map