@vibe/core 4.5.17 → 4.5.19

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

@@ -1,14 +1,14 @@
-export * from "./Accordion";
+export * from "@vibe/accordion";
 export * from "@vibe/alert-banner";
-export * from "./AttentionBox";
+export * from "@vibe/attention-box";
 export * from "@vibe/avatar";
 export * from "./AvatarGroup";
-export * from "./Badge";
+export * from "@vibe/badge";
 export * from "./BreadcrumbsBar";
 export * from "@vibe/button";
 export { ButtonGroup, type ButtonGroupProps } from "@vibe/button-group";
 export * from "@vibe/checkbox";
-export * from "./Chips";
+export * from "@vibe/chips";
 export { Clickable, type ClickableProps, useClickableProps } from "@vibe/clickable";
 export * from "@vibe/color-picker";
 export * from "./Combobox";

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

@@ -1,9 +1,8 @@
 export { default as useKeyEvent } from "./useKeyEvent";
 export { default as useEventListener } from "./useEventListener";
 export { default as useDebounceEvent } from "./useDebounceEvent";
-export { useAfterFirstRender, useClickOutside, useIsOverflowing, usePrevious, useResizeObserver, useSwitch } from "@vibe/hooks";
+export { useAfterFirstRender, useClickOutside, useIsOverflowing, usePrevious, useResizeObserver, useSetFocus, useSwitch } from "@vibe/hooks";
 export { default as useTimeout } from "./useTimeout";
-export { default as useSetFocus } from "./useSetFocus";
 export { default as useIsMouseOver } from "./useIsMouseOver";
 export { default as useHover } from "./useHover/useHover";
 export { useGridKeyboardNavigation } from "@vibe/a11y";

package/dist/mocked_classnames/services/themes.d.ts

