@vibe/core 4.5.22 → 4.5.24

package/dist/mocked_classnames/src/index.js

@@ -1,2 +1,2 @@
-import"@vibe/style/dist/index.min.css";export*from"@vibe/accordion/mockedClassNames";export*from"@vibe/alert-banner/mockedClassNames";export*from"@vibe/attention-box/mockedClassNames";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export*from"@vibe/badge/mockedClassNames";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export*from"@vibe/chips/mockedClassNames";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export*from"@vibe/color-picker/mockedClassNames";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export*from"@vibe/empty-state/mockedClassNames";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export*from"@vibe/a11y/mockedClassNames";export{useGridKeyboardNavigation}from"@vibe/a11y/mockedClassNames";export{Heading,Text}from"@vibe/typography/mockedClassNames";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export*from"@vibe/info/mockedClassNames";export*from"@vibe/label/mockedClassNames";export{LayerProvider}from"@vibe/layer/mockedClassNames";export*from"@vibe/link/mockedClassNames";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{Menu,MenuDivider,MenuGridItem,MenuItem,MenuItemButton,MenuTitle}from"@vibe/menu/mockedClassNames";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{NumberField,TextArea,TextField}from"@vibe/text-inputs/mockedClassNames";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{MultiStepIndicator,Steps}from"@vibe/wizard/mockedClassNames";export*from"@vibe/progress-bars/mockedClassNames";export*from"@vibe/radio-button/mockedClassNames";export{default as Search}from"./components/Search/Search.js";export*from"@vibe/skeleton/mockedClassNames";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export*from"@vibe/tabs/mockedClassNames";export*from"@vibe/text-with-highlight/mockedClassNames";export*from"@vibe/theme-provider/mockedClassNames";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export*from"@vibe/toast/mockedClassNames";export{Toggle}from"@vibe/toggle/mockedClassNames";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export*from"@vibe/transitions/mockedClassNames";export*from"@vibe/virtualized-grid/mockedClassNames";export*from"@vibe/virtualized-list/mockedClassNames";export{default as ColorUtils}from"./utils/colors-utils.js";export{getElementColor,useEventListener,useKeyEvent}from"@vibe/shared";export{useAfterFirstRender,useClickOutside,useDebounceEvent,useIsOverflowing,usePrevious,useResizeObserver,useSetFocus,useSwitch}from"@vibe/hooks";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";
+import"@vibe/style/dist/index.min.css";export*from"@vibe/accordion/mockedClassNames";export*from"@vibe/alert-banner/mockedClassNames";export*from"@vibe/attention-box/mockedClassNames";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export*from"@vibe/badge/mockedClassNames";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export*from"@vibe/chips/mockedClassNames";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export*from"@vibe/color-picker/mockedClassNames";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export*from"@vibe/empty-state/mockedClassNames";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export*from"@vibe/a11y/mockedClassNames";export{useGridKeyboardNavigation}from"@vibe/a11y/mockedClassNames";export{Heading,Text}from"@vibe/typography/mockedClassNames";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export*from"@vibe/info/mockedClassNames";export*from"@vibe/label/mockedClassNames";export{LayerProvider}from"@vibe/layer/mockedClassNames";export*from"@vibe/link/mockedClassNames";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{Menu,MenuDivider,MenuGridItem,MenuItem,MenuItemButton,MenuTitle}from"@vibe/menu/mockedClassNames";export*from"@vibe/menu-button/mockedClassNames";export{NumberField,TextArea,TextField}from"@vibe/text-inputs/mockedClassNames";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{MultiStepIndicator,Steps}from"@vibe/wizard/mockedClassNames";export*from"@vibe/progress-bars/mockedClassNames";export*from"@vibe/radio-button/mockedClassNames";export{default as Search}from"./components/Search/Search.js";export*from"@vibe/skeleton/mockedClassNames";export*from"@vibe/slider/mockedClassNames";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export*from"@vibe/tabs/mockedClassNames";export*from"@vibe/text-with-highlight/mockedClassNames";export*from"@vibe/theme-provider/mockedClassNames";export*from"@vibe/tipseen/mockedClassNames";export*from"@vibe/toast/mockedClassNames";export{Toggle}from"@vibe/toggle/mockedClassNames";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export*from"@vibe/transitions/mockedClassNames";export*from"@vibe/virtualized-grid/mockedClassNames";export*from"@vibe/virtualized-list/mockedClassNames";export{default as ColorUtils}from"./utils/colors-utils.js";export{getElementColor,useEventListener,useKeyEvent}from"@vibe/shared";export{useAfterFirstRender,useClickOutside,useDebounceEvent,useIsOverflowing,usePrevious,useResizeObserver,useSetFocus,useSwitch}from"@vibe/hooks";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_c79eb090e0",avatarContainer:"avatarContainer_c9a6ab045e"};!function(e){const a="s_id-34c07868a875_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_c79eb090e0 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_c9a6ab045e {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_5cfbdb04d8",avatarContainer:"avatarContainer_529c8c43f7"};!function(e){const n="s_id-34c07868a875_4_5_23";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer_5cfbdb04d8 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_529c8c43f7 {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../MenuButton/MenuButton.js";import a from"./AvatarGroupCounterTooltipContainer.js";import{avatarOnClick as l}from"./AvatarGroupHelper.js";import s from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as u}from"./AvatarGroupConstants.js";import m from"../../../components/counter/dist/Counter/Counter.js";import c from"../../../components/menu/dist/Menu/Menu/Menu.js";import d from"../../../components/menu/dist/Menu/MenuItem/AvatarMenuItem.js";import{getStyle as p}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,M=v.counterAriaLabel,A=v.disabled,E=v.counterProps||{},z=E.color,N=void 0===z?"light":z,T=E.count,h=void 0===T?b.length:T,y=E.prefix,G=void 0===y?"+":y,L=E.maxDigits,k=void 0===L?3:L,B=E.ariaLabelItemsName,H=void 0===B?"items":B,O=E.noAnimation,R=E.dialogContainerSelector,S=E.tabIndex,D=void 0===S?0:S,V=p(s,null==P?void 0:""+P),_=s[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(m,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":M||"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},s.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,N,k,G,h,A,O]);return b.length||h?A?o.createElement("div",{ref:F,className:n(s.counterContainer,s.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(i,{component:J,zIndex:1,className:n(s.counterContainer,V,_),"aria-label":M||"".concat(h," additional ").concat(H),dialogContainerSelector:R},o.createElement(c,{id:"menu",size:"medium",className:s.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(d,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a["aria-label"]),onClick:function(o){return l(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:u,"aria-label":"",tabIndex:-1})})})))):o.createElement(a,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:D,className:n(s.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"./AvatarGroupCounterTooltipContainer.js";import{avatarOnClick as a}from"./AvatarGroupHelper.js";import l from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as s}from"./AvatarGroupConstants.js";import u from"../../../components/counter/dist/Counter/Counter.js";import m from"../../../components/menu-button/dist/MenuButton/MenuButton.js";import c from"../../../components/menu/dist/Menu/Menu/Menu.js";import d from"../../../components/menu/dist/Menu/MenuItem/AvatarMenuItem.js";import{getStyle as p}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,M=v.counterAriaLabel,A=v.disabled,E=v.counterProps||{},z=E.color,N=void 0===z?"light":z,T=E.count,h=void 0===T?b.length:T,y=E.prefix,G=void 0===y?"+":y,L=E.maxDigits,k=void 0===L?3:L,B=E.ariaLabelItemsName,H=void 0===B?"items":B,O=E.noAnimation,R=E.dialogContainerSelector,S=E.tabIndex,D=void 0===S?0:S,V=p(l,null==P?void 0:""+P),_=l[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(u,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":M||"Tab for more ".concat(H),noAnimation:O,counterClassName:n(e({},l.disabled,A)),size:"xs"===P?"xs":void 0})}),[M,H,N,k,G,h,A,O]);return b.length||h?A?o.createElement("div",{ref:F,className:n(l.counterContainer,l.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(m,{component:J,zIndex:1,className:n(l.counterContainer,V,_),"aria-label":M||"".concat(h," additional ").concat(H),dialogContainerSelector:R},o.createElement(c,{id:"menu",size:"medium",className:l.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,l;return o.createElement(d,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(l=null==e?void 0:e.props)||void 0===l?void 0:l["aria-label"]),onClick:function(o){return a(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:s,"aria-label":"",tabIndex:-1})})})))):o.createElement(i,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:D,className:n(l.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
 //# sourceMappingURL=AvatarGroupCounter.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport { Counter } from \"@vibe/counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport { Menu, AvatarMenuItem } from \"@vibe/menu\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  \"aria-label\": \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"wtBAkDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACC,aAAAhB,mBAAmCsC,OAAmBnB,GAClEC,YAAaA,EACbmB,iBAAkBC,EAAEC,EAAA,CAAA,EAAId,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO4C,GAGnC,GAAG,CACD1C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAO,IAAKX,EACLY,UAAWJ,EAAGb,EAAOkB,iBAAkBlB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBqD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEf,EAACC,cAAAe,GACCC,UAAWnB,EACXoB,OAAQ,EACRT,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GAAkB,aAC/D5B,GAAmCsC,GAAAA,OAAM7B,EAAY6B,gBAAAA,OAAenB,GAChFE,wBAAyBA,GAEzBc,EAAAC,cAACkB,EAAI,CAACC,GAAG,OAAOzD,KAAK,SAAS8C,UAAWjB,EAAO6B,KAAMC,sBAAuB,GAC1EhE,EAAsBiE,KAAI,SAACC,EAAQC,eAClC,OAEEzB,EAACC,cAAAyB,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdf,EAAAW,EAAOV,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaK,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOV,aAAO,IAAAkB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAmC,QAAbC,EAAAX,aAAA,EAAAA,EAAQV,aAAK,IAAAqB,OAAA,EAAAA,EAAG,eAC1EpB,QAAS,SAACqB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOV,MAAM,GAEhGwB,2CACKd,EAAOV,OACV,CAAAyB,WAAYC,EACZ,aAAc,GACdpD,UAAW,KAIlB,MAOPY,EAAAC,cAACwC,EAAkC,CACjC/C,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrB6C,QAASpF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGoB,IAAKd,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVoB,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GACzDe,IAAKX,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGoB,IAAKZ,MAnErB,IAuEX"}
+{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport { Counter } from \"@vibe/counter\";\nimport { MenuButton } from \"@vibe/menu-button\";\nimport { Menu, AvatarMenuItem } from \"@vibe/menu\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  \"aria-label\": \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}

package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_f7d677fcdd","focus-visible":"focus-visible_1978dd3510",xs:"xs_c475577a3b",small:"small_cb2824bb49",medium:"medium_a4256b9f96",large:"large_adec1ba09e",primary:"primary_36d02dd144",dark:"dark_e7bca86fd5",negative:"negative_0dbd1d8bf5",light:"light_f87e7062c9",disabled:"disabled_5718626ba6",menu:"menu_7c2434b902"};!function(n){const d="s_id-d3854ac48ae9_4_5_21";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd:focus-visible, .counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.focus-visible_1978dd3510 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd:focus-visible:focus-visible, .counterContainer_f7d677fcdd.counterContainer_f7d677fcdd:focus-visible.focus-visible_1978dd3510, .counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.focus-visible_1978dd3510:focus-visible, .counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.focus-visible_1978dd3510.focus-visible_1978dd3510 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd:focus-visible:focus:not(.focus-visible_1978dd3510), .counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.focus-visible_1978dd3510:focus:not(.focus-visible_1978dd3510) {\n  outline: none;\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.xs_c475577a3b {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.small_cb2824bb49 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.medium_a4256b9f96 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.large_adec1ba09e {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.primary_36d02dd144 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.dark_e7bca86fd5 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.negative_0dbd1d8bf5 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.light_f87e7062c9 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_f7d677fcdd.counterContainer_f7d677fcdd .disabled_5718626ba6, .counterContainer_f7d677fcdd.counterContainer_f7d677fcdd.disabled_5718626ba6 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_7c2434b902 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_7c2434b902::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_7c2434b902::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var e={counterContainer:"counterContainer_e454f78f92","focus-visible":"focus-visible_407dd9e5fe",xs:"xs_3941dc41c5",small:"small_44683659bd",medium:"medium_4bee89327e",large:"large_638592312d",primary:"primary_5a69c708ce",dark:"dark_2d44337cdd",negative:"negative_0e6254c8b9",light:"light_c9449a6231",disabled:"disabled_93adfa47a8",menu:"menu_5875b09fee"};!function(e){const n="s_id-d3854ac48ae9_4_5_23";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_e454f78f92.counterContainer_e454f78f92 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92:focus-visible, .counterContainer_e454f78f92.counterContainer_e454f78f92.focus-visible_407dd9e5fe { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92:focus-visible:focus-visible, .counterContainer_e454f78f92.counterContainer_e454f78f92:focus-visible.focus-visible_407dd9e5fe, .counterContainer_e454f78f92.counterContainer_e454f78f92.focus-visible_407dd9e5fe:focus-visible, .counterContainer_e454f78f92.counterContainer_e454f78f92.focus-visible_407dd9e5fe.focus-visible_407dd9e5fe {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92:focus-visible:focus:not(.focus-visible_407dd9e5fe), .counterContainer_e454f78f92.counterContainer_e454f78f92.focus-visible_407dd9e5fe:focus:not(.focus-visible_407dd9e5fe) {\n  outline: none;\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.xs_3941dc41c5 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.small_44683659bd {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.medium_4bee89327e {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.large_638592312d {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.primary_5a69c708ce {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.dark_2d44337cdd {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.negative_0e6254c8b9 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92.light_c9449a6231 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_e454f78f92.counterContainer_e454f78f92 .disabled_93adfa47a8, .counterContainer_e454f78f92.counterContainer_e454f78f92.disabled_93adfa47a8 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_5875b09fee {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_5875b09fee::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_5875b09fee::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_c239e13daf",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_23896232aa",tooltipContainer:"tooltipContainer_b4b044521e","focus-visible":"focus-visible_1978dd3510",tooltipGridContainer:"tooltipGridContainer_58aaf16dad",scrollableContainer:"scrollableContainer_34721645dc"};!function(t){const e="s_id-886ef7c132b6_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_c239e13daf {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_23896232aa {\n  flex-shrink: 0;\n}\n.tooltipContainer_b4b044521e {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer_b4b044521e:focus, .tooltipContainer_b4b044521e:focus-visible, .tooltipContainer_b4b044521e.focus-visible_1978dd3510 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_58aaf16dad {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer_34721645dc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_34721645dc::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_c189462331",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_d371f7863a",tooltipContainer:"tooltipContainer_232f6d3c94","focus-visible":"focus-visible_407dd9e5fe",tooltipGridContainer:"tooltipGridContainer_bdfc6c2bb1",scrollableContainer:"scrollableContainer_2380e0714f"};!function(t){const e="s_id-886ef7c132b6_4_5_23";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_c189462331 {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_d371f7863a {\n  flex-shrink: 0;\n}\n.tooltipContainer_232f6d3c94 {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer_232f6d3c94:focus, .tooltipContainer_232f6d3c94:focus-visible, .tooltipContainer_232f6d3c94.focus-visible_407dd9e5fe { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_bdfc6c2bb1 {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer_2380e0714f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_2380e0714f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_4b86411712",virtualizedTooltipContainer:"virtualizedTooltipContainer_6a48fdfa15","focus-visible":"focus-visible_1978dd3510"};!function(e){const i="s_id-21f61936150a_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_4b86411712::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_4b86411712::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_6a48fdfa15 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_6a48fdfa15:focus, .virtualizedTooltipContainer_6a48fdfa15:focus-visible, .virtualizedTooltipContainer_6a48fdfa15.focus-visible_1978dd3510 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_fad5b0c49b",virtualizedTooltipContainer:"virtualizedTooltipContainer_129a16b1e9","focus-visible":"focus-visible_407dd9e5fe"};!function(e){const i="s_id-21f61936150a_4_5_23";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_fad5b0c49b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fad5b0c49b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_129a16b1e9 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_129a16b1e9:focus, .virtualizedTooltipContainer_129a16b1e9:focus-visible, .virtualizedTooltipContainer_129a16b1e9.focus-visible_407dd9e5fe { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_6903ed28a2",withoutText:"withoutText_97ce5a5ed4",breadcrumbText:"breadcrumbText_25b0cf2b8f",breadcrumbIcon:"breadcrumbIcon_035a5587f6",clickable:"clickable_aba5e41771",current:"current_6f110cae14",disabled:"disabled_5386953701",notClickable:"notClickable_8ff387e879"};!function(e){const n="s_id-6512392a70ad_4_5_21";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_6903ed28a2 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_6903ed28a2.withoutText_97ce5a5ed4 {\n  padding: 4px;\n}\na.breadcrumbContent_6903ed28a2:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_6903ed28a2 .breadcrumbText_25b0cf2b8f {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_6903ed28a2 .breadcrumbIcon_035a5587f6 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_6903ed28a2:focus {\n  outline: none;\n}\n.breadcrumbContent_6903ed28a2.clickable_aba5e41771 {\n  cursor: pointer;\n}\n.breadcrumbContent_6903ed28a2.clickable_aba5e41771:hover,\n.breadcrumbContent_6903ed28a2:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_6903ed28a2.current_6f110cae14 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_6903ed28a2.disabled_5386953701 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_6903ed28a2.disabled_5386953701:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_6903ed28a2.notClickable_8ff387e879 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_8621444bd6",withoutText:"withoutText_f0a9944353",breadcrumbText:"breadcrumbText_b2dbe07d7d",breadcrumbIcon:"breadcrumbIcon_df83d9f725",clickable:"clickable_de558c6b8b",current:"current_882d86fcf7",disabled:"disabled_6957cfc2bd",notClickable:"notClickable_7070c2dae6"};!function(e){const n="s_id-6512392a70ad_4_5_23";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_8621444bd6 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_8621444bd6.withoutText_f0a9944353 {\n  padding: 4px;\n}\na.breadcrumbContent_8621444bd6:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_8621444bd6 .breadcrumbText_b2dbe07d7d {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_8621444bd6 .breadcrumbIcon_df83d9f725 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_8621444bd6:focus {\n  outline: none;\n}\n.breadcrumbContent_8621444bd6.clickable_de558c6b8b {\n  cursor: pointer;\n}\n.breadcrumbContent_8621444bd6.clickable_de558c6b8b:hover,\n.breadcrumbContent_8621444bd6:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_8621444bd6.current_882d86fcf7 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_8621444bd6.disabled_6957cfc2bd {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_8621444bd6.disabled_6957cfc2bd:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_8621444bd6.notClickable_7070c2dae6 {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_634e51ddf9",disabled:"disabled_52eaad9fb6"};!function(e){const d="s_id-03f482333e23_4_5_21";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_634e51ddf9 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_634e51ddf9.disabled_52eaad9fb6 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_cf578e621d",disabled:"disabled_8d551be481"};!function(e){const d="s_id-03f482333e23_4_5_23";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_cf578e621d {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_cf578e621d.disabled_8d551be481 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"../../MenuButton/MenuButton.js";import s from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as m}from"../../../tests/testIds.js";import i from"../../../../components/menu/dist/Menu/Menu/Menu.js";var o=r((function(r,o){var u=r.children,d=r.id,c=r["data-testid"],l=e(r,["children","id","data-testid"]),b=d||"breadcrumb-menu-button",p="".concat(b,"-menu");return t.createElement("li",Object.assign({className:s.breadcrumbMenuWrapper},l),t.createElement(n,{id:b,size:"xxs",closeMenuOnItemClick:!0,"aria-label":"Hidden breadcrumbs menu","data-testid":c||m(a.BREADCRUMB_MENU,d),"aria-controls":p,ref:o},t.createElement(i,{id:p,size:"medium",focusItemIndexOnMount:0,"aria-label":"Expanded breadcrumbs menu"},u)))}));export{o as default};
+import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as m}from"../../../tests/testIds.js";import a from"../../../../components/menu-button/dist/MenuButton/MenuButton.js";import o from"../../../../components/menu/dist/Menu/Menu/Menu.js";var i=r((function(r,i){var u=r.children,d=r.id,c=r["data-testid"],l=e(r,["children","id","data-testid"]),b=d||"breadcrumb-menu-button",p="".concat(b,"-menu");return t.createElement("li",Object.assign({className:n.breadcrumbMenuWrapper},l),t.createElement(a,{id:b,size:"xxs",closeMenuOnItemClick:!0,"aria-label":"Hidden breadcrumbs menu","data-testid":c||m(s.BREADCRUMB_MENU,d),"aria-controls":p,ref:i},t.createElement(o,{id:p,size:"medium",focusItemIndexOnMount:0,"aria-label":"Expanded breadcrumbs menu"},u)))}));export{i as default};
 //# sourceMappingURL=BreadcrumbMenu.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"@vibe/menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n  children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n  (\n    { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ) => {\n    const menuButtonId = id || \"breadcrumb-menu-button\";\n    const menuId = `${menuButtonId}-menu`;\n\n    return (\n      <li className={styles.breadcrumbMenuWrapper} {...props}>\n        <MenuButton\n          id={menuButtonId}\n          size={\"xxs\"}\n          closeMenuOnItemClick\n          aria-label={\"Hidden breadcrumbs menu\"}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n          aria-controls={menuId}\n          ref={ref}\n        >\n          <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} aria-label=\"Expanded breadcrumbs menu\">\n            {children}\n          </Menu>\n        </MenuButton>\n      </li>\n    );\n  }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","Menu","focusItemIndexOnMount"],"mappings":"yXAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBAAoB,EAAA,aACR,0BAAyB,cACxBb,GAAcc,EAAUC,EAAuBC,gBAAiBjB,GAC9D,gBAAAK,EACfP,IAAKA,GAELS,EAACI,cAAAO,GAAKlB,GAAIK,EAAQQ,KAAM,SAAUM,sBAAuB,eAAc,6BACpEpB,IAKX"}
+{"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { MenuButton } from \"@vibe/menu-button\";\nimport { Menu } from \"@vibe/menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n  children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n  (\n    { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ) => {\n    const menuButtonId = id || \"breadcrumb-menu-button\";\n    const menuId = `${menuButtonId}-menu`;\n\n    return (\n      <li className={styles.breadcrumbMenuWrapper} {...props}>\n        <MenuButton\n          id={menuButtonId}\n          size={\"xxs\"}\n          closeMenuOnItemClick\n          aria-label={\"Hidden breadcrumbs menu\"}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n          aria-controls={menuId}\n          ref={ref}\n        >\n          <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} aria-label=\"Expanded breadcrumbs menu\">\n            {children}\n          </Menu>\n        </MenuButton>\n      </li>\n    );\n  }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","Menu","focusItemIndexOnMount"],"mappings":"2ZAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBAAoB,EAAA,aACR,0BAAyB,cACxBb,GAAcc,EAAUC,EAAuBC,gBAAiBjB,GAC9D,gBAAAK,EACfP,IAAKA,GAELS,EAACI,cAAAO,GAAKlB,GAAIK,EAAQQ,KAAM,SAAUM,sBAAuB,eAAc,6BACpEpB,IAKX"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_634e51ddf9"};!function(e){const n="s_id-fc5ae89c4b65_4_5_21";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_634e51ddf9 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_cf578e621d"};!function(e){const n="s_id-fc5ae89c4b65_4_5_23";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_cf578e621d {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_ba1c3c7d0b",separatorIcon:"separatorIcon_68d46bc629"};!function(e){const n="s_id-24567fd55d40_4_5_21";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_ba1c3c7d0b ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_ba1c3c7d0b ol .separatorIcon_68d46bc629 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_ce687896ae",separatorIcon:"separatorIcon_696f8d375f"};!function(e){const n="s_id-24567fd55d40_4_5_23";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_ce687896ae ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_ce687896ae ol .separatorIcon_696f8d375f {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1 +1 @@
-{"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, useMergeRef, useWarnDeprecated } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\n\nimport Search from \"../Search/Search\";\nimport { Button } from \"@vibe/button\";\nimport { Text } from \"@vibe/typography\";\n\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            aria-expanded={hasFilter || hasResults}\n            aria-haspopup=\"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","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction"],"mappings":"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"}
+{"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, useMergeRef, useWarnDeprecated } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\n\nimport Search from \"../Search/Search\";\nimport { Button } from \"@vibe/button\";\nimport { Text } from \"@vibe/typography\";\n\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 \"@vibe/menu-button\";\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            aria-expanded={hasFilter || hasResults}\n            aria-haspopup=\"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","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 +1,2 @@
-var o={combobox:"combobox_e41e487525",stickyCategory:"stickyCategory_fc1d7351c7",comboboxCategory:"comboboxCategory_588fd50c65",sizeSmall:"sizeSmall_ae06cc02ba",sizeMedium:"sizeMedium_11c6928ea6",sizeLarge:"sizeLarge_ae06cc02ba",empty:"empty_002625897b",comboboxSearchWrapper:"comboboxSearchWrapper_b7218945d9",comboboxNoResults:"comboboxNoResults_b08147d0c7",comboboxMessageWrapper:"comboboxMessageWrapper_018660e608",comboboxMessage:"comboboxMessage_3d64a015d4",addNewButton:"addNewButton_d0c2ac7bc2",buttonLabel:"buttonLabel_3d64a015d4",comboboxList:"comboboxList_e4e9ab1358"};!function(o){const e="s_id-5bf292a5a8b0_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_e41e487525 {\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(--space-8);\n}\n.combobox_e41e487525.stickyCategory_fc1d7351c7 .comboboxCategory_588fd50c65 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_e41e487525.stickyCategory_fc1d7351c7.sizeSmall_ae06cc02ba .comboboxCategory_588fd50c65 {\n  top: 32px;\n}\n.combobox_e41e487525.stickyCategory_fc1d7351c7.sizeMedium_11c6928ea6 .comboboxCategory_588fd50c65 {\n  top: 40px;\n}\n.combobox_e41e487525.stickyCategory_fc1d7351c7.sizeLarge_ae06cc02ba .comboboxCategory_588fd50c65 {\n  top: 48px;\n}\n.combobox_e41e487525.empty_002625897b {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_b7218945d9 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_b08147d0c7 {\n  margin-top: var(--space-8);\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_b08147d0c7 .comboboxMessageWrapper_018660e608 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_b08147d0c7 .comboboxMessageWrapper_018660e608 .comboboxMessage_3d64a015d4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_b08147d0c7 .addNewButton_d0c2ac7bc2 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_b08147d0c7 .addNewButton_d0c2ac7bc2 .buttonLabel_3d64a015d4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_e4e9ab1358 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_4f6c5d2dfc",stickyCategory:"stickyCategory_fbaec3a15c",comboboxCategory:"comboboxCategory_2cc555fb39",sizeSmall:"sizeSmall_8396efc4cd",sizeMedium:"sizeMedium_c89cda4c4b",sizeLarge:"sizeLarge_8396efc4cd",empty:"empty_8a0c30b010",comboboxSearchWrapper:"comboboxSearchWrapper_80cb3497d5",comboboxNoResults:"comboboxNoResults_6c566dd0b5",comboboxMessageWrapper:"comboboxMessageWrapper_6fb108e8c8",comboboxMessage:"comboboxMessage_e0ca852543",addNewButton:"addNewButton_bb5faec7c6",buttonLabel:"buttonLabel_e0ca852543",comboboxList:"comboboxList_db05bb4d6e"};!function(o){const e="s_id-5bf292a5a8b0_4_5_23";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,c.firstChild?c.insertBefore(n,c.firstChild):c.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_4f6c5d2dfc {\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(--space-8);\n}\n.combobox_4f6c5d2dfc.stickyCategory_fbaec3a15c .comboboxCategory_2cc555fb39 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_4f6c5d2dfc.stickyCategory_fbaec3a15c.sizeSmall_8396efc4cd .comboboxCategory_2cc555fb39 {\n  top: 32px;\n}\n.combobox_4f6c5d2dfc.stickyCategory_fbaec3a15c.sizeMedium_c89cda4c4b .comboboxCategory_2cc555fb39 {\n  top: 40px;\n}\n.combobox_4f6c5d2dfc.stickyCategory_fbaec3a15c.sizeLarge_8396efc4cd .comboboxCategory_2cc555fb39 {\n  top: 48px;\n}\n.combobox_4f6c5d2dfc.empty_8a0c30b010 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_80cb3497d5 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_6c566dd0b5 {\n  margin-top: var(--space-8);\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_6c566dd0b5 .comboboxMessageWrapper_6fb108e8c8 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_6c566dd0b5 .comboboxMessageWrapper_6fb108e8c8 .comboboxMessage_e0ca852543 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_6c566dd0b5 .addNewButton_bb5faec7c6 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_6c566dd0b5 .addNewButton_bb5faec7c6 .buttonLabel_e0ca852543 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_db05bb4d6e {\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/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_690a7e744c",dividerContainer:"dividerContainer_dd38ce7ade",divider:"divider_711b7cf814",sticky:"sticky_e315a9b5b8"};!function(e){const n="s_id-cfec7f62c06c_4_5_21";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_690a7e744c {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_dd38ce7ade {\n  position: relative;\n  width: 95%;\n}\n\n.divider_711b7cf814 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_e315a9b5b8 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_fee87115c6",dividerContainer:"dividerContainer_9bbc91a214",divider:"divider_81be55ac1c",sticky:"sticky_ebfca1b354"};!function(e){const n="s_id-cfec7f62c06c_4_5_23";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_fee87115c6 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_9bbc91a214 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_81be55ac1c {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_ebfca1b354 {\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/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_2eaed465b6"};!function(e){const t="s_id-ddc89c066e12_4_5_21";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/* stylelint-disable selector-class-pattern */\n.comboboxCategory_2eaed465b6 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_b6874f87f5"};!function(e){const t="s_id-ddc89c066e12_4_5_23";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/* stylelint-disable selector-class-pattern */\n.comboboxCategory_b6874f87f5 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_4b86411712",optionsContainer:"optionsContainer_6aca0c67df",categoryWithOptions:"categoryWithOptions_d2b07821ef",firstCategory:"firstCategory_2350e68a67",categoryWithoutOptions:"categoryWithoutOptions_315649bcaa"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_21";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_4b86411712::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_4b86411712::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_6aca0c67df {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_d2b07821ef.firstCategory_2350e68a67,\n.categoryWithoutOptions_315649bcaa.firstCategory_2350e68a67 {\n  padding-top: 0;\n}\n.categoryWithOptions_d2b07821ef {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_315649bcaa {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_fad5b0c49b",optionsContainer:"optionsContainer_2d3329330b",categoryWithOptions:"categoryWithOptions_6c9a2a3613",firstCategory:"firstCategory_5faef2c1ba",categoryWithoutOptions:"categoryWithoutOptions_f338a2a854"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_23";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_fad5b0c49b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fad5b0c49b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_2d3329330b {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_6c9a2a3613.firstCategory_5faef2c1ba,\n.categoryWithoutOptions_f338a2a854.firstCategory_5faef2c1ba {\n  padding-top: 0;\n}\n.categoryWithOptions_6c9a2a3613 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_f338a2a854 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxOption:"comboboxOption_69862725ec",disabled:"disabled_d70a7332c2",selected:"selected_b27d8e701e",active:"active_f84a738ebf",activeOutline:"activeOutline_f7ea0d67e8",optionLabel:"optionLabel_b8f77b31ba",optionIcon:"optionIcon_0c9a6f813f",left:"left_43a9092a84"};!function(e){const o="s_id-3db504899945_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_69862725ec {\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_69862725ec.disabled_d70a7332c2 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_69862725ec.disabled_d70a7332c2:hover {\n  background-color: transparent;\n}\n.comboboxOption_69862725ec.selected_b27d8e701e {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_69862725ec:hover:not(.disabled_d70a7332c2):not(.selected_b27d8e701e),\n.comboboxOption_69862725ec.active_f84a738ebf {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_69862725ec.activeOutline_f7ea0d67e8 {\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_69862725ec .optionLabel_b8f77b31ba {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_69862725ec .optionIcon_0c9a6f813f {\n  flex: 0 0 auto;\n}\n.comboboxOption_69862725ec .optionIcon_0c9a6f813f.left_43a9092a84 {\n  margin-inline-end: 4px;\n}");export{e as default};
+var e={comboboxOption:"comboboxOption_0aefe16a60",disabled:"disabled_3449989b5d",selected:"selected_a7cfd741d9",active:"active_8fecd557c7",activeOutline:"activeOutline_4ec2119cf4",optionLabel:"optionLabel_d1d9800097",optionIcon:"optionIcon_963b6e65c1",left:"left_b15d7b095c"};!function(e){const o="s_id-3db504899945_4_5_23";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_0aefe16a60 {\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_0aefe16a60.disabled_3449989b5d {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_0aefe16a60.disabled_3449989b5d:hover {\n  background-color: transparent;\n}\n.comboboxOption_0aefe16a60.selected_a7cfd741d9 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_0aefe16a60:hover:not(.disabled_3449989b5d):not(.selected_a7cfd741d9),\n.comboboxOption_0aefe16a60.active_8fecd557c7 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_0aefe16a60.activeOutline_4ec2119cf4 {\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_0aefe16a60 .optionLabel_d1d9800097 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_0aefe16a60 .optionIcon_963b6e65c1 {\n  flex: 0 0 auto;\n}\n.comboboxOption_0aefe16a60 .optionIcon_963b6e65c1.left_b15d7b095c {\n  margin-inline-end: 4px;\n}");export{e as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_b664951544",datePickerMonths:"datePickerMonths_302dd31461",withWeekNumber:"withWeekNumber_5f0957127c",datePickerHead:"datePickerHead_44670f9dbb",datePickerBody:"datePickerBody_44670f9dbb",datePickerTable:"datePickerTable_9c8a5dfb6d",datePickerDay:"datePickerDay_e4a06c93a5",datePickerDayContent:"datePickerDayContent_f42753f041",datePickerDayDisabled:"datePickerDayDisabled_c0491dc5dd",datePickerAddToRangeStart:"datePickerAddToRangeStart_2853d8857f",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_fd9fe1a32b",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_64506dee04",datePickerDayRangeStart:"datePickerDayRangeStart_67cf803fef",datePickerDayRangeEnd:"datePickerDayRangeEnd_f33dc43dd3",datePickerDayOutside:"datePickerDayOutside_c4779e6f70",datePickerDaySelected:"datePickerDaySelected_f33dc43dd3",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_f2e6e01d2f",datePickerRemoveFromRange:"datePickerRemoveFromRange_fa38344748",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_c46029f2a6"};!function(e){const a="s_id-601bce29f4a5_4_5_21";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_b664951544 {\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_b664951544 .datePickerMonths_302dd31461 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c .datePickerHead_44670f9dbb td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c .datePickerHead_44670f9dbb 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_b664951544.withWeekNumber_5f0957127c .datePickerBody_44670f9dbb td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c .datePickerBody_44670f9dbb tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_b664951544 .datePickerTable_9c8a5dfb6d {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_b664951544 .datePickerHead_44670f9dbb 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_b664951544 .datePickerBody_44670f9dbb td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5 {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5 .datePickerDayContent_f42753f041 {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5:focus-visible {\n  outline: none;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5:focus-visible .datePickerDayContent_f42753f041 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayDisabled_c0491dc5dd {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5:not(.datePickerDayDisabled_c0491dc5dd):not(.datePickerAddToRangeStart_2853d8857f):not(.datePickerAddToRangeEnd_fd9fe1a32b):not(.datePickerAddToRangeMiddle_64506dee04):not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3) .datePickerDayContent_f42753f041:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayOutside_c4779e6f70 {\n  color: var(--disabled-text-color);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3:not(.datePickerDayRangeMiddle_f2e6e01d2f):not(.datePickerRemoveFromRange_fa38344748) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef:not(.datePickerDayRangeEnd_f33dc43dd3):not(.datePickerRemoveFromRange_fa38344748), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerRemoveFromRange_fa38344748) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef.datePickerRemoveFromRange_fa38344748, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3.datePickerRemoveFromRange_fa38344748 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef.datePickerRemoveFromRange_fa38344748:not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3.datePickerRemoveFromRange_fa38344748:not(.datePickerDayRangeStart_67cf803fef) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef:not(.datePickerDayRangeEnd_f33dc43dd3) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3:not(.datePickerDayRangeStart_67cf803fef) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f:not(.datePickerAddToRangeStart_2853d8857f):not(.datePickerAddToRangeEnd_fd9fe1a32b) {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f:not(.datePickerAddToRangeStart_2853d8857f):not(.datePickerAddToRangeEnd_fd9fe1a32b) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerRemoveFromRange_fa38344748:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeMiddle_f2e6e01d2f):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeMiddle_f2e6e01d2f):not(.datePickerDayRangeStart_67cf803fef), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerRemoveFromRange_fa38344748 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3:not(.datePickerDayRangeStart_67cf803fef) {\n  margin-inline-end: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerRemoveFromRange_fa38344748 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef:not(.datePickerDayRangeEnd_f33dc43dd3) {\n  margin-inline-start: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeMiddle_f2e6e01d2f), .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeMiddle_f2e6e01d2f),\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeMiddle_f2e6e01d2f),\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04,\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeMiddle_f2e6e01d2f) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f,\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f {\n  border-inline-start-width: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b,\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b {\n  border-inline-end-width: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f:not(.datePickerHalfRangeSelected_c46029f2a6) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerHalfRangeSelected_c46029f2a6) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_161dea4d09",datePickerMonths:"datePickerMonths_fa914a9aed",withWeekNumber:"withWeekNumber_70e6be2721",datePickerHead:"datePickerHead_3c196045f6",datePickerBody:"datePickerBody_3c196045f6",datePickerTable:"datePickerTable_2b9493957f",datePickerDay:"datePickerDay_1425bba7ec",datePickerDayContent:"datePickerDayContent_eb1cf833f8",datePickerDayDisabled:"datePickerDayDisabled_31adf91adf",datePickerAddToRangeStart:"datePickerAddToRangeStart_d46d33e1a5",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_ec7b22b1d6",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_e7ffcce0b4",datePickerDayRangeStart:"datePickerDayRangeStart_967165cada",datePickerDayRangeEnd:"datePickerDayRangeEnd_ae2b854fd8",datePickerDayOutside:"datePickerDayOutside_0fab9540cd",datePickerDaySelected:"datePickerDaySelected_ae2b854fd8",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_df61311eb2",datePickerRemoveFromRange:"datePickerRemoveFromRange_a2432ed9f0",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_74149e3cc8"};!function(e){const a="s_id-601bce29f4a5_4_5_23";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_161dea4d09 {\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_161dea4d09 .datePickerMonths_fa914a9aed {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_161dea4d09.withWeekNumber_70e6be2721 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_161dea4d09.withWeekNumber_70e6be2721 .datePickerHead_3c196045f6 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_161dea4d09.withWeekNumber_70e6be2721 .datePickerHead_3c196045f6 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_161dea4d09.withWeekNumber_70e6be2721 .datePickerBody_3c196045f6 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_161dea4d09.withWeekNumber_70e6be2721 .datePickerBody_3c196045f6 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_161dea4d09 .datePickerTable_2b9493957f {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_161dea4d09 .datePickerHead_3c196045f6 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_161dea4d09 .datePickerBody_3c196045f6 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec {\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_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec .datePickerDayContent_eb1cf833f8 {\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_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec:focus-visible {\n  outline: none;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec:focus-visible .datePickerDayContent_eb1cf833f8 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayDisabled_31adf91adf {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec:not(.datePickerDayDisabled_31adf91adf):not(.datePickerAddToRangeStart_d46d33e1a5):not(.datePickerAddToRangeEnd_ec7b22b1d6):not(.datePickerAddToRangeMiddle_e7ffcce0b4):not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8) .datePickerDayContent_eb1cf833f8:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayOutside_0fab9540cd {\n  color: var(--disabled-text-color);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDaySelected_ae2b854fd8:not(.datePickerDayRangeMiddle_df61311eb2):not(.datePickerRemoveFromRange_a2432ed9f0) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeStart_967165cada:not(.datePickerDayRangeEnd_ae2b854fd8):not(.datePickerRemoveFromRange_a2432ed9f0), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeEnd_ae2b854fd8:not(.datePickerDayRangeStart_967165cada):not(.datePickerRemoveFromRange_a2432ed9f0) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeStart_967165cada.datePickerRemoveFromRange_a2432ed9f0, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeEnd_ae2b854fd8.datePickerRemoveFromRange_a2432ed9f0 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeStart_967165cada.datePickerRemoveFromRange_a2432ed9f0:not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeEnd_ae2b854fd8.datePickerRemoveFromRange_a2432ed9f0:not(.datePickerDayRangeStart_967165cada) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeStart_967165cada:not(.datePickerDayRangeEnd_ae2b854fd8) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeEnd_ae2b854fd8:not(.datePickerDayRangeStart_967165cada) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeMiddle_df61311eb2:not(.datePickerAddToRangeStart_d46d33e1a5):not(.datePickerAddToRangeEnd_ec7b22b1d6) {\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_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4, .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerDayRangeMiddle_df61311eb2:not(.datePickerAddToRangeStart_d46d33e1a5):not(.datePickerAddToRangeEnd_ec7b22b1d6) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerRemoveFromRange_a2432ed9f0:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerDayRangeMiddle_df61311eb2):not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerDayRangeMiddle_df61311eb2):not(.datePickerDayRangeStart_967165cada), .datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerDayRangeMiddle_df61311eb2, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerRemoveFromRange_a2432ed9f0 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerDayRangeEnd_ae2b854fd8:not(.datePickerDayRangeStart_967165cada) {\n  margin-inline-end: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerDayRangeMiddle_df61311eb2, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8), .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerDayRangeStart_967165cada):not(.datePickerDayRangeEnd_ae2b854fd8) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerRemoveFromRange_a2432ed9f0 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerDayRangeStart_967165cada:not(.datePickerDayRangeEnd_ae2b854fd8) {\n  margin-inline-start: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerDayRangeMiddle_df61311eb2), .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4, .datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerDayRangeMiddle_df61311eb2),\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerDayRangeMiddle_df61311eb2),\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeMiddle_e7ffcce0b4,\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerDayRangeMiddle_df61311eb2) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerDaySelected_ae2b854fd8.datePickerDayRangeEnd_ae2b854fd8.datePickerAddToRangeStart_d46d33e1a5,\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerDaySelected_ae2b854fd8.datePickerDayRangeEnd_ae2b854fd8.datePickerAddToRangeStart_d46d33e1a5 {\n  border-inline-start-width: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:first-child .datePickerDay_1425bba7ec.datePickerDaySelected_ae2b854fd8.datePickerDayRangeStart_967165cada.datePickerAddToRangeEnd_ec7b22b1d6,\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 tr td:last-child .datePickerDay_1425bba7ec.datePickerDaySelected_ae2b854fd8.datePickerDayRangeStart_967165cada.datePickerAddToRangeEnd_ec7b22b1d6 {\n  border-inline-end-width: 0;\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDaySelected_ae2b854fd8.datePickerDayRangeEnd_ae2b854fd8.datePickerAddToRangeStart_d46d33e1a5 {\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_161dea4d09 .datePickerBody_3c196045f6 .datePickerDaySelected_ae2b854fd8.datePickerDayRangeEnd_ae2b854fd8.datePickerAddToRangeStart_d46d33e1a5:not(.datePickerHalfRangeSelected_74149e3cc8) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_161dea4d09 .datePickerBody_3c196045f6 .datePickerDaySelected_ae2b854fd8.datePickerDayRangeStart_967165cada.datePickerAddToRangeEnd_ec7b22b1d6 {\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_161dea4d09 .datePickerBody_3c196045f6 .datePickerDaySelected_ae2b854fd8.datePickerDayRangeStart_967165cada.datePickerAddToRangeEnd_ec7b22b1d6:not(.datePickerHalfRangeSelected_74149e3cc8) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_44e52bb791",yearButtonDropdown:"yearButtonDropdown_82e0d99dab",datePickerHeader:"datePickerHeader_066a2a0776"};!function(e){const t="s_id-a12251d5376d_4_5_21";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_44e52bb791 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_82e0d99dab {\n  justify-content: space-between;\n}\n.datePickerHeader_066a2a0776 {\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_066a2a0776 button:focus:not(:active), .datePickerHeader_066a2a0776 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_653b951112",yearButtonDropdown:"yearButtonDropdown_a1b6c4e7e7",datePickerHeader:"datePickerHeader_d7a70574ad"};!function(e){const t="s_id-a12251d5376d_4_5_23";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_653b951112 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_a1b6c4e7e7 {\n  justify-content: space-between;\n}\n.datePickerHeader_d7a70574ad {\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_d7a70574ad button:focus:not(:active), .datePickerHeader_d7a70574ad 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/Dropdown/Dropdown.js.map

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