@vibe/core 3.82.3 → 3.82.4

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

@@ -1 +1 @@
-{"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseListItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  isMenuOpen?: boolean,\n  autoFocus?: boolean,\n  closeMenuOnSelect?: boolean,\n  defaultValue?: T,\n  value?: T,\n  inputValueProp?: string,\n  onChange?: (option: T | T[] | null) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    initialInputValue: inputValueProp || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue }) => {\n        filterOptions(inputValue || \"\");\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\n    ),\n    onSelectedItemChange: useCallback(\n      ({ selectedItem }) => {\n        if (value === undefined) {\n          setCurrentSelectedItem(selectedItem || null);\n        }\n        if (selectedItem) {\n          onOptionSelect?.(selectedItem);\n          onChange?.(selectedItem);\n          filterOptions(\"\");\n        } else {\n          onChange?.(null);\n          filterOptions(\"\");\n        }\n      },\n      [value, onOptionSelect, filterOptions, onChange]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      switch (actionAndChanges.type) {\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n          return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...actionAndChanges.changes, inputValue: null };\n\n        default:\n          return actionAndChanges.changes;\n      }\n    }\n  });\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset: () => {\n      if (value === undefined) {\n        setCurrentSelectedItem(null);\n      }\n      reset();\n      filterOptions(\"\");\n    },\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","onSelectedItemChange","_ref3","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"qOAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBZ,GAAgB,MAAKa,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAG5CG,OAAyBC,IAAVhB,EAAsBA,EAHjBY,EAAA,GAKpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEJI,EAA2CC,EACzCzB,EACAY,EACAC,EACAS,GAJMI,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cAOnBC,EAAcL,GAAQ,WAAA,OAAMG,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAM9B,aAAU,CAAC0B,IACpFK,EAaIC,EAAe,CACjBC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBd,KAAhBc,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,kBAAmBpC,GAAkB,GACrCc,aAAcA,EACduB,OAAQ1C,EACR2C,cAAe1C,EACfY,GAAAA,EACA+B,eAAgB,SAAAC,GAASA,EAANH,OACRjC,SAAAA,IAAkBD,SAAAA,GAC5B,EAEDsC,mBAAoBC,GAClB,SAAAC,GAAmB,IAAhBC,EAAUD,EAAVC,WACDvB,EAAcuB,GAAc,IAC5B1C,SAAAA,EAAgB0C,EAClB,GACA,CAAC1C,EAAemB,IAElBwB,qBAAsBH,GACpB,SAAAI,GAAqB,IAAlBhC,EAAYgC,EAAZhC,kBACaC,IAAVhB,GACFc,EAAuBC,GAAgB,MAErCA,GACFT,SAAAA,EAAiBS,GACjBb,SAAAA,EAAWa,GACXO,EAAc,MAEdpB,SAAAA,EAAW,MACXoB,EAAc,IAEjB,GACD,CAACtB,EAAOM,EAAgBgB,EAAepB,IAEzC8C,aAAc,SAACC,EAAOC,GACpB,OAAQA,EAAiBC,MACvB,KAAKxB,EAAYyB,iBAAiBC,kBAClC,KAAK1B,EAAYyB,iBAAiBE,UAChC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,SAAO,CAAEZ,WAAY,KAAMP,QAASxC,IACnE,KAAK6B,EAAYyB,iBAAiBM,UAClC,KAAK/B,EAAYyB,iBAAiBO,kCAChC,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,UAASZ,WAAY,OAEpD,QACE,OAAOK,EAAiBO,QAE9B,IArDAG,EAAKlC,EAALkC,MAwDF,MAAO,CACLtB,OAjEMZ,EAANY,OAkEAO,WAjEUnB,EAAVmB,WAkEAgB,iBAjEgBnC,EAAhBmC,iBAkEA9C,aAAAA,EACA+C,qBAlEoBpC,EAApBoC,qBAmEAC,cAlEarC,EAAbqC,cAmEAC,aAlEYtC,EAAZsC,aAmEAC,cAlEavC,EAAbuC,cAmEAC,aAlEYxC,EAAZwC,aAmEAN,MAAO,gBACS5C,IAAVhB,GACFc,EAAuB,MAEzB8C,IACAtC,EAAc,GACf,EACDD,gBAAAA,EACA8C,SAzEQzC,EAARyC,SA0EAC,WAzEU1C,EAAV0C,WA0EAC,UAzES3C,EAAT2C,UA2EJ"}
+{"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  isMenuOpen?: boolean,\n  autoFocus?: boolean,\n  closeMenuOnSelect?: boolean,\n  defaultValue?: T,\n  value?: T,\n  inputValueProp?: string,\n  onChange?: (option: T | T[] | null) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    initialInputValue: inputValueProp || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue }) => {\n        filterOptions(inputValue || \"\");\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\n    ),\n    onSelectedItemChange: useCallback(\n      ({ selectedItem }) => {\n        if (value === undefined) {\n          setCurrentSelectedItem(selectedItem || null);\n        }\n        if (selectedItem) {\n          onOptionSelect?.(selectedItem);\n          onChange?.(selectedItem);\n          filterOptions(\"\");\n        } else {\n          onChange?.(null);\n          filterOptions(\"\");\n        }\n      },\n      [value, onOptionSelect, filterOptions, onChange]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      switch (actionAndChanges.type) {\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n          return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...actionAndChanges.changes, inputValue: null };\n\n        default:\n          return actionAndChanges.changes;\n      }\n    }\n  });\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset: () => {\n      if (value === undefined) {\n        setCurrentSelectedItem(null);\n      }\n      reset();\n      filterOptions(\"\");\n    },\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","setCurrentSelectedItem","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","onSelectedItemChange","_ref3","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"qOAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAAC,EAAsDC,EAAmBZ,GAAgB,MAAKa,EAAAC,EAAAH,EAAA,GAAlEI,EAAsBF,EAAA,GAG5CG,OAAyBC,IAAVhB,EAAsBA,EAHjBY,EAAA,GAKpBK,EAAmCC,GAAQ,WAC/C,OAAOH,EAAe,CAACA,GAAgB,EACzC,GAAG,CAACA,IAEJI,EAA2CC,EACzCzB,EACAY,EACAC,EACAS,GAJMI,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cAOnBC,EAAcL,GAAQ,WAAA,OAAMG,EAAgBG,SAAQ,SAAAC,GAAK,OAAIA,EAAM9B,aAAU,CAAC0B,IACpFK,EAaIC,EAAe,CACjBC,MAAOL,EACPM,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBd,KAAhBc,aAAA,EAAAA,EAAM9B,OAA6B8B,EAAK9B,MAAZkC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,kBAAmBpC,GAAkB,GACrCc,aAAcA,EACduB,OAAQ1C,EACR2C,cAAe1C,EACfY,GAAAA,EACA+B,eAAgB,SAAAC,GAASA,EAANH,OACRjC,SAAAA,IAAkBD,SAAAA,GAC5B,EAEDsC,mBAAoBC,GAClB,SAAAC,GAAmB,IAAhBC,EAAUD,EAAVC,WACDvB,EAAcuB,GAAc,IAC5B1C,SAAAA,EAAgB0C,EAClB,GACA,CAAC1C,EAAemB,IAElBwB,qBAAsBH,GACpB,SAAAI,GAAqB,IAAlBhC,EAAYgC,EAAZhC,kBACaC,IAAVhB,GACFc,EAAuBC,GAAgB,MAErCA,GACFT,SAAAA,EAAiBS,GACjBb,SAAAA,EAAWa,GACXO,EAAc,MAEdpB,SAAAA,EAAW,MACXoB,EAAc,IAEjB,GACD,CAACtB,EAAOM,EAAgBgB,EAAepB,IAEzC8C,aAAc,SAACC,EAAOC,GACpB,OAAQA,EAAiBC,MACvB,KAAKxB,EAAYyB,iBAAiBC,kBAClC,KAAK1B,EAAYyB,iBAAiBE,UAChC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,SAAO,CAAEZ,WAAY,KAAMP,QAASxC,IACnE,KAAK6B,EAAYyB,iBAAiBM,UAClC,KAAK/B,EAAYyB,iBAAiBO,kCAChC,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,UAASZ,WAAY,OAEpD,QACE,OAAOK,EAAiBO,QAE9B,IArDAG,EAAKlC,EAALkC,MAwDF,MAAO,CACLtB,OAjEMZ,EAANY,OAkEAO,WAjEUnB,EAAVmB,WAkEAgB,iBAjEgBnC,EAAhBmC,iBAkEA9C,aAAAA,EACA+C,qBAlEoBpC,EAApBoC,qBAmEAC,cAlEarC,EAAbqC,cAmEAC,aAlEYtC,EAAZsC,aAmEAC,cAlEavC,EAAbuC,cAmEAC,aAlEYxC,EAAZwC,aAmEAN,MAAO,gBACS5C,IAAVhB,GACFc,EAAuB,MAEzB8C,IACAtC,EAAc,GACf,EACDD,gBAAAA,EACA8C,SAzEQzC,EAARyC,SA0EAC,WAzEU1C,EAAV0C,WA0EAC,UAzES3C,EAAT2C,UA2EJ"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDropdownSelect.js","sources":["../../../../../../src/components/next/Dropdown/hooks/useDropdownSelect.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useSelect } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownSelect<T extends BaseListItemData<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":"kNAMA,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/next/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":"kNAMA,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/next/Dropdown/modes/DropdownComboboxController.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMultiSelectController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownMultiSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiSelect from \"../hooks/useDropdownMultiSelect\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiSelectController = <Item extends BaseListItemData<Record<string, unknown>>>(\n  props: DropdownMultiControllerProps<Item>\n) => {\n  const {\n    options,\n    isMenuOpen: isMenuOpenProp,\n    autoFocus,\n    defaultValue,\n    value,\n    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":"6NAOA,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/next/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":"6NAOA,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/next/Dropdown/modes/DropdownSelectController.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSelectController.js","sources":["../../../../../../src/components/next/Dropdown/modes/DropdownSelectController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownSingleControllerProps } from \"../Dropdown.types\";\nimport useDropdownSelect from \"../hooks/useDropdownSelect\";\nimport { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownSelectController = <Item extends BaseListItemData<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":"wNAOA,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/next/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":"wNAOA,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/next/Dropdown/utils/dropdownUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownUtils.js","sources":["../../../../../../src/components/next/Dropdown/utils/dropdownUtils.ts"],"sourcesContent":["import { type BaseListItemData } from \"../../../BaseListItem\";\nimport { type ListGroup } from \"../../../BaseList\";\n\nexport function normalizeOptions<Item extends BaseListItemData>(\n  options: ListGroup<Item>[] | BaseListItemData<Item>[],\n  filter?: string,\n  filterOption?: (option: Item, inputValue: string) => boolean,\n  showSelectedOptions = true,\n  selectedItems: Item[] = []\n): ListGroup<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 ListGroup<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 BaseListItemData<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,EAA8BqB,SAAQ,SAAAC,GACrC,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/next/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"}

package/dist/style/dist/index.min.css.js

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-bc5763391c34_3_82_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-bc5763391c34_3_82_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.82.3",
+  "version": "3.82.4",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -91,7 +91,7 @@
   "dependencies": {
     "@popperjs/core": "2.11.6",
     "@vibe/base": "3.0.4",
-    "@vibe/button": "3.0.12",
+    "@vibe/button": "3.0.13",
     "@vibe/clickable": "3.0.2",
     "@vibe/dialog": "3.0.7",
     "@vibe/hooks": "3.0.2",
@@ -281,5 +281,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "4b96081f7fe215c37adab6f4ffcec355fb0d0467"
+  "gitHead": "96981660b69c570fda4854724bbf84fc320b6e6b"
 }

package/dist/components/BaseList/index.d.ts

@@ -1,2 +0,0 @@
-export { default as BaseList } from "./BaseList";
-export * from "./BaseList.types";

package/dist/components/BaseListItem/index.d.ts

@@ -1,2 +0,0 @@
-export { default as BaseListItem } from "./BaseListItem";
-export * from "./BaseListItem.types";

package/dist/mocked_classnames/components/BaseList/index.d.ts

@@ -1,2 +0,0 @@
-export { default as BaseList } from "./BaseList";
-export * from "./BaseList.types";

package/dist/mocked_classnames/components/BaseListItem/index.d.ts

@@ -1,2 +0,0 @@
-export { default as BaseListItem } from "./BaseListItem";
-export * from "./BaseListItem.types";

package/dist/mocked_classnames/src/components/BaseList/BaseList.js

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

package/dist/mocked_classnames/src/components/BaseList/BaseList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseList.js","sources":["../../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseListItem from \"../BaseListItem/BaseListItem\";\nimport styles from \"./BaseList.module.scss\";\nimport { type BaseListProps } from \"./BaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { type TextType } from \"../Text\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\nimport { Divider } from \"../Divider\";\n\nconst BaseList = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      options,\n      selectedItems,\n      highlightedIndex,\n      menuAriaLabel,\n      getMenuProps,\n      getItemProps,\n      size = \"medium\",\n      withGroupDivider = false,\n      dir = \"ltr\",\n      itemRenderer,\n      menuRenderer,\n      noOptionsMessage = \"No results\",\n      stickyGroupTitle = false,\n      renderOptions = true,\n      onScroll,\n      maxMenuHeight = 300\n    }: BaseListProps<Item>,\n    ref: React.Ref<HTMLUListElement>\n  ) => {\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n    const defaultContent = renderOptions ? (\n      options.every(group => group.options?.length === 0) ? (\n        <div role=\"status\">\n          {typeof noOptionsMessage === \"string\" ? (\n            <Flex justify=\"center\">\n              <BaseListItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n            </Flex>\n          ) : (\n            noOptionsMessage\n          )}\n        </div>\n      ) : (\n        options.map((group, groupIndex) => (\n          <React.Fragment key={group.label ?? groupIndex}>\n            {group.label && (\n              <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n                <Text type={textVariant} color=\"inherit\">\n                  {group.label}\n                </Text>\n              </li>\n            )}\n            {group.options.map((option, itemIndex) => {\n              const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n              const isHighlighted =\n                highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n              const isSelected =\n                selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n              return (\n                <BaseListItem<Item>\n                  itemProps={itemProps}\n                  key={typeof option.value === \"string\" ? option.value : itemIndex}\n                  size={size}\n                  highlighted={isHighlighted}\n                  selected={isSelected}\n                  itemRenderer={itemRenderer}\n                  item={option}\n                  role=\"option\"\n                />\n              );\n            })}\n            {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n          </React.Fragment>\n        ))\n      )\n    ) : null;\n\n    return (\n      <ul\n        ref={ref}\n        dir={dir}\n        className={styles.wrapper}\n        {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n        onScroll={onScroll}\n        style={{ maxHeight: maxMenuHeight }}\n      >\n        {menuRenderer && renderOptions\n          ? menuRenderer({\n              children: defaultContent,\n              filteredOptions: options,\n              selectedItem: selectedItems?.[0] || null,\n              selectedItems: selectedItems || []\n            })\n          : defaultContent}\n      </ul>\n    );\n  }\n);\n\nexport default BaseList as <Item extends Record<string, unknown>>(\n  props: BaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["BaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseListItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"iWAUMA,IAAAA,EAAWC,GACf,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAAaC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAG1FxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js.map

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