@@ -1,3 +1,3 @@
-export declare function getCSSVar(varName: string, fallback?: string): string;
+export { getCSSVar } from "@vibe/shared";
 export declare const getComputedVarColor: (elem: Element, cssVar: string) => string;
 export declare function hexToRgb(hex: string): string;

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

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

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

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

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

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-886ef7c132b6_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\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{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-886ef7c132b6_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\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{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-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.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-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.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper","focus-visible":"focus-visible",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-c5f50f32df2c_4_5_16";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper:focus-visible, .wrapper.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.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper.highlighted, .wrapper:hover:not(.disabled):not(.readOnly) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted, .wrapper.selected:hover:not(.disabled):not(.readOnly) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--space-8);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper","focus-visible":"focus-visible",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-c5f50f32df2c_4_5_18";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper:focus-visible, .wrapper.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.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper.highlighted, .wrapper:hover:not(.disabled):not(.readOnly) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted, .wrapper.selected:hover:not(.disabled):not(.readOnly) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--space-8);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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_16";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_18";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_16";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_18";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_16";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_18";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_16";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_18";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_16";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_18";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_16";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_18";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_16";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_18";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.module.scss.js

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-a12251d5376d_4_5_16";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_18";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/Dropdown/components/DropdownBase/DropdownBase.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper",wrapper:"wrapper",active:"active",disabled:"disabled",readOnly:"readOnly",error:"error",boxMode:"boxMode",borderless:"borderless",helperText:"helperText"};!function(r){const e="s_id-8dd14e35d33c_4_5_16";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper {\n  width: 100%;\n}\n\n.wrapper {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.active, .wrapper:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper.error {\n  --border-color: var(--negative-color);\n}\n\n.wrapper.boxMode {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper.borderless {\n  --border-color: transparent;\n}\n\n.wrapper.borderless:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.borderless.active, .wrapper.borderless:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper",wrapper:"wrapper",active:"active",disabled:"disabled",readOnly:"readOnly",error:"error",boxMode:"boxMode",borderless:"borderless",helperText:"helperText"};!function(r){const e="s_id-8dd14e35d33c_4_5_18";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper {\n  width: 100%;\n}\n\n.wrapper {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.active, .wrapper:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper.error {\n  --border-color: var(--negative-color);\n}\n\n.wrapper.boxMode {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper.borderless {\n  --border-color: transparent;\n}\n\n.wrapper.borderless:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.borderless.active, .wrapper.borderless:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText {\n  margin-top: var(--space-4);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-87eb930dd60f_4_5_16";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-87eb930dd60f_4_5_18";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer",inputContainer:"inputContainer",disabled:"disabled",readOnly:"readOnly",error:"error",menuContainer:"menuContainer"};!function(n){const r="s_id-f92aa28952f8_4_5_16";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer.error {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer",inputContainer:"inputContainer",disabled:"disabled",readOnly:"readOnly",error:"error",menuContainer:"menuContainer"};!function(n){const r="s_id-f92aa28952f8_4_5_18";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer.error {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible",menuHidden:"menuHidden"};!function(e){const i="s_id-448dc11ee0f4_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible {\n  visibility: visible;\n}\n\n.menuHidden {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible",menuHidden:"menuHidden"};!function(e){const i="s_id-448dc11ee0f4_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible {\n  visibility: visible;\n}\n\n.menuHidden {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import t,{useRef as o,useCallback as r,useMemo as i,createRef as a}from"react";import l from"../../../Chips/Chips.js";import{Flex as u}from"@vibe/layout/mockedClassNames";import{DialogContentContainer as c,Dialog as s}from"@vibe/dialog/mockedClassNames";import{useMergeRef as d}from"@vibe/shared";import m from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import p from"./MultiSelectedValues.module.scss.js";import f from"classnames";import v from"../Trigger/DropdownChip.js";function h(h){var g=h.selectedItems,b=h.onRemove,C=h.renderInput,w=h.disabled,y=h.readOnly,D=h.minVisibleCount,k=void 0===D?0:D,E=h.getChipContainerProps,N=h.badgeRef,O=o(null),j=o(null),W=o(null),x=o(null),I=d(N,x),P=r((function(){requestAnimationFrame((function(){var e,n=null===(e=W.current)||void 0===e?void 0:e.querySelector("button, [href], input, [tabindex]:not([tabindex='-1'])");null==n||n.focus()}))}),[]),R=r((function(e,n){"esckey"===n&&requestAnimationFrame((function(){var e,n,t=null!==(e=x.current)&&void 0!==e?e:null===(n=j.current)||void 0===n?void 0:n.querySelector('[data-testid="dropdown-overflow-counter"]');null==t||t.focus()}))}),[]),S=i((function(){return g.map((function(){return a()}))}),[g]),M=m({containerRef:O,itemRefs:S,gap:4,deductedSpaceRef:j,deductedWidth:C?48:0,minVisibleCount:1===g.length?1:k}),q=M.visibleCount,A=M.hasMeasured,H=i((function(){var e=g.length>q?g.slice(q):[];return{hiddenItems:e,hiddenCount:e.length}}),[g,q]),T=H.hiddenItems,_=H.hiddenCount,B=i((function(){return function(){return t.createElement(c,null,t.createElement(u,{direction:"column",gap:"xs",align:"start",ref:W,className:p.hiddenChipsDialog},T.map((function(e){return t.createElement(v,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return b(e)},className:p.dialogChip,disabled:w,readOnly:y})}))))}}),[T,b,w,y]),V=i((function(){return g.map((function(o,r){var i=q>r,a=i&&E?E(o,r):{},l=a.ref,u=n(a,["ref"]);return t.createElement("div",Object.assign({key:"dropdown-chip-visible-".concat(o.value),ref:function(e){S[r].current=e,"function"==typeof l&&l(e)},className:f(e(e({},p.chipWrapperWithOverflow,void 0!==k),p.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(o.value)},u),t.createElement(v,{item:o,onDelete:function(){return b(o)},disabled:w,readOnly:y,className:p.visibleChip}))}))}),[g,q,b,S,w,y,k,E]);return(null==g?void 0:g.length)?t.createElement(u,{align:"center",wrap:!1,gap:"xs",ref:O,role:"group","aria-label":"selected items",className:f(p.containerWrapper,e(e({},p.singleChip,1===g.length),p.measuring,!A))},V,t.createElement(u,{gap:"xs",className:p.inputAndCounterWrapper},_>0&&t.createElement("div",{ref:j,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){var n,t;e.stopPropagation(),"ArrowLeft"===e.key&&(e.preventDefault(),null===(t=null===(n=S[q-1])||void 0===n?void 0:n.current)||void 0===t||t.focus())},onMouseDown:function(e){e.stopPropagation()}},t.createElement(s,{content:B,showTrigger:["click","enter"],hideTrigger:["clickoutside"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0,onDialogDidShow:P,onDialogDidHide:R},t.createElement(l,{ref:I,label:"+ ".concat(_),readOnly:!0,noMargin:!0,"aria-label":"+".concat(_,". ").concat(g.length-_," items are visible out of ").concat(g.length),"data-testid":"dropdown-overflow-counter",className:p.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),C&&t.createElement("div",{className:p.inputWrapper},C()))):null}export{h as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import t,{useRef as o,useCallback as r,useMemo as i,createRef as a}from"react";import{Chips as l}from"@vibe/chips/mockedClassNames";import{Flex as c}from"@vibe/layout/mockedClassNames";import{DialogContentContainer as u,Dialog as s}from"@vibe/dialog/mockedClassNames";import{useMergeRef as d}from"@vibe/shared";import m from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import p from"./MultiSelectedValues.module.scss.js";import f from"classnames";import v from"../Trigger/DropdownChip.js";function g(g){var h=g.selectedItems,b=g.onRemove,w=g.renderInput,C=g.disabled,y=g.readOnly,D=g.minVisibleCount,k=void 0===D?0:D,E=g.getChipContainerProps,N=g.badgeRef,O=o(null),W=o(null),j=o(null),x=o(null),I=d(N,x),P=r((function(){requestAnimationFrame((function(){var e,n=null===(e=j.current)||void 0===e?void 0:e.querySelector("button, [href], input, [tabindex]:not([tabindex='-1'])");null==n||n.focus()}))}),[]),R=r((function(e,n){"esckey"===n&&requestAnimationFrame((function(){var e,n,t=null!==(e=x.current)&&void 0!==e?e:null===(n=W.current)||void 0===n?void 0:n.querySelector('[data-testid="dropdown-overflow-counter"]');null==t||t.focus()}))}),[]),S=i((function(){return h.map((function(){return a()}))}),[h]),M=m({containerRef:O,itemRefs:S,gap:4,deductedSpaceRef:W,deductedWidth:w?48:0,minVisibleCount:1===h.length?1:k}),q=M.visibleCount,A=M.hasMeasured,H=i((function(){var e=h.length>q?h.slice(q):[];return{hiddenItems:e,hiddenCount:e.length}}),[h,q]),T=H.hiddenItems,_=H.hiddenCount,B=i((function(){return function(){return t.createElement(u,null,t.createElement(c,{direction:"column",gap:"xs",align:"start",ref:j,className:p.hiddenChipsDialog},T.map((function(e){return t.createElement(v,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return b(e)},className:p.dialogChip,disabled:C,readOnly:y})}))))}}),[T,b,C,y]),V=i((function(){return h.map((function(o,r){var i=q>r,a=i&&E?E(o,r):{},l=a.ref,c=n(a,["ref"]);return t.createElement("div",Object.assign({key:"dropdown-chip-visible-".concat(o.value),ref:function(e){S[r].current=e,"function"==typeof l&&l(e)},className:f(e(e({},p.chipWrapperWithOverflow,void 0!==k),p.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(o.value)},c),t.createElement(v,{item:o,onDelete:function(){return b(o)},disabled:C,readOnly:y,className:p.visibleChip}))}))}),[h,q,b,S,C,y,k,E]);return(null==h?void 0:h.length)?t.createElement(c,{align:"center",wrap:!1,gap:"xs",ref:O,role:"group","aria-label":"selected items",className:f(p.containerWrapper,e(e({},p.singleChip,1===h.length),p.measuring,!A))},V,t.createElement(c,{gap:"xs",className:p.inputAndCounterWrapper},_>0&&t.createElement("div",{ref:W,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){var n,t;e.stopPropagation(),"ArrowLeft"===e.key&&(e.preventDefault(),null===(t=null===(n=S[q-1])||void 0===n?void 0:n.current)||void 0===t||t.focus())},onMouseDown:function(e){e.stopPropagation()}},t.createElement(s,{content:B,showTrigger:["click","enter"],hideTrigger:["clickoutside"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0,onDialogDidShow:P,onDialogDidHide:R},t.createElement(l,{ref:I,label:"+ ".concat(_),readOnly:!0,noMargin:!0,"aria-label":"+".concat(_,". ").concat(h.length-_," items are visible out of ").concat(h.length),"data-testid":"dropdown-overflow-counter",className:p.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),w&&t.createElement("div",{className:p.inputWrapper},w()))):null}export{g as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  minVisibleCount?: number;\n  /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n  getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n  /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n  badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly,\n  minVisibleCount = 0,\n  getChipContainerProps,\n  badgeRef\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const localBadgeRef = useRef<HTMLDivElement>(null);\n  const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n  // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n  // so defer to the next frame.\n  const handleDialogDidShow = useCallback(() => {\n    requestAnimationFrame(() => {\n      const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n        \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n      );\n      firstFocusable?.focus();\n    });\n  }, []);\n\n  // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n  // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n  // reset focus to <body> (the top of the page) after a synchronous focus call.\n  const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n    if (eventName !== \"esckey\") return;\n    requestAnimationFrame(() => {\n      const badge =\n        localBadgeRef.current ??\n        deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n      badge?.focus();\n    });\n  }, []);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n    minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n      const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n      const { ref: extraRef, ...extraAttrs } = extraProps;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={el => {\n            (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n            if (typeof extraRef === \"function\") extraRef(el);\n          }}\n          className={cx({\n            [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n            [styles.hiddenChip]: !isVisible\n          })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n          {...extraAttrs}\n        >\n          <DropdownChip\n            item={item}\n            onDelete={() => onRemove(item)}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={styles.visibleChip}\n          />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      role=\"group\"\n      aria-label=\"selected items\"\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n        {hiddenCount > 0 && (\n          <div\n            ref={deductedSpaceRef}\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n              if (e.key === \"ArrowLeft\") {\n                e.preventDefault();\n                (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n              }\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n              // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n              hideTrigger={[\"clickoutside\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n              onDialogDidShow={handleDialogDidShow}\n              onDialogDidHide={handleDialogDidHide}\n            >\n              <Chips\n                ref={mergedBadgeRef}\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
+{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  minVisibleCount?: number;\n  /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n  getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n  /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n  badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly,\n  minVisibleCount = 0,\n  getChipContainerProps,\n  badgeRef\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const localBadgeRef = useRef<HTMLDivElement>(null);\n  const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n  // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n  // so defer to the next frame.\n  const handleDialogDidShow = useCallback(() => {\n    requestAnimationFrame(() => {\n      const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n        \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n      );\n      firstFocusable?.focus();\n    });\n  }, []);\n\n  // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n  // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n  // reset focus to <body> (the top of the page) after a synchronous focus call.\n  const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n    if (eventName !== \"esckey\") return;\n    requestAnimationFrame(() => {\n      const badge =\n        localBadgeRef.current ??\n        deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n      badge?.focus();\n    });\n  }, []);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n    minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n      const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n      const { ref: extraRef, ...extraAttrs } = extraProps;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={el => {\n            (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n            if (typeof extraRef === \"function\") extraRef(el);\n          }}\n          className={cx({\n            [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n            [styles.hiddenChip]: !isVisible\n          })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n          {...extraAttrs}\n        >\n          <DropdownChip\n            item={item}\n            onDelete={() => onRemove(item)}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={styles.visibleChip}\n          />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      role=\"group\"\n      aria-label=\"selected items\"\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n        {hiddenCount > 0 && (\n          <div\n            ref={deductedSpaceRef}\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n              if (e.key === \"ArrowLeft\") {\n                e.preventDefault();\n                (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n              }\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n              // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n              hideTrigger={[\"clickoutside\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n              onDialogDidShow={handleDialogDidShow}\n              onDialogDidHide={handleDialogDidHide}\n            >\n              <Chips\n                ref={mergedBadgeRef}\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js

@@ -1,2 +1,2 @@
-var n={containerWrapper:"containerWrapper",singleChip:"singleChip",measuring:"measuring",hiddenChip:"hiddenChip",inputAndCounterWrapper:"inputAndCounterWrapper",inputWrapper:"inputWrapper",chipWrapperWithOverflow:"chipWrapperWithOverflow",visibleChip:"visibleChip",hiddenChipsDialog:"hiddenChipsDialog",dialogChip:"dialogChip"};!function(n){const i="s_id-a777ca35d111_4_5_16";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const p=document.createElement("style");p.id=i,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper.singleChip > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper.singleChip > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper.measuring > div:not(.hiddenChip) {\n  opacity: 0;\n}\n.inputAndCounterWrapper {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper {\n  flex-grow: 1;\n}\n.inputWrapper input {\n  width: 100%;\n}\n.chipWrapperWithOverflow {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow .visibleChip {\n  max-width: 100%;\n}\n.hiddenChip {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog {\n  max-width: 192px;\n}\n.dialogChip {\n  max-width: 100%;\n}");export{n as default};
+var n={containerWrapper:"containerWrapper",singleChip:"singleChip",measuring:"measuring",hiddenChip:"hiddenChip",inputAndCounterWrapper:"inputAndCounterWrapper",inputWrapper:"inputWrapper",chipWrapperWithOverflow:"chipWrapperWithOverflow",visibleChip:"visibleChip",hiddenChipsDialog:"hiddenChipsDialog",dialogChip:"dialogChip"};!function(n){const i="s_id-a777ca35d111_4_5_18";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const p=document.createElement("style");p.id=i,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper.singleChip > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper.singleChip > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper.measuring > div:not(.hiddenChip) {\n  opacity: 0;\n}\n.inputAndCounterWrapper {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper {\n  flex-grow: 1;\n}\n.inputWrapper input {\n  width: 100%;\n}\n.chipWrapperWithOverflow {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow .visibleChip {\n  max-width: 100%;\n}\n.hiddenChip {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog {\n  max-width: 192px;\n}\n.dialogChip {\n  max-width: 100%;\n}");export{n as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownChip.js

@@ -1,2 +1,2 @@
-import e from"react";import l from"../../../Chips/Chips.js";var n=function(n){var t=n.item,o=n.onDelete,a=n.disabled,i=n.readOnly,r=n.className,d=function(e){var l,n,t,o,a,i,r,d={};if(null==e?void 0:e.startElement)switch(null===(l=null==e?void 0:e.startElement)||void 0===l?void 0:l.type){case"icon":d.leftIcon=null===(n=null==e?void 0:e.startElement)||void 0===n?void 0:n.value;break;case"avatar":d.leftAvatar=null===(t=null==e?void 0:e.startElement)||void 0===t?void 0:t.value;break;case"custom":d.leftRenderer=null===(o=null==e?void 0:e.startElement)||void 0===o?void 0:o.render()}if(null==e?void 0:e.endElement)switch(null===(a=null==e?void 0:e.endElement)||void 0===a?void 0:a.type){case"icon":d.rightIcon=null===(i=null==e?void 0:e.endElement)||void 0===i?void 0:i.value;break;case"custom":d.rightRenderer=null===(r=null==e?void 0:e.endElement)||void 0===r?void 0:r.render()}return d}(t);return e.createElement(l,Object.assign({label:t.label,closeButtonAriaLabel:"Remove ".concat(t.label),onDelete:o,disabled:a,readOnly:i,noMargin:!0,className:r,color:t.chipColor||"primary"},d))};export{n as default};
+import e from"react";import{Chips as l}from"@vibe/chips/mockedClassNames";var n=function(n){var t=n.item,o=n.onDelete,a=n.disabled,i=n.readOnly,r=n.className,d=function(e){var l,n,t,o,a,i,r,d={};if(null==e?void 0:e.startElement)switch(null===(l=null==e?void 0:e.startElement)||void 0===l?void 0:l.type){case"icon":d.leftIcon=null===(n=null==e?void 0:e.startElement)||void 0===n?void 0:n.value;break;case"avatar":d.leftAvatar=null===(t=null==e?void 0:e.startElement)||void 0===t?void 0:t.value;break;case"custom":d.leftRenderer=null===(o=null==e?void 0:e.startElement)||void 0===o?void 0:o.render()}if(null==e?void 0:e.endElement)switch(null===(a=null==e?void 0:e.endElement)||void 0===a?void 0:a.type){case"icon":d.rightIcon=null===(i=null==e?void 0:e.endElement)||void 0===i?void 0:i.value;break;case"custom":d.rightRenderer=null===(r=null==e?void 0:e.endElement)||void 0===r?void 0:r.render()}return d}(t);return e.createElement(l,Object.assign({label:t.label,closeButtonAriaLabel:"Remove ".concat(t.label),onDelete:o,disabled:a,readOnly:i,noMargin:!0,className:r,color:t.chipColor||"primary"},d))};export{n as default};
 //# sourceMappingURL=DropdownChip.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownChip.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"../../../Chips\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n  const chipProps: Partial<ChipsProps> = {};\n  if (item?.startElement) {\n    switch (item?.startElement?.type) {\n      case \"icon\":\n        chipProps.leftIcon = item?.startElement?.value;\n        break;\n      case \"avatar\":\n        chipProps.leftAvatar = item?.startElement?.value;\n        break;\n      case \"custom\":\n        chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (item?.endElement) {\n    switch (item?.endElement?.type) {\n      case \"icon\":\n        chipProps.rightIcon = item?.endElement?.value;\n        break;\n      case \"custom\":\n        chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n  return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n  item: Item;\n  onDelete: () => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n  item,\n  onDelete,\n  disabled,\n  readOnly,\n  className\n}: DropdownChipProps<Item>) => {\n  const chipSpecificProps = getChipPropsFromItemElements(item);\n\n  return (\n    <Chips\n      label={item.label}\n      closeButtonAriaLabel={`Remove ${item.label}`}\n      onDelete={onDelete}\n      disabled={disabled}\n      readOnly={readOnly}\n      noMargin\n      className={className}\n      color={item.chipColor || \"primary\"}\n      {...chipSpecificProps}\n    />\n  );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"4DAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}
+{"version":3,"file":"DropdownChip.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"../../../BaseItem\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n  const chipProps: Partial<ChipsProps> = {};\n  if (item?.startElement) {\n    switch (item?.startElement?.type) {\n      case \"icon\":\n        chipProps.leftIcon = item?.startElement?.value;\n        break;\n      case \"avatar\":\n        chipProps.leftAvatar = item?.startElement?.value;\n        break;\n      case \"custom\":\n        chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n\n  if (item?.endElement) {\n    switch (item?.endElement?.type) {\n      case \"icon\":\n        chipProps.rightIcon = item?.endElement?.value;\n        break;\n      case \"custom\":\n        chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n        break;\n      default:\n        break;\n    }\n  }\n  return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n  item: Item;\n  onDelete: () => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n  item,\n  onDelete,\n  disabled,\n  readOnly,\n  className\n}: DropdownChipProps<Item>) => {\n  const chipSpecificProps = getChipPropsFromItemElements(item);\n\n  return (\n    <Chips\n      label={item.label}\n      closeButtonAriaLabel={`Remove ${item.label}`}\n      onDelete={onDelete}\n      disabled={disabled}\n      readOnly={readOnly}\n      noMargin\n      className={className}\n      color={item.chipColor || \"primary\"}\n      {...chipSpecificProps}\n    />\n  );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"0EAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper",small:"small",placeholderText:"placeholderText",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper",visuallyHidden:"visuallyHidden"};!function(e){const n="s_id-e51df68c2f8a_4_5_16";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper.small {\n  min-height: 32px;\n}\n.triggerWrapper.small .placeholderText {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper.medium {\n  min-height: 40px;\n}\n.triggerWrapper.large {\n  min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper .inputWrapper.hasSelected {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper .selectedItem {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n  opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n  color: var(--disabled-text-color);\n}\n.multiWrapper {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper",small:"small",placeholderText:"placeholderText",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper",visuallyHidden:"visuallyHidden"};!function(e){const n="s_id-e51df68c2f8a_4_5_18";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper.small {\n  min-height: 32px;\n}\n.triggerWrapper.small .placeholderText {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper.medium {\n  min-height: 40px;\n}\n.triggerWrapper.large {\n  min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper .inputWrapper.hasSelected {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper .selectedItem {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n  opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n  color: var(--disabled-text-color);\n}\n.multiWrapper {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState.compact {\n  padding: var(--space-16);\n}\n.emptyState .content {\n  width: 100%;\n  text-align: center;\n}\n.emptyState .content .title {\n  max-width: 500px;\n}\n.emptyState .content .description {\n  max-width: 500px;\n}\n.emptyState .content .actions {\n  width: 100%;\n}");export{t as default};
+var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState.compact {\n  padding: var(--space-16);\n}\n.emptyState .content {\n  width: 100%;\n  text-align: center;\n}\n.emptyState .content .title {\n  max-width: 500px;\n}\n.emptyState .content .description {\n  max-width: 500px;\n}\n.emptyState .content .actions {\n  width: 100%;\n}");export{t as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_5_16";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n.labelComponentIcon {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_5_18";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n.labelComponentIcon {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_5_16";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)}(".contentWrapper {\n  max-width: 240px;\n}\n.contentWrapper .link {\n  margin-top: var(--space-4);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_5_18";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)}(".contentWrapper {\n  max-width: 240px;\n}\n.contentWrapper .link {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_5_16";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)}(".infoLink {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_5_18";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)}(".infoLink {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=InfoLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n  color: var(--secondary-text-color);\n}\n.infoText.error {\n  color: var(--negative-color);\n}\n.infoText.success {\n  color: var(--positive-color);\n}\n.infoText.disabled {\n  color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_5_18";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n  color: var(--secondary-text-color);\n}\n.infoText.error {\n  color: var(--negative-color);\n}\n.infoText.success {\n  color: var(--positive-color);\n}\n.infoText.disabled {\n  color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.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_16";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_18";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_16";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_18";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