@vibe/core 4.5.24 → 4.5.26

package/dist/metadata/components.json

@@ -1874,7 +1874,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-badge--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/BreadcrumbsBar/BreadcrumbsBar.tsx",
+    "filePath": "src/BreadcrumbsBar/BreadcrumbsBar.tsx",
     "aggregator": "core",
     "symbols": [
       "default as BreadcrumbsBar",
@@ -1946,7 +1946,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-breadcrumbsbar-breadcrumbsbar--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
+    "filePath": "src/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
     "aggregator": "core",
     "symbols": [
       "default as BreadcrumbMenu",
@@ -1984,7 +1984,6 @@
       }
     },
     "import": "import { BreadcrumbMenu } from \"@vibe/core\"",
-    "parentComponent": "BreadcrumbsBar",
     "subComponents": []
   },
   {
@@ -5880,7 +5879,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-divider--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Dropdown/Dropdown.tsx",
+    "filePath": "src/Dropdown/Dropdown.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Dropdown",
@@ -15215,7 +15214,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-radiobutton--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Search/Search.tsx",
+    "filePath": "src/Search/Search.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Search",

package/dist/metadata.json

@@ -1874,7 +1874,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-badge--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/BreadcrumbsBar/BreadcrumbsBar.tsx",
+    "filePath": "src/BreadcrumbsBar/BreadcrumbsBar.tsx",
     "aggregator": "core",
     "symbols": [
       "default as BreadcrumbsBar",
@@ -1946,7 +1946,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-breadcrumbsbar-breadcrumbsbar--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
+    "filePath": "src/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
     "aggregator": "core",
     "symbols": [
       "default as BreadcrumbMenu",
@@ -1984,7 +1984,6 @@
       }
     },
     "import": "import { BreadcrumbMenu } from \"@vibe/core\"",
-    "parentComponent": "BreadcrumbsBar",
     "subComponents": []
   },
   {
@@ -5880,7 +5879,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-divider--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Dropdown/Dropdown.tsx",
+    "filePath": "src/Dropdown/Dropdown.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Dropdown",
@@ -15215,7 +15214,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-radiobutton--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Search/Search.tsx",
+    "filePath": "src/Search/Search.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Search",

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

@@ -2,9 +2,9 @@ export * from "@vibe/accordion";
 export * from "@vibe/alert-banner";
 export * from "@vibe/attention-box";
 export * from "@vibe/avatar";
-export * from "./AvatarGroup";
+export * from "@vibe/avatar-group";
 export * from "@vibe/badge";
-export * from "./BreadcrumbsBar";
+export * from "@vibe/breadcrumbs";
 export * from "@vibe/button";
 export { ButtonGroup, type ButtonGroupProps } from "@vibe/button-group";
 export * from "@vibe/checkbox";
@@ -16,7 +16,7 @@ export * from "@vibe/counter";
 export * from "./DatePicker";
 export { Dialog, DialogContentContainer, type DialogProps, type DialogContentContainerProps, type DialogType, type DialogSize, type DialogPosition, type DialogTriggerEvent, type DialogAnimationType, type DialogOffset, type DialogEvent } from "@vibe/dialog";
 export * from "@vibe/divider";
-export * from "./Dropdown";
+export * from "@vibe/dropdown";
 export * from "@vibe/editable";
 export * from "@vibe/empty-state";
 export { ExpandCollapse, type ExpandCollapseProps } from "@vibe/expand-collapse";
@@ -44,7 +44,7 @@ export { Steps, type StepsProps, type StepsType, type StepsDotAriaCurrent, type
 export { MultiStepIndicator, type MultiStepIndicatorProps, type MultiStepType, type StepStatus, type TextPlacement, type MultiStepSize, type Step } from "@vibe/wizard";
 export * from "@vibe/progress-bars";
 export * from "@vibe/radio-button";
-export * from "./Search";
+export * from "@vibe/search";
 export * from "@vibe/skeleton";
 export * from "@vibe/slider";
 export * from "./SplitButton";

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useRef as a,useState as r,useCallback as n,useMemo as l}from"react";import{camelCase as d,noop as c,isFunction as m}from"es-toolkit";import{useWarnDeprecated as p,useMergeRef as u,getStyle as v}from"@vibe/shared";import{getTestId as b,ComponentDefaultTestId as f}from"../../tests/testIds.js";import h from"../Search/Search.js";import{Button as C}from"@vibe/button/mockedClassNames";import{Text as g}from"@vibe/typography/mockedClassNames";import{defaultFilter as x}from"./ComboboxService.js";import{ComboboxItems as I}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as y}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as N,useKeyboardNavigation as O}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as k}from"./helpers.js";import{COMBOBOX_LISTBOX_ID as S}from"./components/ComboboxConstants.js";import R from"./Combobox.module.scss.js";import{ComponentVibeId as F}from"../../tests/constants.js";var j=s((function(s,j){var A=s.className,E=void 0===A?"":A,H=s.optionClassName,L=void 0===H?"":H,w=s.searchWrapperClassName,M=s.stickyCategoryClassName,B=s.searchIcon,V=s.id,W=void 0===V?"":V,z=s.placeholder,T=void 0===z?"":z,D=s.size,P=void 0===D?"medium":D,X=s.defaultVisualFocusFirstIndex,_=s.optionLineHeight,q=void 0===_?32:_,G=s.optionsListHeight,J=s.autoFocus,K=void 0!==J&&J,Q=s.disabled,U=void 0!==Q&&Q,Y=s.options,Z=void 0===Y?[]:Y,$=s.categories,ee=s.withCategoriesDivider,oe=void 0!==ee&&ee,te=s.noResultsMessage,ie=void 0===te?"No results found":te,se=s.onAddNew,ae=s.addNewLabel,re=void 0===ae?"Add new":ae,ne=s.onClick,le=void 0===ne?function(e){}:ne,de=s.filter,ce=void 0===de?x:de,me=s.disableFilter,pe=void 0!==me&&me,ue=s.filterValue,ve=s.onFilterChanged,be=s.loading,fe=void 0!==be&&be,he=s.onOptionHover,Ce=void 0===he?c:he,ge=s.onOptionLeave,xe=void 0===ge?c:ge,Ie=s.shouldScrollToSelectedItem,ye=void 0===Ie||Ie,Ne=s.noResultsRenderer,Oe=s.stickyCategories,ke=void 0!==Oe&&Oe,Se=s.optionRenderer,Re=void 0===Se?null:Se,Fe=s.renderOnlyVisibleOptions,je=void 0!==Fe&&Fe,Ae=s.clearFilterOnSelection,Ee=void 0!==Ae&&Ae,He=s.maxOptionsWithoutScroll,Le=s.defaultFilter,we=void 0===Le?"":Le,Me=s.searchInputAriaLabel,Be=void 0===Me?"Search for content":Me,Ve=s["data-testid"],We=s.debounceRate,ze=s.searchInputRef,Te=s.renderAction,De=s.hideRenderActionOnInput;p({component:"Combobox",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead."});var Pe=a(null),Xe=a(null),_e=u(j,Pe),qe=u(Xe,ze),Ge=r(ue||we),Je=e(Ge,2),Ke=Je[0],Qe=Je[1];void 0!==ue&&ue!==Ke&&Qe(ue);var Ue=n((function(e){to(-1),ve&&ve(e),Qe(e)}),[Qe,ve]),Ye=n((function(e,o,t){Ce(e,o,t)}),[Ce]),Ze=l((function(){return pe?Z:ce(Ke,Z)}),[Z,Ke,ce,pe]),$e=r(-1),eo=e($e,2),oo=eo[0],to=eo[1],io=n((function(e){return void 0!==e&&Ze[e]&&!Ze[e].disabled}),[Ze]),so=n((function(){se&&se(Ke),Qe("")}),[se,Ke,Qe]),ao=Ze.length>0,ro=Ke.length>0;var no=r(),lo=e(no,2),co=lo[0],mo=lo[1],po=n((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==co?void 0:co.label)&&mo(null==e?void 0:e.category)}),[co]),uo=N({categories:$,options:Ze,filterValue:Ke,withCategoriesDivider:oe,optionLineHeight:q}),vo=uo.items,bo=uo.itemsMap,fo=uo.selectableItems,ho=n((function(e,o){le(fo[o]),io(o)&&to(o),Ee&&Ue("")}),[le,fo,io,Ee,Ue]),Co=O({getOptionId:k,defaultVisualFocusFirstIndex:X,onClick:ho,isChildSelectable:io,options:fo,inputRef:qe}),go=Co.visualFocusItemIndex,xo=Co.visualFocusItemId,Io=Co.onOptionClick;return i.createElement(g,{type:"text2",ref:_e,className:t(R.combobox,E,v(R,d("size-"+P)),o(o({},R.empty,!ao),R.stickyCategory,ke)),id:W,"data-testid":Ve||b(f.COMBOBOX,W),ellipsis:!1,"data-vibe":F.COMBOBOX},i.createElement("div",{className:R.comboboxList,style:{maxHeight:G}},i.createElement(h,{ref:qe,value:Ke,className:t(R.comboboxSearchWrapper,w),inputAriaLabel:Be,currentAriaResultId:xo,id:"combobox-search",placeholder:T,size:P,disabled:U,onChange:Ue,autoFocus:K,loading:fe,searchIconName:B,"aria-expanded":ro||ao,"aria-haspopup":"listbox",searchResultsContainerId:W?"".concat(W,"-listbox"):S,debounceRate:We,renderAction:Te,hideRenderActionOnInput:De}),ke&&i.createElement(y,{label:null==co?void 0:co.label,color:null==co?void 0:co.color,className:M}),ao&&i.createElement(I,{stickyCategories:ke,categories:$,options:vo,itemsMap:bo,optionClassName:L,optionRenderer:Re,activeItemIndex:oo,onActiveCategoryChanged:po,onOptionClick:Io,onOptionEnter:Ye,onOptionLeave:xe,optionLineHeight:q,shouldScrollToSelectedItem:ye,renderOnlyVisibleOptions:je,maxOptionsWithoutScroll:He,visualFocusItemIndex:go,id:W?"".concat(W,"-listbox"):S})),ro&&!ao&&!fe&&(Ne?Ne():i.createElement("div",{className:R.comboboxNoResults},i.createElement("div",{className:R.comboboxMessageWrapper},i.createElement("span",{className:R.comboboxMessage},ie)),se&&!U&&i.createElement(C,{className:R.addNewButton,size:P,kind:"tertiary",onClick:so},i.createElement("span",{className:R.buttonLabel},m(re)?re(Ke):re)))))}));export{j as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useRef as a,useState as n,useCallback as r,useMemo as l}from"react";import{camelCase as d,noop as c,isFunction as m}from"es-toolkit";import{useWarnDeprecated as p,useMergeRef as u,getStyle as v}from"@vibe/shared";import{getTestId as b,ComponentDefaultTestId as f}from"../../tests/testIds.js";import{Search as h}from"@vibe/search/mockedClassNames";import{Button as C}from"@vibe/button/mockedClassNames";import{Text as g}from"@vibe/typography/mockedClassNames";import{defaultFilter as x}from"./ComboboxService.js";import{ComboboxItems as I}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as y}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as N,useKeyboardNavigation as O}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as k}from"./helpers.js";import{COMBOBOX_LISTBOX_ID as R}from"./components/ComboboxConstants.js";import F from"./Combobox.module.scss.js";import{ComponentVibeId as S}from"../../tests/constants.js";var j=s((function(s,j){var A=s.className,E=void 0===A?"":A,H=s.optionClassName,L=void 0===H?"":H,w=s.searchWrapperClassName,M=s.stickyCategoryClassName,B=s.searchIcon,V=s.id,W=void 0===V?"":V,z=s.placeholder,T=void 0===z?"":z,D=s.size,P=void 0===D?"medium":D,X=s.defaultVisualFocusFirstIndex,_=s.optionLineHeight,q=void 0===_?32:_,G=s.optionsListHeight,J=s.autoFocus,K=void 0!==J&&J,Q=s.disabled,U=void 0!==Q&&Q,Y=s.options,Z=void 0===Y?[]:Y,$=s.categories,ee=s.withCategoriesDivider,oe=void 0!==ee&&ee,te=s.noResultsMessage,ie=void 0===te?"No results found":te,se=s.onAddNew,ae=s.addNewLabel,ne=void 0===ae?"Add new":ae,re=s.onClick,le=void 0===re?function(e){}:re,de=s.filter,ce=void 0===de?x:de,me=s.disableFilter,pe=void 0!==me&&me,ue=s.filterValue,ve=s.onFilterChanged,be=s.loading,fe=void 0!==be&&be,he=s.onOptionHover,Ce=void 0===he?c:he,ge=s.onOptionLeave,xe=void 0===ge?c:ge,Ie=s.shouldScrollToSelectedItem,ye=void 0===Ie||Ie,Ne=s.noResultsRenderer,Oe=s.stickyCategories,ke=void 0!==Oe&&Oe,Re=s.optionRenderer,Fe=void 0===Re?null:Re,Se=s.renderOnlyVisibleOptions,je=void 0!==Se&&Se,Ae=s.clearFilterOnSelection,Ee=void 0!==Ae&&Ae,He=s.maxOptionsWithoutScroll,Le=s.defaultFilter,we=void 0===Le?"":Le,Me=s.searchInputAriaLabel,Be=void 0===Me?"Search for content":Me,Ve=s["data-testid"],We=s.debounceRate,ze=s.searchInputRef,Te=s.renderAction,De=s.hideRenderActionOnInput;p({component:"Combobox",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead."});var Pe=a(null),Xe=a(null),_e=u(j,Pe),qe=u(Xe,ze),Ge=n(ue||we),Je=e(Ge,2),Ke=Je[0],Qe=Je[1];void 0!==ue&&ue!==Ke&&Qe(ue);var Ue=r((function(e){to(-1),ve&&ve(e),Qe(e)}),[Qe,ve]),Ye=r((function(e,o,t){Ce(e,o,t)}),[Ce]),Ze=l((function(){return pe?Z:ce(Ke,Z)}),[Z,Ke,ce,pe]),$e=n(-1),eo=e($e,2),oo=eo[0],to=eo[1],io=r((function(e){return void 0!==e&&Ze[e]&&!Ze[e].disabled}),[Ze]),so=r((function(){se&&se(Ke),Qe("")}),[se,Ke,Qe]),ao=Ze.length>0,no=Ke.length>0;var ro=n(),lo=e(ro,2),co=lo[0],mo=lo[1],po=r((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==co?void 0:co.label)&&mo(null==e?void 0:e.category)}),[co]),uo=N({categories:$,options:Ze,filterValue:Ke,withCategoriesDivider:oe,optionLineHeight:q}),vo=uo.items,bo=uo.itemsMap,fo=uo.selectableItems,ho=r((function(e,o){le(fo[o]),io(o)&&to(o),Ee&&Ue("")}),[le,fo,io,Ee,Ue]),Co=O({getOptionId:k,defaultVisualFocusFirstIndex:X,onClick:ho,isChildSelectable:io,options:fo,inputRef:qe}),go=Co.visualFocusItemIndex,xo=Co.visualFocusItemId,Io=Co.onOptionClick;return i.createElement(g,{type:"text2",ref:_e,className:t(F.combobox,E,v(F,d("size-"+P)),o(o({},F.empty,!ao),F.stickyCategory,ke)),id:W,"data-testid":Ve||b(f.COMBOBOX,W),ellipsis:!1,"data-vibe":S.COMBOBOX},i.createElement("div",{className:F.comboboxList,style:{maxHeight:G}},i.createElement(h,{ref:qe,value:Ke,className:t(F.comboboxSearchWrapper,w),inputAriaLabel:Be,currentAriaResultId:xo,id:"combobox-search",placeholder:T,size:P,disabled:U,onChange:Ue,autoFocus:K,loading:fe,searchIconName:B,"aria-expanded":no||ao,"aria-haspopup":"listbox",searchResultsContainerId:W?"".concat(W,"-listbox"):R,debounceRate:We,renderAction:Te,hideRenderActionOnInput:De}),ke&&i.createElement(y,{label:null==co?void 0:co.label,color:null==co?void 0:co.color,className:M}),ao&&i.createElement(I,{stickyCategories:ke,categories:$,options:vo,itemsMap:bo,optionClassName:L,optionRenderer:Fe,activeItemIndex:oo,onActiveCategoryChanged:po,onOptionClick:Io,onOptionEnter:Ye,onOptionLeave:xe,optionLineHeight:q,shouldScrollToSelectedItem:ye,renderOnlyVisibleOptions:je,maxOptionsWithoutScroll:He,visualFocusItemIndex:go,id:W?"".concat(W,"-listbox"):R})),no&&!ao&&!fe&&(Ne?Ne():i.createElement("div",{className:F.comboboxNoResults},i.createElement("div",{className:F.comboboxMessageWrapper},i.createElement("span",{className:F.comboboxMessage},ie)),se&&!U&&i.createElement(C,{className:F.addNewButton,size:P,kind:"tertiary",onClick:so},i.createElement("span",{className:F.buttonLabel},m(ne)?ne(Ke):ne)))))}));export{j as default};
 //# sourceMappingURL=Combobox.js.map

