@vibe/core 3.86.0 → 4.0.0-alpha.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction } from \"es-toolkit\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Search from \"../Search/Search\";\nimport { Button } from \"@vibe/button\";\nimport { Text } from \"@vibe/typography\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport {\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IComboboxOption,\n  COMBOBOX_LISTBOX_ID,\n  type IComboboxCategory\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { type ComboboxSizes } from \"./Combobox.types\";\nimport type { IconButton } from \"@vibe/icon-button\";\nimport type MenuButton from \"../MenuButton/MenuButton\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n  /**\n   * Class name applied to each option item.\n   */\n  optionClassName?: string;\n  /**\n   * Class name applied to the search wrapper.\n   */\n  searchWrapperClassName?: string;\n  /**\n   * Class name applied to the sticky category header.\n   */\n  stickyCategoryClassName?: string;\n  /**\n   * Placeholder text displayed in the search input.\n   */\n  placeholder?: string;\n  /**\n   * Message displayed when no results are found.\n   */\n  noResultsMessage?: string;\n  /**\n   * If true, the combobox is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The list of available options.\n   */\n  options?: IComboboxOption[];\n  /**\n   * The list of available categories.\n   */\n  categories?: IComboboxCategoryMap;\n  /**\n   * If true, displays a divider between category sections.\n   */\n  withCategoriesDivider?: boolean;\n  /**\n   * The size of the combobox.\n   */\n  size?: ComboboxSizes;\n  /**\n   * The height of each option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * The height of the options list.\n   */\n  optionsListHeight?: number;\n  /**\n   * If true, the search input is focused when the component mounts.\n   */\n  autoFocus?: boolean;\n  /**\n   * Callback fired when the \"Add new\" button is clicked.\n   */\n  onAddNew?: (value: string) => void;\n  /**\n   * Label displayed for the \"Add new\" button.\n   */\n  addNewLabel?: ((label: string) => ElementContent) | string;\n  /**\n   * Custom filter function for searching options.\n   */\n  filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n  /**\n   * The default search input\n   */\n  defaultFilter?: string;\n  /**\n   * If true, disables filtering.\n   */\n  disableFilter?: boolean;\n  /**\n   * Controlled search input value.\n   */\n  filterValue?: string;\n  /**\n   * Callback fired when the search input value changes.\n   */\n  onFilterChanged?: (value: string) => void;\n  /**\n   * If true, displays a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Callback fired when an option is hovered.\n   */\n  onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n  /**\n   * Callback fired when the mouse leaves an option.\n   */\n  onOptionLeave?: () => void;\n  /**\n   * If true, automatically scrolls to the selected option.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * Custom renderer for when no results are found.\n   */\n  noResultsRenderer?: () => JSX.Element;\n  /**\n   * If true, keeps categories visible when scrolling.\n   */\n  stickyCategories?: boolean;\n  /**\n   * If true, visually focuses the first item by default.\n   */\n  defaultVisualFocusFirstIndex?: boolean;\n  /**\n   * If true, clears the search input when an option is selected.\n   */\n  clearFilterOnSelection?: boolean;\n  /**\n   * Custom renderer for options.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * Maximum number of options displayed before scrolling.\n   */\n  maxOptionsWithoutScroll?: number;\n  /**\n   * If true, renders only visible options for performance optimization.\n   */\n  renderOnlyVisibleOptions?: boolean;\n  /**\n   * Callback fired when an option is clicked.\n   */\n  onClick?: (optionData: IComboboxOption) => void;\n  /**\n   * Custom search icon.\n   */\n  searchIcon?: SubIcon;\n  /**\n   * ARIA label for the search input.\n   */\n  searchInputAriaLabel?: string;\n  /**\n   * The debounce rate for filtering.\n   */\n  debounceRate?: number;\n  /**\n   * Ref for the search input element.\n   */\n  searchInputRef?: React.RefObject<HTMLInputElement>;\n  /**\n   * Additional action button inside the search input.\n   */\n  renderAction?: React.ReactElement<typeof IconButton | typeof MenuButton>;\n  /**\n   * If true, hides the additional action when the user types in the search input.\n   */\n  hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox = forwardRef(\n  (\n    {\n      className = \"\",\n      optionClassName = \"\",\n      searchWrapperClassName,\n      stickyCategoryClassName,\n      searchIcon,\n      id = \"\",\n      placeholder = \"\",\n      size = \"medium\",\n      defaultVisualFocusFirstIndex,\n      optionLineHeight = 32,\n      optionsListHeight,\n      autoFocus = false,\n      disabled = false,\n      options = [],\n      categories,\n      withCategoriesDivider = false,\n      noResultsMessage = \"No results found\",\n      onAddNew,\n      addNewLabel = \"Add new\",\n      onClick = (_optionData: IComboboxOption) => {},\n      filter = defaultFilter,\n      disableFilter = false,\n      filterValue: filterValueProp,\n      onFilterChanged,\n      loading = false,\n      onOptionHover = NOOP,\n      onOptionLeave = NOOP,\n      shouldScrollToSelectedItem = true,\n      noResultsRenderer,\n      stickyCategories = false,\n      optionRenderer = null,\n      renderOnlyVisibleOptions = false,\n      clearFilterOnSelection = false,\n      maxOptionsWithoutScroll,\n      defaultFilter: defaultFilterValue = \"\",\n      searchInputAriaLabel = \"Search for content\",\n      \"data-testid\": dataTestId,\n      debounceRate,\n      searchInputRef,\n      renderAction: RenderAction,\n      hideRenderActionOnInput\n    }: ComboboxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"Combobox\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead.\"\n    });\n\n    const componentRef = useRef(null);\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n    const [filterValue, setFilterValue] = useState(filterValueProp || defaultFilterValue);\n\n    if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n      setFilterValue(filterValueProp);\n    }\n\n    const onChangeCallback = useCallback(\n      (value: string) => {\n        setActiveOptionIndex(-1);\n        if (onFilterChanged) {\n          onFilterChanged(value);\n        }\n        setFilterValue(value);\n      },\n      [setFilterValue, onFilterChanged]\n    );\n\n    const onOptionHoverCB = useCallback(\n      (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n        onOptionHover(event, index, option);\n      },\n      [onOptionHover]\n    );\n\n    const filteredOptions: IComboboxOption[] = useMemo(() => {\n      if (disableFilter) {\n        return options;\n      }\n      return filter(filterValue, options);\n    }, [options, filterValue, filter, disableFilter]);\n\n    const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n    const isChildSelectable = useCallback(\n      (index: number) => {\n        return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n      },\n      [filteredOptions]\n    );\n\n    const onAddNewCallback = useCallback(() => {\n      onAddNew && onAddNew(filterValue);\n      // clear filter after adding\n      setFilterValue(\"\");\n    }, [onAddNew, filterValue, setFilterValue]);\n\n    const hasResults = filteredOptions.length > 0;\n    const hasFilter = filterValue.length > 0;\n\n    function getAddNewLabel() {\n      if (isFunction(addNewLabel)) {\n        return addNewLabel(filterValue);\n      }\n      return addNewLabel;\n    }\n\n    function renderNoResults() {\n      if (noResultsRenderer) {\n        return noResultsRenderer();\n      }\n\n      return (\n        <div className={styles.comboboxNoResults}>\n          <div className={styles.comboboxMessageWrapper}>\n            <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n          </div>\n          {onAddNew && !disabled && (\n            <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n              <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n            </Button>\n          )}\n        </div>\n      );\n    }\n\n    const [activeCategory, setActiveCategory] = useState<IComboboxCategory>();\n\n    const onActiveCategoryChanged = useCallback(\n      (categoryData: IComboboxItem) => {\n        if (categoryData?.category?.label !== activeCategory?.label) {\n          setActiveCategory(categoryData?.category);\n        }\n      },\n      [activeCategory]\n    );\n\n    const { items, itemsMap, selectableItems } = useItemsData({\n      categories,\n      options: filteredOptions,\n      filterValue,\n      withCategoriesDivider,\n      optionLineHeight\n    });\n\n    const overrideOnClick = useCallback(\n      (_event: React.MouseEvent | React.KeyboardEvent, itemIndex: number) => {\n        onClick(selectableItems[itemIndex]);\n        if (isChildSelectable(itemIndex)) {\n          setActiveOptionIndex(itemIndex);\n        }\n        if (clearFilterOnSelection) {\n          // clear filter after adding\n          onChangeCallback(\"\");\n        }\n      },\n      [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n    );\n\n    const {\n      visualFocusItemIndex,\n      visualFocusItemId,\n      onOptionClick: overrideOnOptionClick\n    } = useKeyboardNavigation({\n      getOptionId,\n      defaultVisualFocusFirstIndex,\n      onClick: overrideOnClick,\n      isChildSelectable,\n      options: selectableItems,\n      inputRef: mergedInputRef\n    });\n\n    return (\n      <Text\n        type=\"text2\"\n        ref={mergedRef}\n        className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n          [styles.empty]: !hasResults,\n          [styles.stickyCategory]: stickyCategories\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n        ellipsis={false}\n        data-vibe={ComponentVibeId.COMBOBOX}\n      >\n        <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n          <Search\n            ref={mergedInputRef}\n            value={filterValue}\n            className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n            inputAriaLabel={searchInputAriaLabel}\n            currentAriaResultId={visualFocusItemId}\n            id=\"combobox-search\"\n            placeholder={placeholder}\n            size={size}\n            disabled={disabled}\n            onChange={onChangeCallback}\n            autoFocus={autoFocus}\n            loading={loading}\n            searchIconName={searchIcon}\n            ariaExpanded={hasFilter || hasResults}\n            ariaHasPopup=\"listbox\"\n            searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n            debounceRate={debounceRate}\n            renderAction={RenderAction}\n            hideRenderActionOnInput={hideRenderActionOnInput}\n          />\n          {stickyCategories && (\n            <StickyCategoryHeader\n              label={activeCategory?.label}\n              color={activeCategory?.color}\n              className={stickyCategoryClassName}\n            />\n          )}\n          {hasResults && (\n            <ComboboxItems\n              stickyCategories={stickyCategories}\n              categories={categories}\n              options={items}\n              itemsMap={itemsMap}\n              optionClassName={optionClassName}\n              optionRenderer={optionRenderer}\n              activeItemIndex={activeOptionIndex}\n              onActiveCategoryChanged={onActiveCategoryChanged}\n              onOptionClick={overrideOnOptionClick}\n              onOptionEnter={onOptionHoverCB}\n              onOptionLeave={onOptionLeave}\n              optionLineHeight={optionLineHeight}\n              shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n              renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n              maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n              visualFocusItemIndex={visualFocusItemIndex}\n              id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n            />\n          )}\n        </div>\n        {hasFilter && !hasResults && !loading && renderNoResults()}\n      </Text>\n    );\n  }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\nexport default Combobox;\n"],"names":["Combobox","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","stickyCategoryClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","useWarnDeprecated","component","message","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategory","setActiveCategory","onActiveCategoryChanged","categoryData","category","_a","label","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","ComponentVibeId","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","ariaExpanded","ariaHasPopup","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var o={combobox:"combobox_99bedd840a",stickyCategory:"stickyCategory_989c81411b",comboboxCategory:"comboboxCategory_6aa5c16179",sizeSmall:"sizeSmall_6bbaa27b6d",sizeMedium:"sizeMedium_c3507f9310",sizeLarge:"sizeLarge_6bbaa27b6d",empty:"empty_07a9f867b3",comboboxSearchWrapper:"comboboxSearchWrapper_63acea124f",comboboxNoResults:"comboboxNoResults_2fcd7aed3a",comboboxMessageWrapper:"comboboxMessageWrapper_86534cfd33",comboboxMessage:"comboboxMessage_efa4fc98ff",addNewButton:"addNewButton_657780f340",buttonLabel:"buttonLabel_efa4fc98ff",comboboxList:"comboboxList_0119862691"};!function(o){const e="s_id-140391bb7df9_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_99bedd840a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n.combobox_99bedd840a.stickyCategory_989c81411b .comboboxCategory_6aa5c16179 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_99bedd840a.stickyCategory_989c81411b.sizeSmall_6bbaa27b6d .comboboxCategory_6aa5c16179 {\n  top: 32px;\n}\n.combobox_99bedd840a.stickyCategory_989c81411b.sizeMedium_c3507f9310 .comboboxCategory_6aa5c16179 {\n  top: 40px;\n}\n.combobox_99bedd840a.stickyCategory_989c81411b.sizeLarge_6bbaa27b6d .comboboxCategory_6aa5c16179 {\n  top: 48px;\n}\n.combobox_99bedd840a.empty_07a9f867b3 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_63acea124f {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_2fcd7aed3a {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_2fcd7aed3a .comboboxMessageWrapper_86534cfd33 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_2fcd7aed3a .comboboxMessageWrapper_86534cfd33 .comboboxMessage_efa4fc98ff {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_2fcd7aed3a .addNewButton_657780f340 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_2fcd7aed3a .addNewButton_657780f340 .buttonLabel_efa4fc98ff {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_0119862691 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
-//# sourceMappingURL=Combobox.module.scss.js.map

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

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

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import o,{useMemo as i}from"react";import n from"classnames";import r from"../components/ComboboxOption/ComboboxOption.js";import s from"../components/ComboboxCategory/ComboboxCategory.js";import a from"../../Divider/Divider.js";import{COMBOBOX_DIVIDER_ITEM as c,COMBOBOX_CATEGORY_ITEM as l,COMBOBOX_OPTION_ITEM as m}from"../components/ComboboxConstants.js";import d from"../../../hooks/useActiveDescendantListFocus/index.js";import{getOptionsByCategories as u}from"../ComboboxService.js";import p from"../components/ComboboxItems/ComboboxItems.module.scss.js";import g from"./ComboboxHelpers.module.scss.js";var h=17,v=32;function f(t){var o=t.categories,r=t.options,s=t.filterValue,a=t.withCategoriesDivider,c=t.optionLineHeight;return i((function(){var t=[],i=[],l=new Map;if(o){var m=u(r,o,s),d=0;Object.keys(m).forEach((function(r,s){var u=a&&0!==s;u&&t.push(I({categoryId:r}));var g=m[r].length>0,h=0===s,v=b({categoryId:r,categoryData:o[r],withDivider:u,className:n(e(e(e({},p.categoryWithOptions,g),p.categoryWithoutOptions,!g),p.firstCategory,h))});t.push(v),l.set(r,v),m[r].forEach((function(e){var o=C({height:c,option:e,index:d,categoryId:v.id});l.set(o.id,o),t.push(o),i.push(e),d++}))}))}else i=r,t=r.map((function(e,t){return C({height:c,option:e,index:t})}));return{items:t,itemsMap:l,selectableItems:i}}),[o,r,s,a,c])}function y(e){var t=e.defaultVisualFocusFirstIndex,o=e.inputRef,n=e.onClick,r=e.isChildSelectable,s=e.options,a=e.getOptionId,c=i((function(){return s.map((function(e,t){return a(null==e?void 0:e.id,t)}))}),[a,s]),l=d({defaultVisualFocusFirstIndex:t,focusedElementRef:o,focusedElementRole:d.roles.COMBOBOX,itemsIds:c,onItemClick:n,isItemSelectable:r,isIgnoreSpaceAsItemSelection:!0});return{visualFocusItemIndex:l.visualFocusItemIndex,visualFocusItemId:l.visualFocusItemId,onOptionClick:l.onItemClickCallback}}function I(e){return{type:c,height:h,id:"".concat(e.categoryId,"-divider")}}function b(e){return{height:v,type:l,category:e.categoryData,id:e.categoryId,withDivider:e.withDivider,className:e.className}}function C(e){var t=e.option,o=e.index;return{type:m,height:e.height,belongToCategory:!0,index:o,option:t,id:t.id||""+o,optionRenderer:e.optionRenderer,isActive:e.isActive,optionLineHeight:e.optionLineHeight,shouldScrollToSelectedItem:e.shouldScrollToSelectedItem,categoryId:e.categoryId}}function x(e){var i,r,s=e.item,a=e.style,d=e.optionEvents,u=e.optionRenderData,p=e.isVirtualized,h=e.stickyCategories,v=s.type,f=t(s,["type"]);switch(v){case c:r=O({id:f.id,height:f.height});break;case l:r=k({id:f.id,category:f.category,className:f.className}),h&&!p&&(i=g.sticky);break;case m:r=j(Object.assign(Object.assign(Object.assign({},f),d),u))}return o.createElement("div",{key:f.id,className:n(g.comboboxItemContainer,i),style:a},r)}function O(e){return o.createElement("div",{className:g.dividerContainer,style:{height:e.height}},o.createElement(a,{className:g.divider,key:e.id}))}function k(e){return o.createElement(s,{key:e.id,category:e.category,className:e.className})}function j(e){var t=e.index,i=e.onOptionEnter;return o.createElement(r,{className:e.className,index:t,key:e.id,option:e.option,optionRenderer:e.optionRenderer,scrollRef:e.scrollRef,isActive:e.activeItemIndex===t,visualFocus:t===e.visualFocusItemIndex,onOptionClick:e.onOptionClick,onOptionHover:i,onOptionLeave:e.onOptionLeave,onOptionEnter:i,optionLineHeight:e.optionLineHeight,shouldScrollWhenActive:e.shouldScrollToSelectedItem})}export{k as categoryItemRenderer,x as comboboxItemRenderer,b as createCategoryItemObject,I as createDividerItemObject,C as createOptionItemObject,O as dividerItemRenderer,j as optionItemRenderer,f as useItemsData,y as useKeyboardNavigation};
-//# sourceMappingURL=ComboboxHelpers.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxHelpers.js","sources":["../../../../../src/components/Combobox/ComboboxHelpers/ComboboxHelpers.tsx"],"sourcesContent":["import React, { type CSSProperties, type MutableRefObject, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ComboboxOption from \"../components/ComboboxOption/ComboboxOption\";\nimport ComboboxCategory from \"../components/ComboboxCategory/ComboboxCategory\";\nimport Divider from \"../../Divider/Divider\";\nimport {\n  COMBOBOX_DIVIDER_ITEM,\n  COMBOBOX_CATEGORY_ITEM,\n  COMBOBOX_OPTION_ITEM,\n  type IComboboxCategory,\n  type IComboboxOption,\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IOptionItemRendererArgs,\n  type IComboboxOptionEvents\n} from \"../components/ComboboxConstants\";\nimport useActiveDescendantListFocus from \"../../../hooks/useActiveDescendantListFocus\";\nimport { getOptionsByCategories } from \"../ComboboxService\";\nimport comboboxItemsStyles from \"../components/ComboboxItems/ComboboxItems.module.scss\";\nimport styles from \"./ComboboxHelpers.module.scss\";\n\nconst DIVIDER_HEIGHT = 17;\nconst CATEGORY_HEIGHT = 32;\n\nexport function useItemsData({\n  categories,\n  options,\n  filterValue,\n  withCategoriesDivider,\n  optionLineHeight\n}: {\n  categories: IComboboxCategoryMap;\n  options: IComboboxOption[];\n  filterValue: string;\n  withCategoriesDivider: boolean;\n  optionLineHeight: number;\n}) {\n  return useMemo(() => {\n    let items: IComboboxItem[] = [];\n    let selectableItems: IComboboxOption[] = [];\n    const itemsMap = new Map();\n\n    if (categories) {\n      const optionsByCategories = getOptionsByCategories(options, categories, filterValue);\n      let optionIndex = 0;\n      Object.keys(optionsByCategories).forEach((categoryId, categoryIndex) => {\n        const withDivider = withCategoriesDivider && categoryIndex !== 0;\n        if (withDivider) {\n          items.push(createDividerItemObject({ categoryId }));\n        }\n\n        const isCategoryWithOptions = optionsByCategories[categoryId].length > 0;\n        const isFirstCategory = categoryIndex === 0;\n\n        const categoryObject = createCategoryItemObject({\n          categoryId,\n          categoryData: categories[categoryId],\n          withDivider,\n          className: cx({\n            [comboboxItemsStyles.categoryWithOptions]: isCategoryWithOptions,\n            [comboboxItemsStyles.categoryWithoutOptions]: !isCategoryWithOptions,\n            [comboboxItemsStyles.firstCategory]: isFirstCategory\n          })\n        });\n\n        // save category object in both items array and categories map\n        items.push(categoryObject);\n        itemsMap.set(categoryId, categoryObject);\n\n        optionsByCategories[categoryId].forEach((option: IComboboxOption) => {\n          const itemObject = createOptionItemObject({\n            height: optionLineHeight,\n            option,\n            index: optionIndex,\n            categoryId: categoryObject.id\n          });\n\n          itemsMap.set(itemObject.id, itemObject);\n          items.push(itemObject);\n          selectableItems.push(option);\n          optionIndex++;\n        });\n      });\n    } else {\n      selectableItems = options;\n      items = options.map((option, index) => {\n        return createOptionItemObject({\n          height: optionLineHeight,\n          option,\n          index\n        });\n      });\n    }\n    return { items, itemsMap, selectableItems };\n  }, [categories, options, filterValue, withCategoriesDivider, optionLineHeight]);\n}\n\nexport function useKeyboardNavigation({\n  defaultVisualFocusFirstIndex,\n  inputRef,\n  onClick,\n  isChildSelectable,\n  options,\n  getOptionId\n}: {\n  defaultVisualFocusFirstIndex?: boolean;\n  inputRef: MutableRefObject<HTMLElement>;\n  onClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  isChildSelectable: (index: number) => boolean;\n  options: IComboboxOption[];\n  getOptionId: (optionId: string, index: number) => string;\n}) {\n  const filteredOptionsIds = useMemo(\n    () => options.map((option: IComboboxOption, index: number) => getOptionId(option?.id, index)),\n    [getOptionId, options]\n  );\n\n  const {\n    visualFocusItemIndex,\n    visualFocusItemId,\n    onItemClickCallback: onOptionClick\n  } = useActiveDescendantListFocus({\n    defaultVisualFocusFirstIndex,\n    focusedElementRef: inputRef,\n    focusedElementRole: useActiveDescendantListFocus.roles.COMBOBOX,\n    itemsIds: filteredOptionsIds,\n    onItemClick: onClick,\n    isItemSelectable: isChildSelectable,\n    isIgnoreSpaceAsItemSelection: true\n  });\n\n  return { visualFocusItemIndex, visualFocusItemId, onOptionClick };\n}\nexport function createDividerItemObject({ categoryId }: { categoryId: string }): IComboboxItem {\n  return { type: COMBOBOX_DIVIDER_ITEM, height: DIVIDER_HEIGHT, id: `${categoryId}-divider` };\n}\n\nexport function createCategoryItemObject({\n  withDivider,\n  categoryId,\n  categoryData,\n  className\n}: {\n  withDivider: boolean;\n  categoryId: string;\n  categoryData: IComboboxCategory;\n  className: string;\n}): IComboboxItem {\n  return {\n    height: CATEGORY_HEIGHT,\n    type: COMBOBOX_CATEGORY_ITEM,\n    category: categoryData,\n    id: categoryId,\n    withDivider,\n    className\n  };\n}\n\nexport function createOptionItemObject({\n  option,\n  height,\n  index,\n  optionRenderer,\n  isActive,\n  optionLineHeight,\n  shouldScrollToSelectedItem,\n  categoryId\n}: {\n  option?: IComboboxOption;\n  height?: number;\n  index?: number;\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  isActive?: boolean;\n  optionLineHeight?: number;\n  shouldScrollToSelectedItem?: boolean;\n  categoryId?: string;\n}): IComboboxItem {\n  return {\n    type: COMBOBOX_OPTION_ITEM,\n    height,\n    belongToCategory: true,\n    index,\n    option,\n    id: option.id || index.toString(),\n    optionRenderer,\n    isActive,\n    optionLineHeight,\n    shouldScrollToSelectedItem,\n    categoryId\n  };\n}\n\nexport function comboboxItemRenderer({\n  item,\n  style,\n  optionEvents,\n  optionRenderData,\n  isVirtualized,\n  stickyCategories\n}: {\n  item: IComboboxItem;\n  style: CSSProperties;\n  optionEvents: IComboboxOptionEvents;\n  optionRenderData: any;\n  isVirtualized: boolean;\n  stickyCategories?: boolean;\n}) {\n  const { type, ...otherArgs } = item;\n  let customClassNames;\n  let innerElement;\n  switch (type) {\n    case COMBOBOX_DIVIDER_ITEM: {\n      innerElement = dividerItemRenderer({ id: otherArgs.id, height: otherArgs.height });\n      break;\n    }\n    case COMBOBOX_CATEGORY_ITEM: {\n      innerElement = categoryItemRenderer({\n        id: otherArgs.id,\n        category: otherArgs.category,\n        className: otherArgs.className\n      });\n      if (stickyCategories && !isVirtualized) {\n        customClassNames = styles.sticky;\n      }\n      break;\n    }\n    case COMBOBOX_OPTION_ITEM: {\n      innerElement = optionItemRenderer({\n        ...otherArgs,\n        ...optionEvents,\n        ...optionRenderData\n      });\n      break;\n    }\n  }\n\n  return (\n    <div key={otherArgs.id} className={cx(styles.comboboxItemContainer, customClassNames)} style={style}>\n      {innerElement}\n    </div>\n  );\n}\n\nexport function dividerItemRenderer({ id, height }: { id: string; height: number }) {\n  return (\n    <div className={styles.dividerContainer} style={{ height: height }}>\n      <Divider className={styles.divider} key={id} />\n    </div>\n  );\n}\n\nexport function categoryItemRenderer({\n  id,\n  category,\n  className\n}: {\n  id: string;\n  category: IComboboxCategory;\n  className: string;\n}) {\n  return <ComboboxCategory key={id} category={category} className={className} />;\n}\n\nexport function optionItemRenderer({\n  id,\n  index,\n  option,\n  className,\n  onOptionClick,\n  onOptionEnter,\n  onOptionLeave,\n  optionLineHeight,\n  optionRenderer,\n  scrollRef,\n  shouldScrollToSelectedItem,\n  activeItemIndex,\n  visualFocusItemIndex\n}: IOptionItemRendererArgs) {\n  return (\n    <ComboboxOption\n      className={className}\n      index={index}\n      key={id}\n      option={option}\n      optionRenderer={optionRenderer}\n      scrollRef={scrollRef}\n      isActive={activeItemIndex === index}\n      visualFocus={index === visualFocusItemIndex}\n      onOptionClick={onOptionClick}\n      onOptionHover={onOptionEnter}\n      onOptionLeave={onOptionLeave}\n      onOptionEnter={onOptionEnter}\n      optionLineHeight={optionLineHeight}\n      shouldScrollWhenActive={shouldScrollToSelectedItem}\n    />\n  );\n}\n"],"names":["DIVIDER_HEIGHT","CATEGORY_HEIGHT","useItemsData","_ref","categories","options","filterValue","withCategoriesDivider","optionLineHeight","useMemo","items","selectableItems","itemsMap","Map","optionsByCategories","getOptionsByCategories","optionIndex","Object","keys","forEach","categoryId","categoryIndex","withDivider","push","createDividerItemObject","isCategoryWithOptions","length","isFirstCategory","categoryObject","createCategoryItemObject","categoryData","className","cx","_defineProperty","comboboxItemsStyles","categoryWithOptions","categoryWithoutOptions","firstCategory","set","option","itemObject","createOptionItemObject","height","index","id","map","useKeyboardNavigation","_ref2","defaultVisualFocusFirstIndex","inputRef","onClick","isChildSelectable","getOptionId","filteredOptionsIds","_useActiveDescendantL","useActiveDescendantListFocus","focusedElementRef","focusedElementRole","roles","COMBOBOX","itemsIds","onItemClick","isItemSelectable","isIgnoreSpaceAsItemSelection","visualFocusItemIndex","visualFocusItemId","onOptionClick","onItemClickCallback","_ref3","type","COMBOBOX_DIVIDER_ITEM","concat","_ref4","COMBOBOX_CATEGORY_ITEM","category","_ref5","COMBOBOX_OPTION_ITEM","belongToCategory","optionRenderer","isActive","shouldScrollToSelectedItem","comboboxItemRenderer","_ref6","customClassNames","innerElement","item","style","optionEvents","optionRenderData","isVirtualized","stickyCategories","otherArgs","__rest","dividerItemRenderer","categoryItemRenderer","styles","sticky","optionItemRenderer","assign","React","createElement","key","comboboxItemContainer","_ref7","dividerContainer","Divider","divider","_ref8","ComboboxCategory","_ref9","onOptionEnter","ComboboxOption","scrollRef","activeItemIndex","visualFocus","onOptionHover","onOptionLeave","shouldScrollWhenActive"],"mappings":"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"}

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +0,0 @@
-var e={comboboxItemContainer:"comboboxItemContainer_f070f8ad0a",dividerContainer:"dividerContainer_7ae5e51565",divider:"divider_2da2a71f0a",sticky:"sticky_b054ddb61f"};!function(e){const n="s_id-78c8179b7fe9_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_f070f8ad0a {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_7ae5e51565 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_2da2a71f0a {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_b054ddb61f {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
-//# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js.map

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

package/dist/src/components/Combobox/ComboboxService.js

@@ -1,2 +0,0 @@
-var e=function(e,r,n){var t=e.reduce((function(e,t){var o,u=t.categoryId;return u?((null===(o=r[u])||void 0===o?void 0:o.onlyShowOnSearch)&&!n||(e[u]?e[u].push(t):e[u]=[t]),e):e}),{});return Object.keys(r).reduce((function(e,r){return t[r]&&(e[r]=t[r]),e}),{})},r=function(e,r){return r.filter((function(r){return!e||r.label.toLowerCase().includes(e.toLowerCase())}))};export{r as defaultFilter,e as getOptionsByCategories};
-//# sourceMappingURL=ComboboxService.js.map

package/dist/src/components/Combobox/ComboboxService.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxService.js","sources":["../../../../src/components/Combobox/ComboboxService.ts"],"sourcesContent":["import { type IComboboxCategoryMap, type IComboboxOption } from \"./components/ComboboxConstants\";\n\ntype OptionsByCategories = {\n  [key: string]: Array<IComboboxOption>;\n};\n\nexport const getOptionsByCategories = (\n  options: IComboboxOption[],\n  categories: IComboboxCategoryMap,\n  filterValue: string\n): OptionsByCategories => {\n  const optionsByCategories = options.reduce((result: OptionsByCategories, option) => {\n    const categoryId = option.categoryId;\n    // skipping if the option doesn't have a category\n    if (!categoryId) return result;\n    if (categories[categoryId]?.onlyShowOnSearch && !filterValue) return result;\n\n    if (result[categoryId]) {\n      result[categoryId].push(option);\n    } else {\n      result[categoryId] = [option];\n    }\n\n    return result;\n  }, {});\n\n  // reorder the keys according to the categories order\n  return Object.keys(categories).reduce((result: OptionsByCategories, categoryId) => {\n    if (optionsByCategories[categoryId]) result[categoryId] = optionsByCategories[categoryId];\n\n    return result;\n  }, {});\n};\n\nexport const defaultFilter = (filterValue: string, options: IComboboxOption[]) =>\n  options.filter(\n    ({ label }: { label: string }) => !filterValue || label.toLowerCase().includes(filterValue.toLowerCase())\n  );\n"],"names":["getOptionsByCategories","options","categories","filterValue","optionsByCategories","reduce","result","option","categoryId","_a","onlyShowOnSearch","push","Object","keys","defaultFilter","filter","_ref","label","toLowerCase","includes"],"mappings":"AAMO,IAAMA,EAAyB,SACpCC,EACAC,EACAC,GAEA,IAAMC,EAAsBH,EAAQI,QAAO,SAACC,EAA6BC,SACjEC,EAAaD,EAAOC,WAE1B,OAAKA,IACuB,QAAxBC,EAAAP,EAAWM,UAAa,IAAAC,OAAA,EAAAA,EAAAC,oBAAqBP,IAE7CG,EAAOE,GACTF,EAAOE,GAAYG,KAAKJ,GAExBD,EAAOE,GAAc,CAACD,IAL6CD,GAD7CA,CAUzB,GAAE,CAAE,GAGL,OAAOM,OAAOC,KAAKX,GAAYG,QAAO,SAACC,EAA6BE,GAGlE,OAFIJ,EAAoBI,KAAaF,EAAOE,GAAcJ,EAAoBI,IAEvEF,CACR,GAAE,CAAE,EACP,EAEaQ,EAAgB,SAACX,EAAqBF,GAA0B,OAC3EA,EAAQc,QACN,SAAAC,GAAQ,OAA2Bb,GAA3Ba,EAALC,MAAqDC,cAAcC,SAAShB,EAAYe,iBAC5F"}

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.js

@@ -1,2 +0,0 @@
-import o from"classnames";import a from"react";import r from"./ComboboxCategory.module.scss.js";import e from"../../Combobox.module.scss.js";var l=function(l){var m=l.category,t=l.className,c=m.label,s=m.id,b=m.color;return c?a.createElement("div",{key:s,role:"row","aria-level":1,"aria-label":m.ariaLabel||c,id:"combobox-category-".concat(s),style:b&&{color:b},className:o(r.comboboxCategory,e.comboboxCategory,t)},c):null};export{l as default};
-//# sourceMappingURL=ComboboxCategory.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxCategory.js","sources":["../../../../../../src/components/Combobox/components/ComboboxCategory/ComboboxCategory.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IComboboxCategory } from \"../ComboboxConstants\";\nimport styles from \"./ComboboxCategory.module.scss\";\nimport comboboxStyles from \"../../Combobox.module.scss\";\n\nexport interface ComboboxCategoryProps {\n  /**\n   * The category data.\n   */\n  category: IComboboxCategory;\n  /**\n   * Class name applied to the category element.\n   */\n  className: string;\n}\n\nconst ComboboxCategory: FC<ComboboxCategoryProps> = ({ category, className }) => {\n  const { label, id, ariaLabel, color } = category;\n\n  if (!label) return null;\n\n  return (\n    <div\n      key={id}\n      role=\"row\"\n      aria-level={1}\n      aria-label={ariaLabel || label}\n      id={`combobox-category-${id}`}\n      style={color && { color }}\n      className={cx(styles.comboboxCategory, comboboxStyles.comboboxCategory, className)}\n    >\n      {label}\n    </div>\n  );\n};\n\nexport default ComboboxCategory;\n"],"names":["ComboboxCategory","_ref","category","className","label","id","color","React","key","role","ariaLabel","concat","style","cx","styles","comboboxCategory","comboboxStyles"],"mappings":"6IAiBA,IAAMA,EAA8C,SAA9BC,GAA0D,IAAzBC,EAAQD,EAARC,SAAUC,EAASF,EAATE,UACvDC,EAAgCF,EAAhCE,MAAOC,EAAyBH,EAAzBG,GAAeC,EAAUJ,EAAVI,MAE9B,OAAKF,EAGHG,uBACEC,IAAKH,EACLI,KAAK,MACO,aAAA,eARwBP,EAArBQ,WASUN,EACzBC,GAAEM,qBAAAA,OAAuBN,GACzBO,MAAON,GAAS,CAAEA,MAAAA,GAClBH,UAAWU,EAAGC,EAAOC,iBAAkBC,EAAeD,iBAAkBZ,IAEvEC,GAZc,IAerB"}

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +0,0 @@
-var e={comboboxCategory:"comboboxCategory_69721b847a"};!function(e){const t="s_id-a004d249e1c1_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_69721b847a {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js.map

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

package/dist/src/components/Combobox/components/ComboboxConstants.js

@@ -1,2 +0,0 @@
-var o,b="combobox-divider",e="combobox-category",r="combobox-option",c="combobox-listbox";!function(o){o.DEFAULT="default",o.RENDERER="renderer"}(o||(o={}));export{e as COMBOBOX_CATEGORY_ITEM,b as COMBOBOX_DIVIDER_ITEM,c as COMBOBOX_LISTBOX_ID,r as COMBOBOX_OPTION_ITEM,o as ComboboxOptionIconType};
-//# sourceMappingURL=ComboboxConstants.js.map

package/dist/src/components/Combobox/components/ComboboxConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxConstants.js","sources":["../../../../../src/components/Combobox/components/ComboboxConstants.ts"],"sourcesContent":["import type React from \"react\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport type { TooltipProps } from \"@vibe/tooltip\";\n\nexport const COMBOBOX_DIVIDER_ITEM = \"combobox-divider\";\nexport const COMBOBOX_CATEGORY_ITEM = \"combobox-category\";\nexport const COMBOBOX_OPTION_ITEM = \"combobox-option\";\nexport const COMBOBOX_LISTBOX_ID = \"combobox-listbox\";\n\n/**\n * @deprecated\n */\nexport enum ComboboxOptionIconType {\n  DEFAULT = \"default\",\n  RENDERER = \"renderer\"\n}\n\nexport interface IComboboxCategoryMap {\n  /**\n   * A mapping of category IDs to category details.\n   */\n  [key: string]: IComboboxCategory;\n}\n\nexport interface IComboboxCategory {\n  /**\n   * The display label of the category.\n   */\n  label: string;\n  /**\n   * The unique ID of the category.\n   */\n  id: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the category is only shown when searching.\n   */\n  onlyShowOnSearch?: boolean;\n  /**\n   * The color associated with the category.\n   */\n  color?: string;\n}\n\nexport interface IComboboxOption {\n  /**\n   * The unique ID of the option.\n   */\n  id: string;\n  /**\n   * The ID of the category the option belongs to.\n   */\n  categoryId?: string;\n  /**\n   * The icon displayed on the left side.\n   */\n  leftIcon?: SubIcon | ((className: string) => JSX.Element);\n  /**\n   * The icon displayed on the right side.\n   */\n  rightIcon?: SubIcon | ((className: string) => JSX.Element);\n  /**\n   * The type of the left icon.\n   */\n  leftIconType?: ComboboxOptionIconType;\n  /**\n   * The type of the right icon.\n   */\n  rightIconType?: ComboboxOptionIconType;\n  /**\n   * The display label of the option.\n   */\n  label: string;\n  /**\n   * The size of the icons.\n   */\n  iconSize?: number;\n  /**\n   * If true, the option is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the option is selected.\n   */\n  selected?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the option belongs to a category.\n   */\n  belongToCategory?: boolean;\n  /**\n   * The tooltip content displayed on hover.\n   */\n  tooltipContent?: string;\n  /**\n   * Props for the Tooltip component.\n   * The \"Omit\" is here on purpose to avoid the content prop, in case tooltipProps would be expanded in the future.\n   */\n  tooltipProps?: Pick<Omit<TooltipProps, \"content\">, \"position\">;\n}\n\nexport interface IComboboxItem {\n  /**\n   * The height of the item.\n   */\n  height?: number;\n  /**\n   * The type of the item.\n   */\n  type?: string;\n  /**\n   * The category details if the item is a category.\n   */\n  category?: IComboboxCategory;\n  /**\n   * The ID of the category the item belongs to.\n   */\n  categoryId?: string;\n  /**\n   * The unique ID of the item.\n   */\n  id?: string;\n  /**\n   * The index of the item in the list.\n   */\n  index?: number;\n  /**\n   * If true, a divider is displayed before this item.\n   */\n  withDivider?: boolean;\n  /**\n   * Class name applied to the item.\n   */\n  className?: string;\n  /**\n   * If true, the item belongs to a category.\n   */\n  belongToCategory?: boolean;\n  /**\n   * The option details if the item is an option.\n   */\n  option?: IComboboxOption;\n  /**\n   * Custom renderer for the option.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * If true, the item is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * The height of the option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, the selected item is automatically scrolled into view.\n   */\n  shouldScrollToSelectedItem?: boolean;\n}\n\nexport interface IComboboxOptionEvents {\n  /**\n   * Callback fired when an option is clicked.\n   */\n  onOptionClick: (\n    event: React.MouseEvent | React.KeyboardEvent,\n    index: number,\n    option: IComboboxOption,\n    mouseTriggered: boolean\n  ) => void;\n  /**\n   * Callback fired when the mouse leaves an option.\n   */\n  onOptionLeave: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n  /**\n   * Callback fired when the mouse enters an option.\n   */\n  onOptionEnter: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n  /**\n   * Callback fired when hovering over an option.\n   */\n  onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n}\n\nexport interface IOptionItemRendererArgs extends IComboboxOptionEvents {\n  /**\n   * The unique ID of the option item.\n   */\n  id?: string;\n  /**\n   * The index of the option item.\n   */\n  index?: number;\n  /**\n   * The option details.\n   */\n  option?: IComboboxOption;\n  /**\n   * Class name applied to the option item.\n   */\n  className?: string;\n  /**\n   * If true, the option is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * If true, the option has visual focus.\n   */\n  visualFocus?: boolean;\n  /**\n   * A reference to the scroll container.\n   */\n  scrollRef?: React.MutableRefObject<HTMLElement>;\n  /**\n   * The amount of offset when scrolling to the active item.\n   */\n  scrollOffset?: number;\n  /**\n   * The height of the option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, the selected item is automatically scrolled into view.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * If true, scrolls to the active option when it is selected.\n   */\n  shouldScrollWhenActive?: boolean;\n  /**\n   * If true, the option belongs to a category.\n   */\n  belongToCategory?: boolean;\n  /**\n   * The index of the item with visual focus.\n   */\n  visualFocusItemIndex?: number;\n  /**\n   * The index of the currently active item.\n   */\n  activeItemIndex?: number;\n  /**\n   * Custom renderer for the option content.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n"],"names":["ComboboxOptionIconType","COMBOBOX_DIVIDER_ITEM","COMBOBOX_CATEGORY_ITEM","COMBOBOX_OPTION_ITEM","COMBOBOX_LISTBOX_ID"],"mappings":"AAIO,IAQKA,EARCC,EAAwB,mBACxBC,EAAyB,oBACzBC,EAAuB,kBACvBC,EAAsB,oBAKnC,SAAYJ,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as t,useRef as o,useMemo as i,useCallback as n}from"react";import r from"classnames";import{comboboxItemRenderer as s}from"../../ComboboxHelpers/ComboboxHelpers.js";import a from"../../../VirtualizedList/VirtualizedList.js";import{COMBOBOX_CATEGORY_ITEM as l,COMBOBOX_OPTION_ITEM as m}from"../ComboboxConstants.js";import c from"./ComboboxItems.module.scss.js";var p=t((function(t,p){var d=t.className,u=t.optionClassName,f=t.categories,C=t.options,v=t.optionRenderer,I=t.activeItemIndex,b=t.visualFocusItemIndex,g=t.onOptionClick,y=t.onOptionEnter,x=t.onOptionLeave,h=t.optionLineHeight,O=t.shouldScrollToSelectedItem,L=t.renderOnlyVisibleOptions,N=t.onActiveCategoryChanged,R=t.maxOptionsWithoutScroll,j=t.itemsMap,k=t.stickyCategories,E=t.id,S=o(),H=i((function(){if(R)return{height:h*Math.min(C.length+Object.keys(null!=f?f:{}).length,R+.5)}}),[R,h,C,f]),V=n((function(e,t,o){return s({stickyCategories:k,item:e,style:o,optionEvents:{onOptionClick:g,onOptionEnter:y,onOptionLeave:x},optionRenderData:{className:u,optionLineHeight:h,optionRenderer:v,visualFocusItemIndex:b,scrollRef:L?null:p,activeItemIndex:I,shouldScrollToSelectedItem:O},isVirtualized:L})}),[g,y,x,u,h,v,b,L,p,I,O]),z=n((function(e){var t=e.firstItemId;window.requestAnimationFrame((function(){var e=j.get(t);if(e&&(e.type===l||e.type===m)){var o=e.type===m&&e.categoryId?e.categoryId:e.id;if(o!==S.current){S.current=o;var i=j.get(S.current);N(i)}}}))}),[j,N]);return L?e.createElement(a,{ref:p,className:r(c.optionsContainer,d),items:C,itemRenderer:V,role:"listbox",scrollableClassName:c.scrollableContainer,onItemsRendered:z,style:H,id:E}):e.createElement("div",{className:r(c.scrollableContainer,c.optionsContainer,d),role:"listbox",id:E,style:H,ref:p},C.map((function(e,t){return V(e,t,void 0)})))}));export{p as ComboboxItems};
-//# sourceMappingURL=ComboboxItems.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxItems.js","sources":["../../../../../../src/components/Combobox/components/ComboboxItems/ComboboxItems.tsx"],"sourcesContent":["import React, { type CSSProperties, forwardRef, type RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { comboboxItemRenderer } from \"../../ComboboxHelpers/ComboboxHelpers\";\nimport VirtualizedList from \"../../../../components/VirtualizedList/VirtualizedList\";\nimport {\n  COMBOBOX_CATEGORY_ITEM,\n  COMBOBOX_OPTION_ITEM,\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IComboboxOption,\n  type IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport styles from \"./ComboboxItems.module.scss\";\n\nexport interface ComboboxItemsProps extends IComboboxOptionEvents {\n  /**\n   * Class name applied to the options container.\n   */\n  className?: string;\n  /**\n   * Class name applied to individual options.\n   */\n  optionClassName?: string;\n  /**\n   * The categories available in the combobox.\n   */\n  categories?: IComboboxCategoryMap;\n  /**\n   * The list of options displayed in the combobox.\n   */\n  options?: IComboboxItem[];\n  /**\n   * Custom renderer for an option.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * The index of the currently active item.\n   */\n  activeItemIndex?: number;\n  /**\n   * The index of the item with visual focus.\n   */\n  visualFocusItemIndex?: number;\n  /**\n   * The height of each option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, the list scrolls to the selected item when opened.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * If true, only renders visible options (optimization for large lists).\n   */\n  renderOnlyVisibleOptions?: boolean;\n  /**\n   * Callback fired when the active category changes.\n   */\n  onActiveCategoryChanged?: (category: IComboboxItem) => void;\n  /**\n   * The maximum number of options displayed without scrolling.\n   */\n  maxOptionsWithoutScroll?: number;\n  /**\n   * A map of item IDs to item data.\n   */\n  itemsMap?: Map<string, IComboboxItem>;\n  /**\n   * If true, categories remain visible when scrolling.\n   */\n  stickyCategories?: boolean;\n  /**\n   * The ID of the options container.\n   */\n  id?: string;\n}\n\nexport const ComboboxItems: React.FC<ComboboxItemsProps> = forwardRef(\n  (\n    {\n      className,\n      optionClassName,\n      categories,\n      options,\n      optionRenderer,\n      activeItemIndex,\n      visualFocusItemIndex,\n      onOptionClick,\n      onOptionEnter,\n      onOptionLeave,\n      optionLineHeight,\n      shouldScrollToSelectedItem,\n      renderOnlyVisibleOptions,\n      onActiveCategoryChanged,\n      maxOptionsWithoutScroll,\n      itemsMap,\n      stickyCategories,\n      id\n    },\n    ref: RefObject<HTMLDivElement>\n  ) => {\n    const activeCategoryId = useRef<string>();\n    const style = useMemo(() => {\n      if (maxOptionsWithoutScroll) {\n        // Adding 0.5 to show next option to indicate scroll is available\n        const maxCount = Math.min(options.length + Object.keys(categories ?? {}).length, maxOptionsWithoutScroll + 0.5);\n        return { height: optionLineHeight * maxCount };\n      }\n      return undefined;\n    }, [maxOptionsWithoutScroll, optionLineHeight, options, categories]);\n\n    const createItemElementRenderer = useCallback(\n      (item: IComboboxItem, index: number, style: CSSProperties) =>\n        comboboxItemRenderer({\n          stickyCategories,\n          item,\n          style,\n          optionEvents: {\n            onOptionClick,\n            onOptionEnter,\n            onOptionLeave\n          },\n          optionRenderData: {\n            className: optionClassName,\n            optionLineHeight,\n            optionRenderer,\n            visualFocusItemIndex,\n            scrollRef: renderOnlyVisibleOptions ? null : ref,\n            activeItemIndex,\n            shouldScrollToSelectedItem\n          },\n          isVirtualized: renderOnlyVisibleOptions\n        }),\n      [\n        onOptionClick,\n        onOptionEnter,\n        onOptionLeave,\n        optionClassName,\n        optionLineHeight,\n        optionRenderer,\n        visualFocusItemIndex,\n        renderOnlyVisibleOptions,\n        ref,\n        activeItemIndex,\n        shouldScrollToSelectedItem\n      ]\n    );\n\n    const onItemsRender = useCallback(\n      ({ firstItemId }: { firstItemId?: string }) => {\n        window.requestAnimationFrame(() => {\n          const itemData = itemsMap.get(firstItemId);\n          if (itemData && (itemData.type === COMBOBOX_CATEGORY_ITEM || itemData.type === COMBOBOX_OPTION_ITEM)) {\n            const newActiveCategoryId =\n              itemData.type === COMBOBOX_OPTION_ITEM && itemData.categoryId ? itemData.categoryId : itemData.id;\n\n            if (newActiveCategoryId !== activeCategoryId.current) {\n              activeCategoryId.current = newActiveCategoryId;\n              const categoryObject = itemsMap.get(activeCategoryId.current);\n              onActiveCategoryChanged(categoryObject);\n            }\n          }\n        });\n      },\n      [itemsMap, onActiveCategoryChanged]\n    );\n\n    let itemsElements;\n\n    // If we request to render only the items which visible in a given moment (optimization for very large lists)\n    if (renderOnlyVisibleOptions) {\n      itemsElements = (\n        <VirtualizedList\n          ref={ref}\n          className={cx(styles.optionsContainer, className)}\n          items={options}\n          itemRenderer={createItemElementRenderer}\n          role=\"listbox\"\n          scrollableClassName={styles.scrollableContainer}\n          onItemsRendered={onItemsRender}\n          style={style}\n          id={id}\n        />\n      );\n    } else {\n      itemsElements = (\n        <div\n          className={cx(styles.scrollableContainer, styles.optionsContainer, className)}\n          role=\"listbox\"\n          id={id}\n          style={style}\n          ref={ref}\n        >\n          {options.map((itemData, index) => createItemElementRenderer(itemData, index, undefined))}\n        </div>\n      );\n    }\n\n    return itemsElements;\n  }\n);\n"],"names":["ComboboxItems","forwardRef","_ref","ref","className","optionClassName","categories","options","optionRenderer","activeItemIndex","visualFocusItemIndex","onOptionClick","onOptionEnter","onOptionLeave","optionLineHeight","shouldScrollToSelectedItem","renderOnlyVisibleOptions","onActiveCategoryChanged","maxOptionsWithoutScroll","itemsMap","stickyCategories","id","activeCategoryId","useRef","style","useMemo","height","Math","min","length","Object","keys","createItemElementRenderer","useCallback","item","index","comboboxItemRenderer","optionEvents","optionRenderData","scrollRef","isVirtualized","onItemsRender","_ref2","firstItemId","window","requestAnimationFrame","itemData","get","type","COMBOBOX_CATEGORY_ITEM","COMBOBOX_OPTION_ITEM","newActiveCategoryId","categoryId","current","categoryObject","React","createElement","VirtualizedList","cx","styles","optionsContainer","items","itemRenderer","role","scrollableClassName","scrollableContainer","onItemsRendered","map","undefined"],"mappings":"8XA6EO,IAAMA,EAA8CC,GACzD,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAUJ,EAAVI,WACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAeP,EAAfO,gBACAC,EAAoBR,EAApBQ,qBACAC,EAAaT,EAAbS,cACAC,EAAaV,EAAbU,cACAC,EAAaX,EAAbW,cACAC,EAAgBZ,EAAhBY,iBACAC,EAA0Bb,EAA1Ba,2BACAC,EAAwBd,EAAxBc,yBACAC,EAAuBf,EAAvBe,wBACAC,EAAuBhB,EAAvBgB,wBACAC,EAAQjB,EAARiB,SACAC,EAAgBlB,EAAhBkB,iBACAC,EAAEnB,EAAFmB,GAIIC,EAAmBC,IACnBC,EAAQC,GAAQ,WACpB,GAAIP,EAGF,MAAO,CAAEQ,OAAQZ,EADAa,KAAKC,IAAIrB,EAAQsB,OAASC,OAAOC,KAAKzB,QAAAA,EAAc,CAAA,GAAIuB,OAAQX,EAA0B,IAI9G,GAAE,CAACA,EAAyBJ,EAAkBP,EAASD,IAElD0B,EAA4BC,GAChC,SAACC,EAAqBC,EAAeX,GAAoB,OACvDY,EAAqB,CACnBhB,iBAAAA,EACAc,KAAAA,EACAV,MAAAA,EACAa,aAAc,CACZ1B,cAAAA,EACAC,cAAAA,EACAC,cAAAA,GAEFyB,iBAAkB,CAChBlC,UAAWC,EACXS,iBAAAA,EACAN,eAAAA,EACAE,qBAAAA,EACA6B,UAAWvB,EAA2B,KAAOb,EAC7CM,gBAAAA,EACAM,2BAAAA,GAEFyB,cAAexB,GAEnB,GAAA,CACEL,EACAC,EACAC,EACAR,EACAS,EACAN,EACAE,EACAM,EACAb,EACAM,EACAM,IAIE0B,EAAgBR,GACpB,SAAAS,GAA8C,IAA3CC,EAAWD,EAAXC,YACDC,OAAOC,uBAAsB,WAC3B,IAAMC,EAAW3B,EAAS4B,IAAIJ,GAC9B,GAAIG,IAAaA,EAASE,OAASC,GAA0BH,EAASE,OAASE,GAAuB,CACpG,IAAMC,EACJL,EAASE,OAASE,GAAwBJ,EAASM,WAAaN,EAASM,WAAaN,EAASzB,GAEjG,GAAI8B,IAAwB7B,EAAiB+B,QAAS,CACpD/B,EAAiB+B,QAAUF,EAC3B,IAAMG,EAAiBnC,EAAS4B,IAAIzB,EAAiB+B,SACrDpC,EAAwBqC,EACzB,CACF,CACH,GACF,GACA,CAACnC,EAAUF,IAkCb,OA5BID,EAEAuC,EAACC,cAAAC,GACCtD,IAAKA,EACLC,UAAWsD,EAAGC,EAAOC,iBAAkBxD,GACvCyD,MAAOtD,EACPuD,aAAc9B,EACd+B,KAAK,UACLC,oBAAqBL,EAAOM,oBAC5BC,gBAAiBzB,EACjBjB,MAAOA,EACPH,GAAIA,IAKNkC,EAAAC,cAAA,MAAA,CACEpD,UAAWsD,EAAGC,EAAOM,oBAAqBN,EAAOC,iBAAkBxD,GACnE2D,KAAK,UACL1C,GAAIA,EACJG,MAAOA,EACPrB,IAAKA,GAEJI,EAAQ4D,KAAI,SAACrB,EAAUX,GAAK,OAAKH,EAA0Bc,EAAUX,OAAOiC,EAAU,IAM/F"}

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +0,0 @@
-var t={scrollableContainer:"scrollableContainer_63e4cfb590",optionsContainer:"optionsContainer_b01bbe4288",categoryWithOptions:"categoryWithOptions_dfcf84f81e",firstCategory:"firstCategory_8393acc5d7",categoryWithoutOptions:"categoryWithoutOptions_ac1715dfc3"};!function(t){const e="s_id-4d4facb041a8_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_63e4cfb590::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_63e4cfb590::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_b01bbe4288 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_dfcf84f81e.firstCategory_8393acc5d7,\n.categoryWithoutOptions_ac1715dfc3.firstCategory_8393acc5d7 {\n  padding-top: 0;\n}\n.categoryWithOptions_dfcf84f81e {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_ac1715dfc3 {\n  margin-bottom: 0;\n}");export{t as default};
-//# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js.map

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

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import t,{useRef as n,useEffect as i,useCallback as r,useMemo as l}from"react";import{keyCodes as s}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import{getOptionId as c}from"../../helpers.js";import{getTestId as a,ComponentDefaultTestId as p}from"../../../../tests/testIds.js";import m from"./ComboboxOption.module.scss.js";import d from"../../../../../hooks/dist/useIsOverflowing/index.js";import u from"../../../../../components/tooltip/dist/Tooltip/Tooltip.js";import f from"../../../../../components/icon/dist/Icon/Icon.js";var v=function(v){var b=v.index,O=v.option,h=v.className,y=v.isActive,I=v.visualFocus,g=v.scrollRef,j=v.scrollOffset,E=void 0===j?100:j,T=v.onOptionClick,C=v.onOptionLeave,k=v.onOptionHover,N=v.optionLineHeight,x=v.shouldScrollWhenActive,L=void 0===x||x,P=v.optionRenderer,H=void 0===P?null:P,R=O.id,S=O.leftIcon,w=O.leftIconType,z=O.rightIcon,A=O.rightIconType,B=O.label,F=O.iconSize,M=void 0===F?18:F,_=O.disabled,W=O.selected,D=O.ariaLabel,K=O.belongToCategory,V=void 0!==K&&K,X=O.tooltipContent,q=n(null),G=n(),J=d({ref:G});i((function(){var e,o=q.current;I&&o&&L&&((null==g?void 0:g.current)&&o?g.current.scrollTop=o.offsetTop-E:null===(e=null==o?void 0:o.scrollIntoView)||void 0===e||e.call(o,{behaviour:"smooth"}))}),[q,I,L,g,E,V]);var Q=function(e,n,i){return"renderer"===n?e(o(m.optionIcon,i)):t.createElement(f,{className:o(m.optionIcon,i),type:"font",icon:e,size:M,ignoreFocusStyle:!0})},U=r((function(e){_||T(e,b,O,!0)}),[b,O,T,_]),Y=r((function(e){_||C(e,b,O,!0)}),[b,O,C,_]),Z=r((function(e){_||k(e,b,O,!0)}),[b,O,k,_]),$=r((function(e){e.key!==s.ENTER&&e.key!==s.SPACE||T(e,b,O,!1)}),[T,b,O]);X||(X=J?B:null);var ee=l((function(){return H&&H(O)}),[H,O]),oe=t.createElement(t.Fragment,null,S&&Q(S,w,m.left),t.createElement("div",{ref:G,className:o(m.optionLabel)},B),z&&Q(z,A,""));return t.createElement(u,Object.assign({},O.tooltipProps,{content:X,hideWhenReferenceHidden:!0}),t.createElement("div",{ref:q,key:R||B,"aria-level":V?2:1,"aria-selected":y,"aria-label":D||B,id:c(R,b),"data-testid":a(p.COMBOBOX_OPTION,b),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:o(m.comboboxOption,h,e(e(e(e({},m.disabled,_),m.selected,W),m.active,y),m.activeOutline,I)),style:{height:N}},ee||oe))};export{v as default};
-//# sourceMappingURL=ComboboxOption.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { keyCodes } from \"../../../../constants\";\nimport { getOptionId } from \"../../helpers\";\nimport { type IComboboxOption, type IComboboxOptionEvents } from \"../ComboboxConstants\";\nimport { type ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n  /**\n   * The index of the option in the list.\n   */\n  index?: number;\n  /**\n   * The option data containing label, icons, and other properties.\n   */\n  option?: IComboboxOption;\n  /**\n   * Class name applied to the option element.\n   */\n  className?: string;\n  /**\n   * If true, the option is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * If true, the option has visual focus.\n   */\n  visualFocus?: boolean;\n  /**\n   * A reference to the scroll container.\n   */\n  scrollRef?: RefObject<HTMLElement>;\n  /**\n   * The amount of offset when scrolling to the active item.\n   */\n  scrollOffset?: number;\n  /**\n   * The height of each option.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, scrolls to the active option when it is selected.\n   */\n  shouldScrollWhenActive?: boolean;\n  /**\n   * Custom renderer for the option content.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption = ({\n  index,\n  option,\n  className,\n  isActive,\n  visualFocus,\n  scrollRef,\n  scrollOffset = 100,\n  onOptionClick,\n  onOptionLeave,\n  onOptionHover,\n  optionLineHeight,\n  shouldScrollWhenActive = true,\n  optionRenderer = null\n}: ComboboxOptionProps) => {\n  const {\n    id,\n    leftIcon,\n    leftIconType,\n    rightIcon,\n    rightIconType,\n    label,\n    iconSize = 18,\n    disabled,\n    selected,\n    ariaLabel,\n    belongToCategory = false\n  } = option;\n  let { tooltipContent } = option;\n\n  const ref = useRef(null);\n  const labelRef = useRef();\n\n  const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (visualFocus && element && shouldScrollWhenActive) {\n      if (scrollRef?.current && element) {\n        // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n        scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n      } else {\n        element?.scrollIntoView?.({ behaviour: \"smooth\" });\n      }\n    }\n  }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n  const renderIcon = (\n    icon: SubIcon | ((className: string) => JSX.Element),\n    iconType: ComboboxOptionIconType,\n    className: string\n  ) => {\n    if (iconType === \"renderer\") {\n      return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n    }\n\n    return (\n      <Icon\n        className={cx(styles.optionIcon, className)}\n        type=\"font\"\n        icon={icon as SubIcon}\n        size={iconSize}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionClick(event, index, option, true);\n    },\n    [index, option, onOptionClick, disabled]\n  );\n\n  const onMouseLeave = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionLeave(event, index, option, true);\n    },\n    [index, option, onOptionLeave, disabled]\n  );\n\n  const onMouseEnter = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionHover(event, index, option, true);\n    },\n    [index, option, onOptionHover, disabled]\n  );\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        onOptionClick(event, index, option, false);\n      }\n    },\n    [onOptionClick, index, option]\n  );\n  if (!tooltipContent) {\n    tooltipContent = isOptionOverflowing ? label : null;\n  }\n\n  const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n  const optionValue = (\n    <>\n      {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n      <div ref={labelRef} className={cx(styles.optionLabel)}>\n        {label}\n      </div>\n      {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n    </>\n  );\n\n  return (\n    <Tooltip {...option.tooltipProps} content={tooltipContent} hideWhenReferenceHidden>\n      <div\n        ref={ref}\n        key={id || label}\n        aria-level={belongToCategory ? 2 : 1}\n        aria-selected={isActive}\n        aria-label={ariaLabel || label}\n        id={getOptionId(id, index)}\n        data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n        onMouseEnter={onMouseEnter}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        onMouseLeave={onMouseLeave}\n        className={cx(styles.comboboxOption, className, {\n          [styles.disabled]: disabled,\n          [styles.selected]: selected,\n          [styles.active]: isActive,\n          [styles.activeOutline]: visualFocus\n        })}\n        style={{ height: optionLineHeight }}\n      >\n        {optionRendererValue || optionValue}\n      </div>\n    </Tooltip>\n  );\n};\n\nexport default ComboboxOption;\n"],"names":["ComboboxOption","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","type","size","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","Object","assign","tooltipProps","content","hideWhenReferenceHidden","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height"],"mappings":"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"}

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +0,0 @@
-var o={comboboxOption:"comboboxOption_7c57c5165a",disabled:"disabled_89ec7743e3",selected:"selected_9a3cc76b71",active:"active_b4406a56fe",activeOutline:"activeOutline_b55fb35b3c",optionLabel:"optionLabel_af0e151421",optionIcon:"optionIcon_cc926cc209",left:"left_ba01ece5c4"};!function(o){const e="s_id-cc5db5fd586e_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_7c57c5165a {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_7c57c5165a.disabled_89ec7743e3 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_7c57c5165a.disabled_89ec7743e3:hover {\n  background-color: transparent;\n}\n.comboboxOption_7c57c5165a.selected_9a3cc76b71 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_7c57c5165a:hover:not(.disabled_89ec7743e3):not(.selected_9a3cc76b71),\n.comboboxOption_7c57c5165a.active_b4406a56fe {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_7c57c5165a.activeOutline_b55fb35b3c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_7c57c5165a .optionLabel_af0e151421 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_7c57c5165a .optionIcon_cc926cc209 {\n  flex: 0 0 auto;\n}\n.comboboxOption_7c57c5165a .optionIcon_cc926cc209.left_ba01ece5c4 {\n  margin-right: 4px;\n}");export{o as default};
-//# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js.map

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

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.js

@@ -1,2 +0,0 @@
-import o from"react";import r from"classnames";import e from"./StickyCategoryHeader.module.scss.js";import m from"../../Combobox.module.scss.js";import a from"../ComboboxCategory/ComboboxCategory.module.scss.js";var s=function(s){var t=s.label,c=s.color;return void 0===t?null:o.createElement("div",{className:r(e.stickyCategoryHeader,m.comboboxCategory,a.comboboxCategory,s.className),style:c&&{color:c},"aria-hidden":!0},t)};export{s as StickyCategoryHeader};
-//# sourceMappingURL=StickyCategoryHeader.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StickyCategoryHeader.js","sources":["../../../../../../src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./StickyCategoryHeader.module.scss\";\nimport comboboxStyles from \"../../Combobox.module.scss\";\nimport comboboxCategoryStyles from \"../ComboboxCategory/ComboboxCategory.module.scss\";\n\nexport const StickyCategoryHeader = ({\n  label,\n  color,\n  className\n}: {\n  label: string;\n  color?: string;\n  className?: string;\n}) => {\n  return label === undefined ? null : (\n    <div\n      className={cx(\n        styles.stickyCategoryHeader,\n        comboboxStyles.comboboxCategory,\n        comboboxCategoryStyles.comboboxCategory,\n        className\n      )}\n      style={color && { color }}\n      aria-hidden\n    >\n      {label}\n    </div>\n  );\n};\n"],"names":["StickyCategoryHeader","_ref","label","color","undefined","React","createElement","className","cx","styles","stickyCategoryHeader","comboboxStyles","comboboxCategory","comboboxCategoryStyles","style"],"mappings":"wNAMaA,EAAuB,SAAHC,GAQ5B,IAPHC,EAAKD,EAALC,MACAC,EAAKF,EAALE,MAOA,YAAiBC,IAAVF,EAAsB,KAC3BG,EAAAC,cAAA,MAAA,CACEC,UAAWC,EACTC,EAAOC,qBACPC,EAAeC,iBACfC,EAAuBD,iBAXpBX,EAATM,WAcIO,MAAOX,GAAS,CAAEA,MAAAA,qBAGjBD,EAGP"}

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_515c3b3016"};!function(e){const t="s_id-f549b49034f1_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_515c3b3016 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
-//# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js.map

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

package/dist/src/components/Combobox/helpers.js

@@ -1,2 +0,0 @@
-function o(o,t){return"combobox-item-".concat(void 0!==o?o:t)}export{o as getOptionId};
-//# sourceMappingURL=helpers.js.map

package/dist/src/components/Combobox/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/Combobox/helpers.ts"],"sourcesContent":["export function getOptionId(id: string, index: number) {\n  return id !== undefined ? `combobox-item-${id}` : `combobox-item-${index}`;\n}\n"],"names":["getOptionId","id","index","concat","undefined"],"mappings":"AAAgB,SAAAA,EAAYC,EAAYC,GACtC,MAAuBC,iBAAAA,YAATC,IAAPH,EAAoCA,EAAwBC,EACrE"}

package/dist/src/components/Counter/Counter.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as n}from"../../tests/testIds.js";import a from"classnames";import s,{useState as l,useRef as d,useCallback as c,useEffect as m,useMemo as u}from"react";import{SwitchTransition as f,CSSTransition as v}from"react-transition-group";import p from"../../hooks/useEventListener/index.js";import E from"../../hooks/useAfterFirstRender/index.js";import{NOOP as b}from"../../utils/function-utils.js";import x from"./Counter.module.scss.js";import{ComponentVibeId as N}from"../../tests/constants.js";var j=function(j){var A=j.className,k=j.counterClassName,y=j.count,g=void 0===y?0:y,h=j.size,C=void 0===h?"large":h,L=j.kind,M=void 0===L?"fill":L,R=j.color,w=void 0===R?"primary":R,T=j.maxDigits,D=void 0===T?3:T,O=j.ariaLabeledBy,U=void 0===O?"":O,z=j.ariaLabel,B=void 0===z?"":z,H=j.id,P=void 0===H?"":H,_=j.prefix,F=void 0===_?"":_,I=j.onMouseDown,q=void 0===I?b:I,G=j.noAnimation,J=void 0!==G&&G,K=j["data-testid"],Q=l(!1),S=e(Q,2),V=S[0],W=S[1],X=d(null),Y=d(null),Z=c((function(){W(!0)}),[W]),$=c((function(){W(!1)}),[W]);p({eventName:"animationend",callback:$,ref:X});var ee=E();m((function(){ee.current&&Z()}),[g,ee,Z]),m((function(){D>0||console.error("Max digits must be a positive number")}),[D]);var te=u((function(){return a(x.counter,o(x,i("size-"+C)),o(x,i("kind-"+M)),o(x,i("color-"+w)),t({},x.withAnimation,V),k)}),[C,M,w,V,k]),ie="counter"+(P?"-".concat(P):""),oe=(null==g?void 0:(""+g).length)>D?"".concat(Math.pow(10,D)-1,"+"):g+"",re=s.createElement("span",{id:ie,"data-testid":K||r(n.COUNTER,P)},F+oe);return s.createElement("span",{className:A,"aria-label":"".concat(B," ").concat(oe),"aria-labelledby":U,onMouseDown:q,"data-vibe":N.COUNTER},s.createElement("div",{className:te,"aria-label":oe,ref:X},J?re:s.createElement(f,{mode:"out-in"},s.createElement(v,{key:oe,nodeRef:Y,classNames:{enter:x.fadeEnter,enterActive:x.fadeEnterActive,exit:x.fadeExit,exitActive:x.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},s.createElement("span",{ref:Y,id:ie,"data-testid":K||r(n.COUNTER,P)},F+oe)))))};export{j as default};
-//# sourceMappingURL=Counter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Counter.js","sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useAfterFirstRender from \"../../hooks/useAfterFirstRender\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type CounterColor, type CounterSize, type CounterType } from \"./Counter.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Counter.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface CounterProps extends VibeComponentProps {\n  /**\n   * The ID of the element describing the counter.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Class name applied to the counter element.\n   */\n  counterClassName?: string;\n  /**\n   * The numeric value displayed in the counter.\n   */\n  count?: number;\n  /**\n   * The label of the counter for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The size of the counter.\n   */\n  size?: CounterSize;\n  /**\n   * The visual style of the counter.\n   */\n  kind?: CounterType;\n  /**\n   * The color of the counter.\n   */\n  color?: CounterColor;\n  /**\n   * The maximum number of digits displayed before truncation.\n   */\n  maxDigits?: number;\n  /**\n   * Text prepended to the counter value.\n   */\n  prefix?: string;\n  /**\n   * Callback fired when the counter is clicked.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables counter animations.\n   */\n  noAnimation?: boolean;\n}\n\nconst Counter = ({\n  className,\n  counterClassName,\n  count = 0,\n  size = \"large\",\n  kind = \"fill\",\n  color = \"primary\",\n  maxDigits = 3,\n  ariaLabeledBy = \"\",\n  ariaLabel = \"\",\n  id = \"\",\n  prefix = \"\",\n  onMouseDown = NOOP,\n  noAnimation = false,\n  \"data-testid\": dataTestId\n}: CounterProps) => {\n  const [countChangeAnimationState, setCountChangeAnimationState] = useState(false);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n\n  const setCountChangedAnimationActive = useCallback(() => {\n    setCountChangeAnimationState(true);\n  }, [setCountChangeAnimationState]);\n\n  const setCountChangedAnimationNotActive = useCallback(() => {\n    setCountChangeAnimationState(false);\n  }, [setCountChangeAnimationState]);\n\n  useEventListener({\n    eventName: \"animationend\",\n    callback: setCountChangedAnimationNotActive,\n    ref\n  });\n\n  const isAfterFirstRender = useAfterFirstRender();\n\n  useEffect(() => {\n    if (isAfterFirstRender.current) {\n      setCountChangedAnimationActive();\n    }\n  }, [count, isAfterFirstRender, setCountChangedAnimationActive]);\n\n  useEffect(() => {\n    if (maxDigits <= 0) {\n      console.error(\"Max digits must be a positive number\");\n    }\n  }, [maxDigits]);\n\n  const classNames = useMemo(() => {\n    return cx(\n      styles.counter,\n      getStyle(styles, camelCase(\"size-\" + size)),\n      getStyle(styles, camelCase(\"kind-\" + kind)),\n      getStyle(styles, camelCase(\"color-\" + color)),\n      {\n        [styles.withAnimation]: countChangeAnimationState\n      },\n      counterClassName\n    );\n  }, [size, kind, color, countChangeAnimationState, counterClassName]);\n\n  const counterId = \"counter\" + (id ? `-${id}` : \"\");\n  const countText = count?.toString().length > maxDigits ? `${10 ** maxDigits - 1}+` : String(count);\n  const counter = (\n    <span id={counterId} data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}>\n      {prefix + countText}\n    </span>\n  );\n\n  return (\n    <span\n      className={className}\n      aria-label={`${ariaLabel} ${countText}`}\n      aria-labelledby={ariaLabeledBy}\n      onMouseDown={onMouseDown}\n      data-vibe={ComponentVibeId.COUNTER}\n    >\n      <div className={classNames} aria-label={countText} ref={ref}>\n        {noAnimation ? (\n          counter\n        ) : (\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition\n              key={countText}\n              nodeRef={nodeRef}\n              classNames={{\n                enter: styles.fadeEnter,\n                enterActive: styles.fadeEnterActive,\n                exit: styles.fadeExit,\n                exitActive: styles.fadeExitActive\n              }}\n              addEndListener={done => {\n                nodeRef.current?.addEventListener(\"transitionend\", done, false);\n              }}\n            >\n              <span\n                ref={nodeRef}\n                id={counterId}\n                data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}\n              >\n                {prefix + countText}\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        )}\n      </div>\n    </span>\n  );\n};\n\nexport default Counter;\n"],"names":["Counter","_ref","className","counterClassName","_ref$count","count","_ref$size","size","_ref$kind","kind","_ref$color","color","_ref$maxDigits","maxDigits","_ref$ariaLabeledBy","ariaLabeledBy","_ref$ariaLabel","ariaLabel","_ref$id","id","_ref$prefix","prefix","_ref$onMouseDown","onMouseDown","NOOP","_ref$noAnimation","noAnimation","dataTestId","_useState","useState","_useState2","_slicedToArray","countChangeAnimationState","setCountChangeAnimationState","ref","useRef","nodeRef","setCountChangedAnimationActive","useCallback","setCountChangedAnimationNotActive","useEventListener","eventName","callback","isAfterFirstRender","useAfterFirstRender","useEffect","current","console","error","classNames","useMemo","cx","styles","counter","getStyle","camelCase","_defineProperty","withAnimation","counterId","concat","countText","length","Math","pow","String","React","createElement","getTestId","ComponentDefaultTestId","COUNTER","ComponentVibeId","SwitchTransition","mode","CSSTransition","key","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","done","_a","addEventListener"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var n={counter:"counter_aab3629b5f",withAnimation:"withAnimation_000dd0c628",counterPopElastic:"counterPopElastic_505a247662",sizeXs:"sizeXs_0d3dae8434",sizeSmall:"sizeSmall_92b60c3e50",sizeLarge:"sizeLarge_eb40cbee58",kindFill:"kindFill_9cd64ae6e1",colorPrimary:"colorPrimary_6c9468fbc5",colorDark:"colorDark_c0c460a8d6",colorNegative:"colorNegative_bcd7b97b5a",colorLight:"colorLight_4d72dff260",kindLine:"kindLine_0cf7f11496",fadeEnter:"fadeEnter_820c081ece",fadeEnterActive:"fadeEnterActive_61aa34a6ec",fadeExit:"fadeExit_e6827b0ca2",fadeExitActive:"fadeExitActive_e4ca4656fc","counter-pop-elastic":"counter-pop-elastic_51f45519ca"};!function(n){const o="s_id-51f4f5079107_3_85_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_aab3629b5f {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_51f45519ca {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_000dd0c628 {\n  animation: counterPopElastic_505a247662 var(--motion-expressive-short);\n}\n.sizeXs_0d3dae8434 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_92b60c3e50 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_eb40cbee58 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_9cd64ae6e1.colorPrimary_6c9468fbc5 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_9cd64ae6e1.colorDark_c0c460a8d6 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_9cd64ae6e1.colorNegative_bcd7b97b5a {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_9cd64ae6e1.colorLight_4d72dff260 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_0cf7f11496 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_0cf7f11496.colorPrimary_6c9468fbc5 {\n  color: var(--primary-color);\n}\n.kindLine_0cf7f11496.colorDark_c0c460a8d6 {\n  color: var(--inverted-color-background);\n}\n.kindLine_0cf7f11496.colorNegative_bcd7b97b5a {\n  color: var(--negative-color);\n}\n.kindLine_0cf7f11496.colorLight_4d72dff260 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_820c081ece {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_61aa34a6ec {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_e6827b0ca2 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_e4ca4656fc {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
-//# sourceMappingURL=Counter.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{createContext as o,useState as t,useMemo as i,useContext as n}from"react";import{noop as l}from"es-toolkit";var v=o({hover:void 0,setHover:l}),u=function(o){var n=o.children,l=t(void 0),u=r(l,2),a=u[0],c=u[1],m=i((function(){return{hover:a,setHover:c}}),[a]);return e.createElement(v.Provider,{value:m},n)},a=function(){return n(v)};export{v as DayContentHoverContext,u as DayContentHoverProvider,a as useDayContentHoverContext};
-//# sourceMappingURL=DateContentHoverContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateContentHoverContext.js","sources":["../../../../src/components/DatePicker/DateContentHoverContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { noop } from \"es-toolkit\";\n\nexport const DayContentHoverContext = createContext<{\n  hover: Date | undefined;\n  setHover: (_hover: Date | undefined) => void;\n}>({ hover: undefined, setHover: noop });\n\nexport const DayContentHoverProvider = ({ children }: { children: React.ReactNode }) => {\n  const [hover, setHover] = useState<Date | undefined>(undefined);\n  const value = useMemo(() => ({ hover, setHover }), [hover]);\n  return <DayContentHoverContext.Provider value={value}>{children}</DayContentHoverContext.Provider>;\n};\n\nexport const useDayContentHoverContext = () => useContext(DayContentHoverContext);\n"],"names":["DayContentHoverContext","createContext","hover","undefined","setHover","noop","DayContentHoverProvider","_ref","children","_useState","useState","_useState2","_slicedToArray","value","useMemo","React","createElement","Provider","useDayContentHoverContext","useContext"],"mappings":"qMAGaA,IAAAA,EAAyBC,EAGnC,CAAEC,WAAOC,EAAWC,SAAUC,IAEpBC,EAA0B,SAAHC,GAAmD,IAA7CC,EAAQD,EAARC,SACxCC,EAA0BC,OAA2BP,GAAUQ,EAAAC,EAAAH,EAAA,GAAxDP,EAAKS,EAAA,GAAEP,EAAQO,EAAA,GAChBE,EAAQC,GAAQ,WAAA,MAAO,CAAEZ,MAAAA,EAAOE,SAAAA,EAAU,GAAG,CAACF,IACpD,OAAOa,EAAAC,cAAChB,EAAuBiB,SAAQ,CAACJ,MAAOA,GAAQL,EACzD,EAEaU,EAA4B,WAAH,OAASC,EAAWnB,EAAuB"}

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

@@ -1,2 +0,0 @@
-import{defineProperty as e,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useMemo as r,useState as n,useRef as o,useEffect as i,useCallback as d,createContext as s}from"react";import l from"classnames";import{InternalModifier as c,DayPicker as u}from"react-day-picker";import m from"./DatePicker.module.scss.js";import f from"./DatePickerHeader.js";import{AddToRangeMiddle as k,AddToRangeStart as v,RemoveFromRange as D,HoveredDayExists as g,AddToRangeEnd as y,HalfRangeSelected as P,addToRange as b,addToRangeModifiers as p}from"./utils.js";import{RangeDayContent as h}from"./RangeDayContent.js";import{SingleDayContent as C}from"./SingleDayContent.js";import{DayContentHoverProvider as S,DayContentHoverContext as R}from"./DateContentHoverContext.js";var A,N={hours:9,minutes:0},E=(e(e(e(e(e(e(e(e(e(e(A={},c.Outside,m.datePickerDayOutside),c.Selected,m.datePickerDaySelected),c.Today,m.datePickerDayToday),c.Disabled,m.datePickerDayDisabled),c.RangeStart,m.datePickerDayRangeStart),c.RangeEnd,m.datePickerDayRangeEnd),c.RangeMiddle,m.datePickerDayRangeMiddle),k,m.datePickerAddToRangeMiddle),v,m.datePickerAddToRangeStart),y,m.datePickerAddToRangeEnd),e(e(e(A,D,m.datePickerRemoveFromRange),g,m.datePickerHoveredDayExists),P,m.datePickerHalfRangeSelected)),j=s({}),w=function(){return a.createElement(j.Consumer,null,(function(e){return a.createElement(f,Object.assign({},e))}))},H=function(s){var f=s.className,k=s.dayClassName,v=s.selectedDayClassName,D=s.id,g=s["data-testid"],y=s.mode,P=void 0===y?"single":y,A=s.date,H=s.endDate,L=s.onDateChange,M=s.firstDayOfWeek,O=void 0===M?0:M,x=s.showWeekNumber,T=s.isDateDisabled,B=s.locale,W=s.nextButtonAriaLabel,_=void 0===W?"Next":W,q=s.prevButtonAriaLabel,F=void 0===q?"Previous":q,Y=s.monthSelectionAriaLabel,z=void 0===Y?"Month":Y,G=s.yearSelectionAriaLabel,I=void 0===G?"Year":G,J=s.dropdownsClassName,K=s.intent,Q=void 0===K?"to":K,U=s.dialogContainerSelector,V=r((function(){return"single"===P?A:{from:A,to:H}}),[A,H,P]),X=n(A||new Date),Z=t(X,2),$=Z[0],ee=Z[1],te=o(),ae=o(),re=o(!1);i((function(){var e=+ae.current!=+H,t=!re.current;+te.current!=+A?t&&A&&ee(A):e&&t&&H&&ee(H),te.current=A,ae.current=H,re.current=!1}),[A,H]);var ne=d((function(e,t){if(re.current=!0,"range"===P){var a=b(t,V,Q);L({date:null==a?void 0:a.from,endDate:null==a?void 0:a.to})}else{var r=e,n=A?{hours:A.getHours(),minutes:A.getMinutes()}:N;r.setHours(n.hours,n.minutes),L(r)}}),[A,Q,P,L,V]),oe=r((function(){return{setDisplayMonth:ee,locale:B,nextButtonAriaLabel:_,prevButtonAriaLabel:F,monthSelectionAriaLabel:z,yearSelectionAriaLabel:I,dropdownsClassName:J,dialogContainerSelector:U}}),[B,z,_,ee,F,I,J,U]),ie=r((function(){return Object.assign(Object.assign({},E),e({},c.Selected,l(E[c.Selected],v)))}),[v]),de=r((function(){return{months:m.datePickerMonths,head:m.datePickerHead,table:m.datePickerTable,tbody:m.datePickerBody,day:l(m.datePickerDay,k)}}),[k]);return a.createElement("div",{id:D,className:l(m.datePicker,e({},m.withWeekNumber,x),f),"data-testid":g,"data-vibe":"DatePicker"},a.createElement(S,null,a.createElement(j.Provider,{value:oe},a.createElement(R.Consumer,null,(function(e){var t=p(e.hover,V,Q);return a.createElement(u,{fixedWeeks:!0,showOutsideDays:!0,showWeekNumber:x,mode:P,required:!0,weekStartsOn:O,disabled:T,selected:V,onSelect:ne,month:$,onMonthChange:ee,components:{Caption:w,DayContent:"single"===P?C:h},classNames:de,modifiers:t,modifiersClassNames:ie,locale:B})})))))};export{N as DEFAULT_TIME,H as default};
-//# sourceMappingURL=DatePicker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { type FC, createContext, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DateRange, DayPicker as ReactDatePicker, InternalModifier as DayModifier } from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\nimport DatePickerHeader, { type DatePickerHeaderProps } from \"./DatePickerHeader\";\nimport { type DatePickerProps, type DatePickerRange } from \"./DatePicker.types\";\nimport {\n  AddToRangeEnd,\n  AddToRangeMiddle,\n  AddToRangeStart,\n  HalfRangeSelected,\n  HoveredDayExists,\n  RemoveFromRange,\n  addToRange,\n  addToRangeModifiers\n} from \"./utils\";\nimport { RangeDayContent } from \"./RangeDayContent\";\nimport { SingleDayContent } from \"./SingleDayContent\";\nimport { DayContentHoverContext, DayContentHoverProvider } from \"./DateContentHoverContext\";\n\nexport const DEFAULT_TIME = { hours: 9, minutes: 0 };\n\nconst MODIFIERS_CLASS_NAMES = {\n  [DayModifier.Outside]: styles.datePickerDayOutside,\n  [DayModifier.Selected]: styles.datePickerDaySelected,\n  [DayModifier.Today]: styles.datePickerDayToday,\n  [DayModifier.Disabled]: styles.datePickerDayDisabled,\n  [DayModifier.RangeStart]: styles.datePickerDayRangeStart,\n  [DayModifier.RangeEnd]: styles.datePickerDayRangeEnd,\n  [DayModifier.RangeMiddle]: styles.datePickerDayRangeMiddle,\n  [AddToRangeMiddle]: styles.datePickerAddToRangeMiddle,\n  [AddToRangeStart]: styles.datePickerAddToRangeStart,\n  [AddToRangeEnd]: styles.datePickerAddToRangeEnd,\n  [RemoveFromRange]: styles.datePickerRemoveFromRange,\n  [HoveredDayExists]: styles.datePickerHoveredDayExists,\n  [HalfRangeSelected]: styles.datePickerHalfRangeSelected\n};\n\nconst DatePickerHeaderContext = createContext<DatePickerHeaderProps>({} as DatePickerHeaderProps);\n\nconst Caption = () => (\n  <DatePickerHeaderContext.Consumer>{props => <DatePickerHeader {...props} />}</DatePickerHeaderContext.Consumer>\n);\n\nconst DatePicker: FC<DatePickerProps> = ({\n  className,\n  dayClassName,\n  selectedDayClassName,\n  id,\n  \"data-testid\": dataTestId,\n  mode = \"single\",\n  date,\n  endDate,\n  onDateChange,\n  firstDayOfWeek = 0,\n  showWeekNumber,\n  isDateDisabled,\n  locale,\n  nextButtonAriaLabel = \"Next\",\n  prevButtonAriaLabel = \"Previous\",\n  monthSelectionAriaLabel = \"Month\",\n  yearSelectionAriaLabel = \"Year\",\n  dropdownsClassName,\n  intent = \"to\",\n  dialogContainerSelector\n}) => {\n  const selected = useMemo(() => (mode === \"single\" ? date : { from: date, to: endDate }), [date, endDate, mode]);\n  const [displayMonth, setDisplayMonth] = useState(date || new Date());\n\n  const prevDateRef = useRef<Date | undefined>();\n  const prevEndDateRef = useRef<Date | undefined>();\n  const lastChangeByInnerSelection = useRef(false);\n  useEffect(() => {\n    const dateChanged = +prevDateRef.current !== +date;\n    const endDateChanged = +prevEndDateRef.current !== +endDate;\n    const shouldSetDisplayMonth = !lastChangeByInnerSelection.current;\n\n    if (dateChanged) {\n      shouldSetDisplayMonth && date && setDisplayMonth(date);\n    } else if (endDateChanged) {\n      shouldSetDisplayMonth && endDate && setDisplayMonth(endDate);\n    }\n\n    prevDateRef.current = date;\n    prevEndDateRef.current = endDate;\n    lastChangeByInnerSelection.current = false;\n  }, [date, endDate]);\n\n  const onPickerDateChange = useCallback(\n    (newValue: Date | DateRange, selectedDay: Date) => {\n      lastChangeByInnerSelection.current = true;\n\n      if (mode === \"range\") {\n        const newRange = addToRange(selectedDay, selected as DateRange, intent);\n        (onDateChange as (range: DatePickerRange) => void)({ date: newRange?.from, endDate: newRange?.to });\n      } else {\n        const newDate = newValue as Date;\n        const { hours, minutes } = date ? { hours: date.getHours(), minutes: date.getMinutes() } : DEFAULT_TIME;\n        newDate.setHours(hours, minutes);\n        (onDateChange as (date: Date | undefined) => void)(newDate);\n      }\n    },\n    [date, intent, mode, onDateChange, selected]\n  );\n\n  const DatePickerHeaderContextValue = useMemo<DatePickerHeaderProps>(\n    () => ({\n      setDisplayMonth,\n      locale,\n      nextButtonAriaLabel,\n      prevButtonAriaLabel,\n      monthSelectionAriaLabel,\n      yearSelectionAriaLabel,\n      dropdownsClassName,\n      dialogContainerSelector\n    }),\n    [\n      locale,\n      monthSelectionAriaLabel,\n      nextButtonAriaLabel,\n      setDisplayMonth,\n      prevButtonAriaLabel,\n      yearSelectionAriaLabel,\n      dropdownsClassName,\n      dialogContainerSelector\n    ]\n  );\n\n  const modifiersClassNames = useMemo(\n    () => ({\n      ...MODIFIERS_CLASS_NAMES,\n      [DayModifier.Selected]: cx(MODIFIERS_CLASS_NAMES[DayModifier.Selected], selectedDayClassName)\n    }),\n    [selectedDayClassName]\n  );\n\n  const classNames = useMemo(\n    () => ({\n      months: styles.datePickerMonths,\n      head: styles.datePickerHead,\n      table: styles.datePickerTable,\n      tbody: styles.datePickerBody,\n      day: cx(styles.datePickerDay, dayClassName)\n    }),\n    [dayClassName]\n  );\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.datePicker, { [styles.withWeekNumber]: showWeekNumber }, className)}\n      data-testid={dataTestId}\n      data-vibe=\"DatePicker\"\n    >\n      <DayContentHoverProvider>\n        <DatePickerHeaderContext.Provider value={DatePickerHeaderContextValue}>\n          <DayContentHoverContext.Consumer>\n            {({ hover }) => {\n              const modifiers = addToRangeModifiers(hover, selected as DateRange, intent);\n              return (\n                <ReactDatePicker\n                  fixedWeeks\n                  showOutsideDays\n                  showWeekNumber={showWeekNumber}\n                  mode={mode as \"single\"} // cast to avoid type errors from ReactDatePicker\n                  required\n                  weekStartsOn={firstDayOfWeek}\n                  disabled={isDateDisabled}\n                  selected={selected as Date} // cast to avoid type errors from ReactDatePicker\n                  onSelect={onPickerDateChange}\n                  month={displayMonth}\n                  onMonthChange={setDisplayMonth}\n                  components={{ Caption, DayContent: mode === \"single\" ? SingleDayContent : RangeDayContent }}\n                  classNames={classNames}\n                  modifiers={modifiers}\n                  modifiersClassNames={modifiersClassNames}\n                  locale={locale}\n                />\n              );\n            }}\n          </DayContentHoverContext.Consumer>\n        </DatePickerHeaderContext.Provider>\n      </DayContentHoverProvider>\n    </div>\n  );\n};\n\nexport default DatePicker;\n"],"names":["DEFAULT_TIME","hours","minutes","MODIFIERS_CLASS_NAMES","_defineProperty","_MODIFIERS_CLASS_NAME","DayModifier","Outside","styles","datePickerDayOutside","Selected","datePickerDaySelected","Today","datePickerDayToday","Disabled","datePickerDayDisabled","RangeStart","datePickerDayRangeStart","RangeEnd","datePickerDayRangeEnd","RangeMiddle","datePickerDayRangeMiddle","AddToRangeMiddle","datePickerAddToRangeMiddle","AddToRangeStart","datePickerAddToRangeStart","AddToRangeEnd","datePickerAddToRangeEnd","RemoveFromRange","datePickerRemoveFromRange","HoveredDayExists","datePickerHoveredDayExists","HalfRangeSelected","datePickerHalfRangeSelected","DatePickerHeaderContext","createContext","Caption","React","createElement","Consumer","props","DatePickerHeader","DatePicker","_ref","className","dayClassName","selectedDayClassName","id","dataTestId","_ref$mode","mode","date","endDate","onDateChange","_ref$firstDayOfWeek","firstDayOfWeek","showWeekNumber","isDateDisabled","locale","_ref$nextButtonAriaLa","nextButtonAriaLabel","_ref$prevButtonAriaLa","prevButtonAriaLabel","_ref$monthSelectionAr","monthSelectionAriaLabel","_ref$yearSelectionAri","yearSelectionAriaLabel","dropdownsClassName","_ref$intent","intent","dialogContainerSelector","selected","useMemo","from","to","_useState","useState","Date","_useState2","_slicedToArray","displayMonth","setDisplayMonth","prevDateRef","useRef","prevEndDateRef","lastChangeByInnerSelection","useEffect","endDateChanged","current","shouldSetDisplayMonth","onPickerDateChange","useCallback","newValue","selectedDay","newRange","addToRange","newDate","_ref2","getHours","getMinutes","setHours","DatePickerHeaderContextValue","modifiersClassNames","Object","assign","cx","classNames","months","datePickerMonths","head","datePickerHead","table","datePickerTable","tbody","datePickerBody","day","datePickerDay","datePicker","withWeekNumber","DayContentHoverProvider","Provider","value","DayContentHoverContext","_ref3","modifiers","addToRangeModifiers","hover","ReactDatePicker","fixedWeeks","showOutsideDays","required","weekStartsOn","disabled","onSelect","month","onMonthChange","components","DayContent","SingleDayContent","RangeDayContent"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={datePicker:"datePicker_69c8c627bc",datePickerMonths:"datePickerMonths_204630ebed",withWeekNumber:"withWeekNumber_7715deb857",datePickerHead:"datePickerHead_addca9df63",datePickerBody:"datePickerBody_addca9df63",datePickerTable:"datePickerTable_8033ba1c9f",datePickerDay:"datePickerDay_5e13390f95",datePickerDayContent:"datePickerDayContent_26fcdff838",datePickerDayDisabled:"datePickerDayDisabled_75102c2872",datePickerAddToRangeStart:"datePickerAddToRangeStart_04c68b2e90",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_181a9cb79d",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_c4738c9def",datePickerDayRangeStart:"datePickerDayRangeStart_2a96e116f7",datePickerDayRangeEnd:"datePickerDayRangeEnd_b70c36bb6c",datePickerDayOutside:"datePickerDayOutside_5e10ab53ec",datePickerDaySelected:"datePickerDaySelected_b70c36bb6c",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_bcef07fab4",datePickerRemoveFromRange:"datePickerRemoveFromRange_234d7ac765",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_b924a48370"};!function(e){const a="s_id-18acaee8f787_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_69c8c627bc {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_69c8c627bc .datePickerMonths_204630ebed {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-medium);\n  align-items: flex-start;\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerHead_addca9df63 td:first-child {\n  width: var(--day-picker-day-width);\n  border-top-left-radius: var(--border-radius-medium);\n  border-top-right-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerHead_addca9df63 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerBody_addca9df63 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_69c8c627bc.withWeekNumber_7715deb857 .datePickerBody_addca9df63 tr:last-child td:first-child {\n  border-bottom-left-radius: var(--border-radius-medium);\n  border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker_69c8c627bc .datePickerTable_8033ba1c9f {\n  margin-top: var(--spacing-small);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_69c8c627bc .datePickerHead_addca9df63 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95 .datePickerDayContent_26fcdff838 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95:focus-visible {\n  outline: none;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95:focus-visible .datePickerDayContent_26fcdff838 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayDisabled_75102c2872 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95:not(.datePickerDayDisabled_75102c2872):not(.datePickerAddToRangeStart_04c68b2e90):not(.datePickerAddToRangeEnd_181a9cb79d):not(.datePickerAddToRangeMiddle_c4738c9def):not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c) .datePickerDayContent_26fcdff838:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayOutside_5e10ab53ec {\n  color: var(--disabled-text-color);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c:not(.datePickerDayRangeMiddle_bcef07fab4):not(.datePickerRemoveFromRange_234d7ac765) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7:not(.datePickerDayRangeEnd_b70c36bb6c):not(.datePickerRemoveFromRange_234d7ac765), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerRemoveFromRange_234d7ac765) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7.datePickerRemoveFromRange_234d7ac765, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c.datePickerRemoveFromRange_234d7ac765 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7.datePickerRemoveFromRange_234d7ac765:not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c.datePickerRemoveFromRange_234d7ac765:not(.datePickerDayRangeStart_2a96e116f7) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7:not(.datePickerDayRangeEnd_b70c36bb6c) {\n  margin-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c:not(.datePickerDayRangeStart_2a96e116f7) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4:not(.datePickerAddToRangeStart_04c68b2e90):not(.datePickerAddToRangeEnd_181a9cb79d) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4:not(.datePickerAddToRangeStart_04c68b2e90):not(.datePickerAddToRangeEnd_181a9cb79d) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerRemoveFromRange_234d7ac765:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeMiddle_bcef07fab4):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeMiddle_bcef07fab4):not(.datePickerDayRangeStart_2a96e116f7), .datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-left: var(--day-picker-days-horizontal-gap);\n  border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-left-radius: var(--border-radius-small);\n  border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerRemoveFromRange_234d7ac765 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDayRangeEnd_b70c36bb6c:not(.datePickerDayRangeStart_2a96e116f7) {\n  margin-right: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDayRangeMiddle_bcef07fab4, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c), .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeStart_2a96e116f7):not(.datePickerDayRangeEnd_b70c36bb6c) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-right: var(--day-picker-days-horizontal-gap);\n  border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-right-radius: var(--border-radius-small);\n  border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerRemoveFromRange_234d7ac765 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDayRangeStart_2a96e116f7:not(.datePickerDayRangeEnd_b70c36bb6c) {\n  margin-left: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeMiddle_bcef07fab4), .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def, .datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeMiddle_bcef07fab4),\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeStart_04c68b2e90:not(.datePickerDayRangeMiddle_bcef07fab4),\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeMiddle_c4738c9def,\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerDayRangeMiddle_bcef07fab4) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90,\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90 {\n  border-left-width: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:first-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d,\n.datePicker_69c8c627bc .datePickerBody_addca9df63 tr td:last-child .datePickerDay_5e13390f95.datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d {\n  border-right-width: 0;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeEnd_b70c36bb6c.datePickerAddToRangeStart_04c68b2e90:not(.datePickerHalfRangeSelected_b924a48370) {\n  margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_69c8c627bc .datePickerBody_addca9df63 .datePickerDaySelected_b70c36bb6c.datePickerDayRangeStart_2a96e116f7.datePickerAddToRangeEnd_181a9cb79d:not(.datePickerHalfRangeSelected_b924a48370) {\n  margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
-//# sourceMappingURL=DatePicker.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-import e from"classnames";import t,{useRef as r,useEffect as n}from"react";import{DayContent as o}from"react-day-picker";import{useDayContentHoverContext as s}from"./DateContentHoverContext.js";import a from"./DatePicker.module.scss.js";var i=function(i){var m=i.date,u=i.activeModifiers,c=s().setHover,l=r(null);return n((function(){var e=l.current.closest("td"),t=function(){return c(m)},r=function(){return c(void 0)};return null==e||e.addEventListener("mouseenter",t),null==e||e.addEventListener("mouseleave",r),function(){null==e||e.removeEventListener("mouseenter",t),null==e||e.removeEventListener("mouseleave",r)}}),[m,c]),t.createElement("div",{ref:l,className:e(a.datePickerDayContent,u)},t.createElement(o,Object.assign({},i)))};export{i as RangeDayContent};
-//# sourceMappingURL=RangeDayContent.js.map

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

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

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

@@ -1,2 +0,0 @@
-import e from"react";import{DayContent as r}from"react-day-picker";import t from"./DatePicker.module.scss.js";var a=function(a){return e.createElement("div",{className:t.datePickerDayContent},e.createElement(r,Object.assign({},a)))};export{a as SingleDayContent};
-//# sourceMappingURL=SingleDayContent.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{useMemo as r}from"react";import{format as e}from"date-fns";var t=[0,1,2,3,4,5,6,7,8,9,10,11],n=function(n){var a=n.locale;return r((function(){return t.map((function(r){var t=new Date;return t.setMonth(r,1),{id:""+r,label:e(t,"LLL",{locale:a})}}))}),[a])},a=function(t){var n=t.locale;return r((function(){return Array.from({length:201},(function(r,e){var t=new Date;return t.setFullYear(t.getFullYear()-100+e),t})).map((function(r){return{id:""+r.getFullYear(),label:e(r,"yyyy",{locale:n})}}))}),[n])};export{n as useMonthsOptionItems,a as useYearsOptionItems};
-//# sourceMappingURL=datePickerHooks.js.map

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

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