package/dist/mocked_classnames/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 \"@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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"}
+{"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 \"@vibe/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":"0nCA0LMA,IAAAA,EAAWC,GACf,SAAAC,EA4CEC,GACE,IAAAC,EAAAF,EA3CAG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACdK,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EACpBE,EAAsBN,EAAtBM,uBACAC,EAAuBP,EAAvBO,wBACAC,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACPY,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAb,EAChBc,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAA4Bf,EAA5Be,6BAA4BC,EAAAhB,EAC5BiB,iBAAAA,OAAmB,IAAHD,EAAG,GAAEA,EACrBE,EAAiBlB,EAAjBkB,kBAAiBC,EAAAnB,EACjBoB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAArB,EACjBsB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAvB,EAChBwB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAUzB,EAAVyB,WAAUC,GAAA1B,EACV2B,sBAAAA,QAAwB,IAAHD,IAAQA,GAAAE,GAAA5B,EAC7B6B,iBAAAA,QAAmB,IAAHD,GAAG,mBAAkBA,GACrCE,GAAQ9B,EAAR8B,SAAQC,GAAA/B,EACRgC,YAAAA,QAAc,IAAHD,GAAG,UAASA,GAAAE,GAAAjC,EACvBkC,QAAAA,QAAU,IAAHD,GAAG,SAACE,GAAmC,EAAAF,GAAAG,GAAApC,EAC9CqC,OAAAA,QAASC,IAAHF,GAAGE,EAAaF,GAAAG,GAAAvC,EACtBwC,cAAAA,QAAgB,IAAHD,IAAQA,GACRE,GAAezC,EAA5B0C,YACAC,GAAe3C,EAAf2C,gBAAeC,GAAA5C,EACf6C,QAAAA,QAAU,IAAHD,IAAQA,GAAAE,GAAA9C,EACf+C,cAAAA,QAAgBC,IAAHF,GAAGE,EAAIF,GAAAG,GAAAjD,EACpBkD,cAAAA,QAAgBF,IAAHC,GAAGD,EAAIC,GAAAE,GAAAnD,EACpBoD,2BAAAA,QAA6B,IAAHD,IAAOA,GACjCE,GAAiBrD,EAAjBqD,kBAAiBC,GAAAtD,EACjBuD,iBAAAA,QAAmB,IAAHD,IAAQA,GAAAE,GAAAxD,EACxByD,eAAAA,QAAiB,IAAHD,GAAG,KAAIA,GAAAE,GAAA1D,EACrB2D,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAA5D,EAChC6D,uBAAAA,QAAyB,IAAHD,IAAQA,GAC9BE,GAAuB9D,EAAvB8D,wBAAuBC,GAAA/D,EACvBsC,cAAe0B,QAAqB,IAAHD,GAAG,GAAEA,GAAAE,GAAAjE,EACtCkE,qBAAAA,QAAuB,IAAHD,GAAG,qBAAoBA,GAC5BE,GAAUnE,EAAzB,eACAoE,GAAYpE,EAAZoE,aACAC,GAAcrE,EAAdqE,eACcC,GAAYtE,EAA1BuE,aACAC,GAAuBxE,EAAvBwE,wBAIFC,EAAkB,CAChBC,UAAW,WACXC,QACE,sIAGJ,IAAMC,GAAeC,EAAO,MACtBC,GAAWD,EAAO,MAClBE,GAAYC,EAAY/E,EAAK2E,IAC7BK,GAAiBD,EAAYF,GAAUT,IAE7Ca,GAAsCC,EAAS1C,IAAmBuB,IAAmBoB,GAAAC,EAAAH,GAAA,GAA9ExC,GAAW0C,GAAA,GAAEE,GAAcF,GAAA,QAEVG,IAApB9C,IAAiCA,KAAoBC,IACvD4C,GAAe7C,IAGjB,IAAM+C,GAAmBC,GACvB,SAACC,GACCC,IAAsB,GAClBhD,IACFA,GAAgB+C,GAElBJ,GAAeI,EACjB,GACA,CAACJ,GAAgB3C,KAGbiD,GAAkBH,GACtB,SAACI,EAAyBC,EAAeC,GACvChD,GAAc8C,EAAOC,EAAOC,EAC9B,GACA,CAAChD,KAGGiD,GAAqCC,GAAQ,WACjD,OAAIzD,GACKhB,EAEFa,GAAOK,GAAalB,EAC5B,GAAE,CAACA,EAASkB,GAAaL,GAAQG,KAElC0D,GAAkDf,GAAU,GAAEgB,GAAAd,EAAAa,GAAA,GAAvDE,GAAiBD,GAAA,GAAER,GAAoBQ,GAAA,GAExCE,GAAoBZ,GACxB,SAACK,GACC,YAAiBP,IAAVO,GAAuBE,GAAgBF,KAAWE,GAAgBF,GAAOxE,QAClF,GACA,CAAC0E,KAGGM,GAAmBb,GAAY,WACnC3D,IAAYA,GAASY,IAErB4C,GAAe,GAChB,GAAE,CAACxD,GAAUY,GAAa4C,KAErBiB,GAAaP,GAAgBQ,OAAS,EACtCC,GAAY/D,GAAY8D,OAAS,EA4BvC,IAAAE,GAA4CvB,IAA6BwB,GAAAtB,EAAAqB,GAAA,GAAlEE,GAAcD,GAAA,GAAEE,GAAiBF,GAAA,GAElCG,GAA0BrB,GAC9B,SAACsB,UAC2B,UAAtBA,aAAA,EAAAA,EAAcC,gBAAQ,IAAAC,OAAA,EAAAA,EAAEC,UAAUN,cAAc,EAAdA,GAAgBM,QACpDL,GAAkBE,eAAAA,EAAcC,SAEpC,GACA,CAACJ,KAGHO,GAA6CC,EAAa,CACxD3F,WAAAA,EACAD,QAASwE,GACTtD,YAAAA,GACAf,sBAAAA,GACAV,iBAAAA,IALMoG,GAAKF,GAALE,MAAOC,GAAQH,GAARG,SAAUC,GAAeJ,GAAfI,gBAQnBC,GAAkB/B,GACtB,SAACgC,EAAgDC,GAC/CxF,GAAQqF,GAAgBG,IACpBrB,GAAkBqB,IACpB/B,GAAqB+B,GAEnB7D,IAEF2B,GAAiB,GAErB,GACA,CAACtD,GAASqF,GAAiBlB,GAAmBxC,GAAwB2B,KAGxEmC,GAIIC,EAAsB,CACxBC,YAAAA,EACA9G,6BAAAA,EACAmB,QAASsF,GACTnB,kBAAAA,GACA7E,QAAS+F,GACTzC,SAAUG,KATV6C,GAAoBH,GAApBG,qBACAC,GAAiBJ,GAAjBI,kBACeC,GAAqBL,GAApCM,cAUF,OACEC,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLpI,IAAK8E,GACL5E,UAAWmI,EAAGC,EAAOC,SAAUrI,EAAWsI,EAASF,EAAQG,EAAU,QAAU5H,IAAM6H,EAAAA,EAClFJ,GAAAA,EAAOK,OAASrC,IAChBgC,EAAOM,eAAiBtF,KAE3B7C,GAAIA,gBACSyD,IAAc2E,EAAUC,EAAuBC,SAAUtI,GACtEuI,UAAU,EAAK,YACJC,EAAgBF,UAE3Bd,EAAAC,cAAA,MAAA,CAAKhI,UAAWoI,EAAOY,aAAcC,MAAO,CAAEC,UAAWnI,IACvDgH,EAACC,cAAAmB,GACCrJ,IAAKgF,GACLS,MAAOhD,GACPvC,UAAWmI,EAAGC,EAAOgB,sBAAuBjJ,GAC5CkJ,eAAgBtF,GAChBuF,oBAAqB1B,GACrBrH,GAAG,kBACHE,YAAaA,EACbE,KAAMA,EACNQ,SAAUA,EACVoI,SAAUlE,GACVpE,UAAWA,EACXyB,QAASA,GACT8G,eAAgBnJ,EAAU,gBACXiG,IAAaF,mBACd,UACdqD,yBAA0BlJ,EAAE,GAAAmJ,OAAMnJ,cAAeoJ,EACjD1F,aAAcA,GACdG,aAAcD,GACdE,wBAAyBA,KAE1BjB,IACC2E,EAACC,cAAA4B,EACC,CAAA7C,MAAON,cAAA,EAAAA,GAAgBM,MACvB8C,MAAOpD,cAAA,EAAAA,GAAgBoD,MACvB7J,UAAWI,IAGdgG,IACC2B,EAAAC,cAAC8B,EACC,CAAA1G,iBAAkBA,GAClB9B,WAAYA,EACZD,QAAS6F,GACTC,SAAUA,GACVjH,gBAAiBA,EACjBoD,eAAgBA,GAChByG,gBAAiB9D,GACjBU,wBAAyBA,GACzBmB,cAAeD,GACfmC,cAAevE,GACf1C,cAAeA,GACfjC,iBAAkBA,EAClBmC,2BAA4BA,GAC5BO,yBAA0BA,GAC1BG,wBAAyBA,GACzBgE,qBAAsBA,GACtBpH,GAAIA,EAAE,GAAAmJ,OAAMnJ,EAAeoJ,YAAAA,KAIhCrD,KAAcF,KAAe1D,KAhI5BQ,GACKA,KAIP6E,EAAKC,cAAA,MAAA,CAAAhI,UAAWoI,EAAO6B,mBACrBlC,EAAAC,cAAA,MAAA,CAAKhI,UAAWoI,EAAO8B,wBACrBnC,EAAMC,cAAA,OAAA,CAAAhI,UAAWoI,EAAO+B,iBAAkBzI,KAE3CC,KAAaR,GACZ4G,gBAACqC,EAAM,CAACpK,UAAWoI,EAAOiC,aAAc1J,KAAMA,EAAM2J,KAAK,WAAWvI,QAASoE,IAC3E4B,EAAAC,cAAA,OAAA,CAAMhI,UAAWoI,EAAOmC,aAlB5BC,EAAW3I,IACNA,GAAYU,IAEdV,OAuIX"}

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){const e="s_id-5bf292a5a8b0_4_5_23";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 {\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.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n.combobox.empty {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults {\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 .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList {\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",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){const e="s_id-5bf292a5a8b0_4_5_25";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 {\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.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n.combobox.empty {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults {\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 .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList {\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/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!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 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){const n="s_id-cfec7f62c06c_4_5_25";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 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory"};!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 {\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"};!function(e){const t="s_id-ddc89c066e12_4_5_25";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 {\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/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

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

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

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

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader"};!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 {\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"};!function(e){const t="s_id-c981e92fbca0_4_5_25";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 {\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/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!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 {\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 .datePickerMonths {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerBody td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody 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 .datePickerTable {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead 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 .datePickerBody td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\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 .datePickerBody .datePickerDay .datePickerDayContent {\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 .datePickerBody .datePickerDay:focus-visible {\n  outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n  color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\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 .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-end: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-start: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n  border-inline-start-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n  border-inline-end-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!function(e){const a="s_id-601bce29f4a5_4_5_25";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 {\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 .datePickerMonths {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerBody td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody 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 .datePickerTable {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead 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 .datePickerBody td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\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 .datePickerBody .datePickerDay .datePickerDayContent {\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 .datePickerBody .datePickerDay:focus-visible {\n  outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n  color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\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 .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-end: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-start: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n  border-inline-start-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n  border-inline-end-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\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/mocked_classnames/src/components/DatePicker/DatePickerHeader.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport Dropdown from \"../Dropdown/Dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n  setDisplayMonth: (displayMonth: Date) => void;\n  monthSelectionAriaLabel?: string;\n  yearSelectionAriaLabel?: string;\n  nextButtonAriaLabel?: string;\n  prevButtonAriaLabel?: string;\n  locale?: Locale;\n  className?: string;\n  dropdownsClassName?: string;\n  dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n  setDisplayMonth,\n  monthSelectionAriaLabel,\n  yearSelectionAriaLabel,\n  nextButtonAriaLabel,\n  prevButtonAriaLabel,\n  locale,\n  className,\n  dialogContainerSelector: _dialogContainerSelector\n}) => {\n  const { month: displayMonth } = useDayPicker();\n  const { goToMonth, nextMonth, previousMonth } = useNavigation();\n  const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n  const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n  const monthsData = useMonthsOptionItems({ locale });\n  const yearsData = useYearsOptionItems({ locale });\n\n  const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n  const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n  const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n  const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n  const onMonthSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const month = option.value;\n      const date = new Date(displayMonth);\n      date.setMonth(+month);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const onYearSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const year = option.value;\n      const date = new Date(displayMonth);\n      date.setFullYear(+year);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const selectedMonth = useMemo(\n    () => months.find(month => month.value === displayMonth.getMonth().toString()),\n    [months, displayMonth]\n  );\n  const selectedYear = useMemo(\n    () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n    [years, displayMonth]\n  );\n\n  return (\n    <div className={cx(styles.datePickerHeader, className)}>\n      <Flex gap=\"small\">\n        <Dropdown\n          className={styles.monthButtonDropdown}\n          aria-label={monthSelectionAriaLabel}\n          options={months}\n          value={selectedMonth}\n          onChange={onMonthSelect}\n          menuWrapperClassName={styles.monthButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n        <Dropdown\n          className={styles.yearButtonDropdown}\n          aria-label={yearSelectionAriaLabel}\n          options={years}\n          value={selectedYear}\n          onChange={onYearSelect}\n          menuWrapperClassName={styles.yearButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n      </Flex>\n      <Flex>\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          aria-label={prevButtonAriaLabel}\n          onClick={goToPreviousMonth}\n          icon={DropdownChevronLeft}\n        />\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          aria-label={nextButtonAriaLabel}\n          onClick={goToNextMonth}\n          icon={DropdownChevronRight}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"iiBAuBA,IAAMA,EAA8C,SAA9BC,GASjB,IARHC,EAAeD,EAAfC,gBACAC,EAAuBF,EAAvBE,wBACAC,EAAsBH,EAAtBG,uBACAC,EAAmBJ,EAAnBI,oBACAC,EAAmBL,EAAnBK,oBACAC,EAAMN,EAANM,OACAC,EAASP,EAATO,UAGeC,EAAiBC,IAAxBC,MACRC,EAAgDC,IAAxCC,EAASF,EAATE,UAAWC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cACxBC,EAAgBC,GAAY,WAAA,OAAMJ,EAAUC,EAAU,GAAE,CAACD,EAAWC,IACpEI,EAAoBD,GAAY,WAAA,OAAMJ,EAAUE,EAAc,GAAE,CAACF,EAAWE,IAC5EI,EAAaC,EAAqB,CAAEd,OAAAA,IACpCe,EAAYC,EAAoB,CAAEhB,OAAAA,IAElCiB,EAASC,GAAQ,WAAA,OAAML,EAAWM,KAAI,SAAAC,GAAI,OAAUC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAAM,CAAAG,MAAOH,EAAKI,IAAK,MAAG,CAACX,IAC/EY,EAAQP,GAAQ,WAAA,OAAMH,EAAUI,KAAI,SAAAC,GAAI,OAAUC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,GAAM,CAAAG,MAAOH,EAAKI,IAAK,MAAG,CAACT,IAC7EW,EAAmBR,GAAQ,WAAA,OAAMS,EAAoBzB,EAAcF,EAAO,GAAE,CAACE,EAAcF,IAC3F4B,EAAmBV,GAAQ,WAAA,OAAMW,EAAmB3B,EAAcF,EAAO,GAAE,CAACE,EAAcF,IAE1F8B,EAAgBnB,GACpB,SAACoB,GACC,IAAM3B,EAAQ2B,EAAOR,MACfS,EAAO,IAAIC,KAAK/B,GACtB8B,EAAKE,UAAU9B,GACfT,EAAgBqC,EAClB,GACA,CAAC9B,EAAcP,IAGXwC,EAAexB,GACnB,SAACoB,GACC,IAAMK,EAAOL,EAAOR,MACdS,EAAO,IAAIC,KAAK/B,GACtB8B,EAAKK,aAAaD,GAClBzC,EAAgBqC,EAClB,GACA,CAAC9B,EAAcP,IAGX2C,EAAgBpB,GACpB,WAAA,OAAMD,EAAOsB,MAAK,SAAAnC,GAAK,OAAIA,EAAMmB,QAAUrB,KAAasC,aAAsB,GAC9E,CAACvB,EAAQf,IAELuC,EAAevB,GACnB,WAAA,OAAMO,EAAMc,MAAK,SAAAH,GAAI,OAAIA,EAAKb,QAAUrB,KAAawC,gBAAyB,GAC9E,CAACjB,EAAOvB,IAGV,OACEyC,EAAKC,cAAA,MAAA,CAAA3C,UAAW4C,EAAGC,EAAOC,iBAAkB9C,IAC1C0C,EAAAC,cAACI,EAAI,CAACC,IAAI,SACRN,EAACC,cAAAM,GACCjD,UAAW6C,EAAOK,oBACN,aAAAvD,EACZwD,QAASnC,EACTM,MAAOe,EACPe,SAAUvB,EACVwB,qBAAsBR,EAAOK,oBAC7BI,KAAK,QACLC,cAAe,SAACC,GAA+B,OAAK/B,CAAgB,EACpEgC,YAAY,EACZC,WAAW,EACXC,YACA,IACFjB,EAACC,cAAAM,GACCjD,UAAW6C,EAAOe,mBACN,aAAAhE,EACZuD,QAAS3B,EACTF,MAAOkB,EACPY,SAAUlB,EACVmB,qBAAsBR,EAAOe,mBAC7BN,KAAK,QACLC,cAAe,SAACC,GAA+B,OAAK7B,CAAgB,EACpE8B,YAAY,EACZC,WAAW,EACXC,YAAU,KAGdjB,EAAAC,cAACI,EAAI,KACHL,EAAAC,cAACkB,EACC,CAAAC,KAAK,WACLR,KAAK,qBACOxD,EACZiE,QAASpD,EACTqD,KAAMC,IAERvB,EAACC,cAAAkB,GACCC,KAAK,WACLR,KAAK,QACO,aAAAzD,EACZkE,QAAStD,EACTuD,KAAME,KAKhB,EAIgB,SAAAtC,EAAmB3B,EAAoBF,GACrD,OAAOoE,EAAOlE,EAAc,OAAQ,CAAEF,OAAAA,GACxC,CAEgB,SAAA2B,EAAoBzB,EAAoBF,GACtD,OAAOoE,EAAOlE,EAAc,MAAO,CAAEF,OAAAA,GACvC"}
+{"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Dropdown } from \"@vibe/dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n  setDisplayMonth: (displayMonth: Date) => void;\n  monthSelectionAriaLabel?: string;\n  yearSelectionAriaLabel?: string;\n  nextButtonAriaLabel?: string;\n  prevButtonAriaLabel?: string;\n  locale?: Locale;\n  className?: string;\n  dropdownsClassName?: string;\n  dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n  setDisplayMonth,\n  monthSelectionAriaLabel,\n  yearSelectionAriaLabel,\n  nextButtonAriaLabel,\n  prevButtonAriaLabel,\n  locale,\n  className,\n  dialogContainerSelector: _dialogContainerSelector\n}) => {\n  const { month: displayMonth } = useDayPicker();\n  const { goToMonth, nextMonth, previousMonth } = useNavigation();\n  const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n  const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n  const monthsData = useMonthsOptionItems({ locale });\n  const yearsData = useYearsOptionItems({ locale });\n\n  const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n  const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n  const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n  const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n  const onMonthSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const month = option.value;\n      const date = new Date(displayMonth);\n      date.setMonth(+month);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const onYearSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const year = option.value;\n      const date = new Date(displayMonth);\n      date.setFullYear(+year);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const selectedMonth = useMemo(\n    () => months.find(month => month.value === displayMonth.getMonth().toString()),\n    [months, displayMonth]\n  );\n  const selectedYear = useMemo(\n    () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n    [years, displayMonth]\n  );\n\n  return (\n    <div className={cx(styles.datePickerHeader, className)}>\n      <Flex gap=\"small\">\n        <Dropdown\n          className={styles.monthButtonDropdown}\n          aria-label={monthSelectionAriaLabel}\n          options={months}\n          value={selectedMonth}\n          onChange={onMonthSelect}\n          menuWrapperClassName={styles.monthButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n        <Dropdown\n          className={styles.yearButtonDropdown}\n          aria-label={yearSelectionAriaLabel}\n          options={years}\n          value={selectedYear}\n          onChange={onYearSelect}\n          menuWrapperClassName={styles.yearButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n      </Flex>\n      <Flex>\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          aria-label={prevButtonAriaLabel}\n          onClick={goToPreviousMonth}\n          icon={DropdownChevronLeft}\n        />\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          aria-label={nextButtonAriaLabel}\n          onClick={goToNextMonth}\n          icon={DropdownChevronRight}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!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 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown {\n  justify-content: space-between;\n}\n.datePickerHeader {\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 button:focus:not(:active), .datePickerHeader 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",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-a12251d5376d_4_5_25";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 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown {\n  justify-content: space-between;\n}\n.datePickerHeader {\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 button:focus:not(:active), .datePickerHeader 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/mocked_classnames/src/components/List/List.module.scss.js

@@ -1,2 +1,2 @@
-var e={list:"list"};!function(e){const t="s_id-ed9bf484fec4_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 selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list"};!function(e){const t="s_id-ed9bf484fec4_4_5_25";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={container:"container",overlay:"overlay",centerPop:"centerPop",anchorPop:"anchorPop",modal:"modal",fixedPosition:"fixedPosition",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",sizeFullView:"sizeFullView",containerEnter:"containerEnter",fullView:"fullView",containerEnterActive:"containerEnterActive",centerPopIn:"centerPopIn",anchorPopIn:"anchorPopIn",fullViewIn:"fullViewIn",containerExitActive:"containerExitActive",centerPopOut:"centerPopOut",anchorPopOut:"anchorPopOut",fullViewOut:"fullViewOut"};!function(n){const a="s_id-72e80303fba3_4_5_23";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop {\n  transform: translate(-50%, -50%);\n}\n\n.modal {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal.fixedPosition {\n  position: fixed;\n}\n\n.modal.withHeaderAction {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal.sizeSmall {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal.sizeMedium {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal.sizeLarge {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal.sizeFullView {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal.sizeSmall {\n    --modal-width: 480px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 580px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal.sizeSmall {\n    --modal-width: 520px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 620px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal.sizeFullView {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter .overlay {\n  opacity: 0;\n}\n\n.containerEnter .centerPop {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter .anchorPop {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter .fullView {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive .overlay {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive .centerPop {\n  animation: centerPopIn 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .anchorPop {\n  animation: anchorPopIn 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .fullView {\n  animation: fullViewIn 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive .overlay {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive .centerPop {\n  animation: centerPopOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .anchorPop {\n  animation: anchorPopOut 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .fullView {\n  animation: fullViewOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container",overlay:"overlay",centerPop:"centerPop",anchorPop:"anchorPop",modal:"modal",fixedPosition:"fixedPosition",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",sizeFullView:"sizeFullView",containerEnter:"containerEnter",fullView:"fullView",containerEnterActive:"containerEnterActive",centerPopIn:"centerPopIn",anchorPopIn:"anchorPopIn",fullViewIn:"fullViewIn",containerExitActive:"containerExitActive",centerPopOut:"centerPopOut",anchorPopOut:"anchorPopOut",fullViewOut:"fullViewOut"};!function(n){const a="s_id-72e80303fba3_4_5_25";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop {\n  transform: translate(-50%, -50%);\n}\n\n.modal {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal.fixedPosition {\n  position: fixed;\n}\n\n.modal.withHeaderAction {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal.sizeSmall {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal.sizeMedium {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal.sizeLarge {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal.sizeFullView {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal.sizeSmall {\n    --modal-width: 480px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 580px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal.sizeSmall {\n    --modal-width: 520px;\n  }\n  .modal.sizeMedium {\n    --modal-width: 620px;\n  }\n  .modal.sizeLarge {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal.sizeFullView {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter .overlay {\n  opacity: 0;\n}\n\n.containerEnter .centerPop {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter .anchorPop {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter .fullView {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive .overlay {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive .centerPop {\n  animation: centerPopIn 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .anchorPop {\n  animation: anchorPopIn 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive .fullView {\n  animation: fullViewIn 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive .overlay {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive .centerPop {\n  animation: centerPopOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .anchorPop {\n  animation: anchorPopOut 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive .fullView {\n  animation: fullViewOut 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

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

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

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

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

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