@vibe/core 3.34.2 → 3.36.0-alpha-94da6.0

package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={item:"item_bf814948d7",splitMenuItem:"splitMenuItem_24c8b67c64",disabled:"disabled_a859278fea",focused:"focused_ba622d5489",initialSelected:"initialSelected_2a9d7982d7",selected:"selected_55309e04d3"};!function(e){const n="s_id-680488cf82d9_3_34_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_bf814948d7 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_bf814948d7.splitMenuItem_24c8b67c64 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_bf814948d7.disabled_a859278fea {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_bf814948d7.focused_ba622d5489:not(.disabled_a859278fea) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_bf814948d7.focused_ba622d5489:not(.disabled_a859278fea):not(:hover):not(.initialSelected_2a9d7982d7) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_bf814948d7.selected_55309e04d3:not(.disabled_a859278fea) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_4e927f0df0",splitMenuItem:"splitMenuItem_69a676fb7d",disabled:"disabled_3cb995f70e",focused:"focused_3740142138",initialSelected:"initialSelected_886752234c",selected:"selected_4f9d5e4012"};!function(e){const n="s_id-680488cf82d9_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_4e927f0df0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_4e927f0df0.splitMenuItem_69a676fb7d {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_4e927f0df0.disabled_3cb995f70e {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_4e927f0df0.focused_3740142138:not(.disabled_3cb995f70e) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_4e927f0df0.focused_3740142138:not(.disabled_3cb995f70e):not(:hover):not(.initialSelected_886752234c) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_4e927f0df0.selected_4f9d5e4012:not(.disabled_3cb995f70e) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js

@@ -1,2 +1,2 @@
-var d={iconWrapper:"iconWrapper_7565da701d",withBackgroundColor:"withBackgroundColor_f420f56c03",disabled:"disabled_a15dddbeff",icon:"icon_5d2e6535cd",selected:"selected_0417422e8d"};!function(d){const e="s_id-f26daa2191ad_3_34_1";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(d))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=d)}(".iconWrapper_7565da701d {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_7565da701d.withBackgroundColor_f420f56c03 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_7565da701d.withBackgroundColor_f420f56c03.disabled_a15dddbeff {\n  opacity: 0.4;\n}\n.iconWrapper_7565da701d.withBackgroundColor_f420f56c03 .icon_5d2e6535cd {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_7565da701d.disabled_a15dddbeff .icon_5d2e6535cd {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_7565da701d .icon_5d2e6535cd {\n  color: var(--icon-color);\n}\n.iconWrapper_7565da701d .icon_5d2e6535cd.selected_0417422e8d {\n  color: var(--primary-color);\n}");export{d as default};
+var e={iconWrapper:"iconWrapper_2e6da877c0",withBackgroundColor:"withBackgroundColor_65faafa76b",disabled:"disabled_3aa8aca1f7",icon:"icon_5744ef2742",selected:"selected_9ae441ee90"};!function(e){const a="s_id-f26daa2191ad_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".iconWrapper_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_2e6da877c0.withBackgroundColor_65faafa76b {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_2e6da877c0.withBackgroundColor_65faafa76b.disabled_3aa8aca1f7 {\n  opacity: 0.4;\n}\n.iconWrapper_2e6da877c0.withBackgroundColor_65faafa76b .icon_5744ef2742 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_2e6da877c0.disabled_3aa8aca1f7 .icon_5744ef2742 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_2e6da877c0 .icon_5744ef2742 {\n  color: var(--icon-color);\n}\n.iconWrapper_2e6da877c0 .icon_5744ef2742.selected_9ae441ee90 {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_42e09d8791",divider:"divider_da442f6729",splitSubMenuIcon:"splitSubMenuIcon_8b83dbf5fd",subMenuIcon:"subMenuIcon_bc5fd6bded",disabled:"disabled_a859278fea",splitMenuItemIconButton:"splitMenuItemIconButton_4d9c6bd816"};!function(e){const n="s_id-3539aaaaa2b9_3_34_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_42e09d8791 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_42e09d8791 .divider_da442f6729 {\n  height: 19px;\n}\n.subMenuIconWrapper_42e09d8791 .splitSubMenuIcon_8b83dbf5fd {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_42e09d8791 .subMenuIcon_bc5fd6bded,\n.subMenuIconWrapper_42e09d8791 .splitSubMenuIcon_8b83dbf5fd {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_42e09d8791 .subMenuIcon_bc5fd6bded.disabled_a859278fea,\n.subMenuIconWrapper_42e09d8791 .splitSubMenuIcon_8b83dbf5fd.disabled_a859278fea {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_42e09d8791 .splitMenuItemIconButton_4d9c6bd816 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper_d6886f03b7",divider:"divider_c97b4aff4a",splitSubMenuIcon:"splitSubMenuIcon_c882f49df9",subMenuIcon:"subMenuIcon_302353cec4",disabled:"disabled_3cb995f70e",splitMenuItemIconButton:"splitMenuItemIconButton_18960e6133"};!function(e){const n="s_id-3539aaaaa2b9_3_35_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_d6886f03b7 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_d6886f03b7 .divider_c97b4aff4a {\n  height: 19px;\n}\n.subMenuIconWrapper_d6886f03b7 .splitSubMenuIcon_c882f49df9 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_d6886f03b7 .subMenuIcon_302353cec4,\n.subMenuIconWrapper_d6886f03b7 .splitSubMenuIcon_c882f49df9 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_d6886f03b7 .subMenuIcon_302353cec4.disabled_3cb995f70e,\n.subMenuIconWrapper_d6886f03b7 .splitSubMenuIcon_c882f49df9.disabled_3cb995f70e {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_d6886f03b7 .splitMenuItemIconButton_18960e6133 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_26994fe06f",buttonComponent:"buttonComponent_d9ac820422",content:"content_59b3806149"};!function(e){const t="s_id-f631346a82ef_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_26994fe06f {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_26994fe06f .buttonComponent_d9ac820422 {\n  width: 100%;\n}\n\n.itemButton_26994fe06f .buttonComponent_d9ac820422 .content_59b3806149 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_d2dbf8cc56",buttonComponent:"buttonComponent_f3e8b698ed",content:"content_bdf7e3e117"};!function(e){const t="s_id-f631346a82ef_3_35_0";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)}(".itemButton_d2dbf8cc56 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_d2dbf8cc56 .buttonComponent_f3e8b698ed {\n  width: 100%;\n}\n\n.itemButton_d2dbf8cc56 .buttonComponent_f3e8b698ed .content_bdf7e3e117 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js

@@ -1,2 +1,2 @@
-var t={title:"title_8a4fe97d3a",titleCaption:"titleCaption_c09d4c9467",titleCaptionCenter:"titleCaptionCenter_5cd0a13495",titleCaptionBottom:"titleCaptionBottom_88ae4e333d",titleCaptionTop:"titleCaptionTop_3402b1fd04"};!function(t){const n="s_id-48e3e93eaf49_3_34_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=t)}('.title_8a4fe97d3a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_c09d4c9467 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_5cd0a13495 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_88ae4e333d,\n.titleCaptionTop_3402b1fd04 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_88ae4e333d {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_5cd0a13495::before,\n.titleCaptionCenter_5cd0a13495::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
+var t={title:"title_8521410235",titleCaption:"titleCaption_709f614809",titleCaptionCenter:"titleCaptionCenter_f52702f02b",titleCaptionBottom:"titleCaptionBottom_bc86d6dd6b",titleCaptionTop:"titleCaptionTop_043d86a0f4"};!function(t){const n="s_id-48e3e93eaf49_3_35_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=t)}('.title_8521410235 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_709f614809 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_f52702f02b {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_bc86d6dd6b,\n.titleCaptionTop_043d86a0f4 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_bc86d6dd6b {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_f52702f02b::before,\n.titleCaptionCenter_f52702f02b::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

package/dist/src/components/MenuButton/MenuButton.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"lodash-es";import{isForwardRef as g}from"react-is";import m from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import p from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h,SMALL_BUTTON_ICON_SIZE as T}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as C,MenuButtonComponentPosition as E}from"./MenuButtonConstants.js";import{DialogSize as S,DialogPosition as w,HideShowEvent as j}from"../Dialog/DialogConstants.js";import{NOOP as O}from"../../utils/function-utils.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as b,ComponentDefaultTestId as M}from"../../tests/testIds.js";import P from"./MenuButton.module.scss.js";import D from"../../../icons/dist/react/Menu.js";var N={main:8,secondary:0},A=t((function(t,v){var C=t.id,E=t.className,S=t.openDialogComponentClassName,w=t.children,j=t.component,I=void 0===j?D:j,_=t.componentPosition,x=void 0===_?"start":_,z=t.size,B=void 0===z?"small":z,H=t.open,R=void 0!==H&&H,k=t.onClick,K=void 0===k?O:k,L=t.zIndex,U=void 0===L?null:L,Y=t.ariaLabel,W=void 0===Y?"Menu":Y,F=t.closeMenuOnItemClick,V=t.dialogOffset,q=void 0===V?N:V,G=t.dialogPosition,J=void 0===G?m.positions.BOTTOM_START:G,Q=t.dialogClassName,X=t.dialogPaddingSize,Z=void 0===X?c.sizes.SMALL:X,$=t.dialogShowTriggerIgnoreClass,ee=t.dialogHideTriggerIgnoreClass,oe=t.onMenuHide,ie=void 0===oe?O:oe,te=t.onMenuShow,re=void 0===te?O:te,ne=t.disabled,se=void 0!==ne&&ne,ae=t.text,le=t.tooltipContent,de=t.tooltipProps,ge=t.tooltipTriggers,me=void 0===ge?[A.hideTriggers.MOUSE_LEAVE]:ge,ce=t.tooltipPosition,pe=void 0===ce?"right":ce,ue=t.startingEdge,fe=void 0===ue?"bottom":ue,he=t.removeTabCloseTrigger,Te=void 0!==he&&he,ve=t.tooltipReferenceClassName,Ce=t.hideWhenReferenceHidden,Ee=void 0===Ce||Ce,Se=t.dialogContainerSelector,we=t.active,je=t.triggerElement,Oe=void 0===je?"button":je,ye=t.showTooltipOnlyOnTriggerElement,be=t["data-testid"],Me=t.closeDialogOnContentClick,Pe=void 0!==Me&&Me,De=r(null),Ne=f(v,De),Ae=n(R),Ie=e(Ae,2),_e=Ie[0],xe=Ie[1],ze=null!=we?we:_e,Be=s((function(e){ie(),xe(!1);var o=De.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[ie]),He=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||F)&&e.propagate&&Be(o)}),[F,Be]),Re=s((function(e,o){Be(o===m.hideShowTriggers.ESCAPE_KEY)}),[Be]),ke=s((function(){xe(!0),re()}),[xe,re]),Ke=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Pe&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),Te&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(w).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=He),i.cloneElement(o,t)})),Array.from(e)]}),[w,He,Pe,Te]),Le=e(Ke,2),Ue=Le[0],Ye=Le[1],We=a((function(){return 0===Ue.length?null:i.createElement(c,{size:Z,type:c.types.POPOVER},Ue)}),[Ue,Z]),Fe=a((function(){return Object.assign(Object.assign({},N),q)}),[q]),Ve=I,qe=a((function(){switch(B){case"xxs":case"xs":return T;case"small":case"medium":case"large":return h;default:return 24}}),[B]),Ge=Ve?i.createElement(Ve,{size:""+qe,role:"img","aria-hidden":"true"}):null;u((function(){xe(R)}),[R,xe]);var Je="button"===Oe?{ref:Ne}:{active:ze,disabled:se,ref:g(Oe)?Ne:void 0},Qe=i.createElement(Oe,Object.assign({id:C,"data-testid":be||b(M.MENU_BUTTON,C),type:"button",className:l(P.wrapper,E,y(P,d("size-".concat(B))),o(o(o(o({},P.active,ze),y(P,S),_e&&S),P.disabled,se),P.text,ae)),"aria-haspopup":"true","aria-expanded":_e,"aria-label":!ae&&W,onMouseUp:function(e){se?e.currentTarget.blur():K(e)},"aria-disabled":se},Je),"start"===x&&Ge,ae&&i.createElement("span",{className:P.innerText},ae),"end"===x&&Ge),Xe=function(e){return i.createElement(m,{wrapperClassName:Q,position:J,containerSelector:Se,startingEdge:fe,animationType:"expand",content:We,moveBy:Fe,showTrigger:se?[]:["click","enter"],hideTrigger:Ye,showTriggerIgnoreClass:$,hideTriggerIgnoreClass:ee,useDerivedStateFromProps:!0,onDialogDidShow:ke,onDialogDidHide:Re,zIndex:U,isOpen:_e,hideWhenReferenceHidden:Ee},e)},Ze=function(e){return i.createElement(p,Object.assign({content:le,position:pe,showTrigger:"mouseenter",hideTrigger:me,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ee},de),e)};return ye?Xe(Ze(Qe)):Ze(Xe(Qe))})),I=v(A,{sizes:C,paddingSizes:S,dialogPositions:w,hideTriggers:j,componentPositions:E});export{I as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"lodash-es";import{isForwardRef as g}from"react-is";import m from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import p from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h,SMALL_BUTTON_ICON_SIZE as T}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as C,MenuButtonComponentPosition as E}from"./MenuButtonConstants.js";import{DialogSize as S,DialogPosition as w,HideShowEvent as j}from"../Dialog/DialogConstants.js";import{NOOP as O}from"../../utils/function-utils.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as b,ComponentDefaultTestId as M}from"../../tests/testIds.js";import P from"./MenuButton.module.scss.js";import{ComponentVibeId as N}from"../../tests/constants.js";import D from"../../../icons/dist/react/Menu.js";var _={main:8,secondary:0},A=t((function(t,v){var C=t.id,E=t.className,S=t.openDialogComponentClassName,w=t.children,j=t.component,I=void 0===j?D:j,x=t.componentPosition,B=void 0===x?"start":x,z=t.size,H=void 0===z?"small":z,R=t.open,k=void 0!==R&&R,K=t.onClick,L=void 0===K?O:K,U=t.zIndex,Y=void 0===U?null:U,W=t.ariaLabel,F=void 0===W?"Menu":W,V=t.closeMenuOnItemClick,q=t.dialogOffset,G=void 0===q?_:q,J=t.dialogPosition,Q=void 0===J?m.positions.BOTTOM_START:J,X=t.dialogClassName,Z=t.dialogPaddingSize,$=void 0===Z?c.sizes.SMALL:Z,ee=t.dialogShowTriggerIgnoreClass,oe=t.dialogHideTriggerIgnoreClass,ie=t.onMenuHide,te=void 0===ie?O:ie,re=t.onMenuShow,ne=void 0===re?O:re,se=t.disabled,ae=void 0!==se&&se,le=t.text,de=t.tooltipContent,ge=t.tooltipProps,me=t.tooltipTriggers,ce=void 0===me?[A.hideTriggers.MOUSE_LEAVE]:me,pe=t.tooltipPosition,ue=void 0===pe?"right":pe,fe=t.startingEdge,he=void 0===fe?"bottom":fe,Te=t.removeTabCloseTrigger,ve=void 0!==Te&&Te,Ce=t.tooltipReferenceClassName,Ee=t.hideWhenReferenceHidden,Se=void 0===Ee||Ee,we=t.dialogContainerSelector,je=t.active,Oe=t.triggerElement,ye=void 0===Oe?"button":Oe,be=t.showTooltipOnlyOnTriggerElement,Me=t["data-testid"],Pe=t.closeDialogOnContentClick,Ne=void 0!==Pe&&Pe,De=r(null),_e=f(v,De),Ae=n(k),Ie=e(Ae,2),xe=Ie[0],Be=Ie[1],ze=null!=je?je:xe,He=s((function(e){te(),Be(!1);var o=De.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[te]),Re=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||V)&&e.propagate&&He(o)}),[V,He]),ke=s((function(e,o){He(o===m.hideShowTriggers.ESCAPE_KEY)}),[He]),Ke=s((function(){Be(!0),ne()}),[Be,ne]),Le=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Ne&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),ve&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(w).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=Re),i.cloneElement(o,t)})),Array.from(e)]}),[w,Re,Ne,ve]),Ue=e(Le,2),Ye=Ue[0],We=Ue[1],Fe=a((function(){return 0===Ye.length?null:i.createElement(c,{size:$,type:c.types.POPOVER},Ye)}),[Ye,$]),Ve=a((function(){return Object.assign(Object.assign({},_),G)}),[G]),qe=I,Ge=a((function(){switch(H){case"xxs":case"xs":return T;case"small":case"medium":case"large":return h;default:return 24}}),[H]),Je=qe?i.createElement(qe,{size:""+Ge,role:"img","aria-hidden":"true"}):null;u((function(){Be(k)}),[k,Be]);var Qe="button"===ye?{ref:_e}:{active:ze,disabled:ae,ref:g(ye)?_e:void 0},Xe=i.createElement(ye,Object.assign({id:C,"data-testid":Me||b(M.MENU_BUTTON,C),"data-vibe":N.MENU_BUTTON,type:"button",className:l(P.wrapper,E,y(P,d("size-".concat(H))),o(o(o(o({},P.active,ze),y(P,S),xe&&S),P.disabled,ae),P.text,le)),"aria-haspopup":"true","aria-expanded":xe,"aria-label":!le&&F,onMouseUp:function(e){ae?e.currentTarget.blur():L(e)},"aria-disabled":ae},Qe),"start"===B&&Je,le&&i.createElement("span",{className:P.innerText},le),"end"===B&&Je),Ze=function(e){return i.createElement(m,{wrapperClassName:X,position:Q,containerSelector:we,startingEdge:he,animationType:"expand",content:Fe,moveBy:Ve,showTrigger:ae?[]:["click","enter"],hideTrigger:We,showTriggerIgnoreClass:ee,hideTriggerIgnoreClass:oe,useDerivedStateFromProps:!0,onDialogDidShow:Ke,onDialogDidHide:ke,zIndex:Y,isOpen:xe,hideWhenReferenceHidden:Se},e)},$e=function(e){return i.createElement(p,Object.assign({content:de,position:ue,showTrigger:"mouseenter",hideTrigger:ce,referenceWrapperClassName:Ce,hideWhenReferenceHidden:Se},ge),e)};return be?Ze($e(Xe)):$e(Ze(Xe))})),I=v(A,{sizes:C,paddingSizes:S,dialogPositions:w,hideTriggers:j,componentPositions:E});export{I as default};
 //# sourceMappingURL=MenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n  MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n  MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n  DialogPosition as DialogPositionEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * Control the button's selected state\n   */\n  active?: boolean;\n  /**\n   *Class name to add to the button when the dialog is open\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * Receives React Component\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  size?: MenuButtonSize;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  zIndex?: number;\n  ariaLabel?: string;\n  /*\n    Class name to provide the element which wraps the popover/modal/dialog\n   */\n  dialogClassName?: string;\n  /**\n   * main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n   */\n  dialogOffset?: DialogOffset;\n  dialogPaddingSize?: DialogSize;\n  dialogPosition?: DialogPosition;\n  dialogShowTriggerIgnoreClass?: string;\n  dialogHideTriggerIgnoreClass?: string;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  dialogContainerSelector?: string;\n  /**\n   * Dialog Alignment\n   */\n  startingEdge?: string;\n  /*\n    Callback function to be called when the menu is shown\n   */\n  onMenuShow?: () => void;\n  /*\n  Callback function to be called when the menu is hidden\n */\n  onMenuHide?: () => void;\n  /**\n   * Text to be displayed after the icon\n   */\n  text?: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n  /**\n   Remove \"Tab\" key from the hide trigger\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   is an array with the content of types:\n   CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n   ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Tooltip Element Wrapper ClassName\n   */\n  tooltipReferenceClassName?: string;\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * When the MenuButton is hidden hide the dialog and tooltip as well\n   */\n  hideWhenReferenceHidden?: boolean;\n  children?: ElementContent;\n  /**\n   * Specifies whether to render the component before or after the text\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * Element to be used as the trigger element for the Menu - default is button\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * Close the menu when an item is clicked\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  closeDialogOnContentClick?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n  sizes?: typeof MenuButtonSizeEnum;\n  paddingSizes?: typeof DialogContentContainer.sizes;\n  dialogPositions?: typeof DialogPositionEnum;\n  hideTriggers?: typeof Dialog.hideShowTriggers;\n  componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = Dialog.positions.BOTTOM_START,\n      dialogClassName,\n      dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false\n    }: MenuButtonProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isEscapeKey = event?.key === \"Escape\";\n        if (isEscapeKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isEscapeKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n      },\n      [handleMenuClose]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set([\n        Dialog.hideShowTriggers.CLICK_OUTSIDE,\n        Dialog.hideShowTriggers.TAB_KEY,\n        Dialog.hideShowTriggers.ESCAPE_KEY\n      ]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n        triggers.add(Dialog.hideShowTriggers.ENTER);\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return SMALL_BUTTON_ICON_SIZE;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return BUTTON_ICON_SIZE;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default withStaticProps(MenuButton, {\n  sizes: MenuButtonSizeEnum,\n  paddingSizes: DialogSizeEnum,\n  dialogPositions: DialogPositionEnum,\n  hideTriggers: DialogTriggerEventEnum,\n  componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n  MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n  MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n  DialogPosition as DialogPositionEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * Control the button's selected state\n   */\n  active?: boolean;\n  /**\n   *Class name to add to the button when the dialog is open\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * Receives React Component\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  size?: MenuButtonSize;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  zIndex?: number;\n  ariaLabel?: string;\n  /*\n    Class name to provide the element which wraps the popover/modal/dialog\n   */\n  dialogClassName?: string;\n  /**\n   * main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n   */\n  dialogOffset?: DialogOffset;\n  dialogPaddingSize?: DialogSize;\n  dialogPosition?: DialogPosition;\n  dialogShowTriggerIgnoreClass?: string;\n  dialogHideTriggerIgnoreClass?: string;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  dialogContainerSelector?: string;\n  /**\n   * Dialog Alignment\n   */\n  startingEdge?: string;\n  /*\n    Callback function to be called when the menu is shown\n   */\n  onMenuShow?: () => void;\n  /*\n  Callback function to be called when the menu is hidden\n */\n  onMenuHide?: () => void;\n  /**\n   * Text to be displayed after the icon\n   */\n  text?: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n  /**\n   Remove \"Tab\" key from the hide trigger\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   is an array with the content of types:\n   CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n   ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Tooltip Element Wrapper ClassName\n   */\n  tooltipReferenceClassName?: string;\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * When the MenuButton is hidden hide the dialog and tooltip as well\n   */\n  hideWhenReferenceHidden?: boolean;\n  children?: ElementContent;\n  /**\n   * Specifies whether to render the component before or after the text\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * Element to be used as the trigger element for the Menu - default is button\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * Close the menu when an item is clicked\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  closeDialogOnContentClick?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n  sizes?: typeof MenuButtonSizeEnum;\n  paddingSizes?: typeof DialogContentContainer.sizes;\n  dialogPositions?: typeof DialogPositionEnum;\n  hideTriggers?: typeof Dialog.hideShowTriggers;\n  componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = Dialog.positions.BOTTOM_START,\n      dialogClassName,\n      dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false\n    }: MenuButtonProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isEscapeKey = event?.key === \"Escape\";\n        if (isEscapeKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isEscapeKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n      },\n      [handleMenuClose]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set([\n        Dialog.hideShowTriggers.CLICK_OUTSIDE,\n        Dialog.hideShowTriggers.TAB_KEY,\n        Dialog.hideShowTriggers.ESCAPE_KEY\n      ]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n        triggers.add(Dialog.hideShowTriggers.ENTER);\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return SMALL_BUTTON_ICON_SIZE;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return BUTTON_ICON_SIZE;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default withStaticProps(MenuButton, {\n  sizes: MenuButtonSizeEnum,\n  paddingSizes: DialogSizeEnum,\n  dialogPositions: DialogPositionEnum,\n  hideTriggers: DialogTriggerEventEnum,\n  componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"2vCA+BA,IAAMA,EAAU,CAAEC,KAAM,EAAGC,UAAW,GAkGhCC,EAMFC,GACF,SAAAC,EAuCEC,GACE,IAtCAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAA4BJ,EAA5BI,6BACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,UAAAA,OAAYC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EAChBU,kBAAAA,OAAoB,IAAHD,EAAG,QAAOA,EAAAE,EAAAX,EAC3BY,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACdc,KAAAA,OAAO,IAAHD,GAAQA,EAAAE,EAAAf,EACZgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EAAAE,EAAApB,EACbqB,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAClBE,EAAoBtB,EAApBsB,qBAAoBC,EAAAvB,EACpBwB,aAAAA,OAAe7B,IAAH4B,EAAG5B,EAAO4B,EAAAE,EAAAzB,EACtB0B,eAAAA,OAAiBC,IAAHF,EAAGE,EAAOC,UAAUC,aAAYJ,EAC9CK,EAAe9B,EAAf8B,gBAAeC,EAAA/B,EACfgC,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAuBC,MAAMC,MAAKJ,EACtDK,GAA4BpC,EAA5BoC,6BACAC,GAA4BrC,EAA5BqC,6BAA4BC,GAAAtC,EAC5BuC,WAAAA,QAAatB,IAAHqB,GAAGrB,EAAIqB,GAAAE,GAAAxC,EACjByC,WAAAA,QAAaxB,IAAHuB,GAAGvB,EAAIuB,GAAAE,GAAA1C,EACjB2C,SAAAA,QAAW,IAAHD,IAAQA,GAChBE,GAAI5C,EAAJ4C,KACAC,GAAc7C,EAAd6C,eACAC,GAAY9C,EAAZ8C,aAAYC,GAAA/C,EACZgD,gBAAAA,QAAe,IAAAD,GAAG,CAACjD,EAAWmD,aAAaC,aAAYH,GAAAI,GAAAnD,EACvDoD,gBAAAA,QAAkB,IAAHD,GAAG,QAAOA,GAAAE,GAAArD,EACzBsD,aAAAA,QAAe,IAAHD,GAAG,SAAQA,GAAAE,GAAAvD,EACvBwD,sBAAAA,QAAwB,IAAHD,IAAQA,GAC7BE,GAAyBzD,EAAzByD,0BAAyBC,GAAA1D,EACzB2D,wBAAAA,QAA0B,IAAHD,IAAOA,GAC9BE,GAAuB5D,EAAvB4D,wBACAC,GAAM7D,EAAN6D,OAAMC,GAAA9D,EACN+D,eAAgBC,QAAiB,IAAHF,GAAG,SAAQA,GACzCG,GAA+BjE,EAA/BiE,gCACeC,GAAUlE,EAAzB,eAAamE,GAAAnE,EACboE,0BAAAA,QAA4B,IAAHD,IAAQA,GAI7BE,GAAeC,EAAO,MACtBC,GAAYC,EAAYvE,EAAKoE,IAEnCI,GAA4BC,EAAS5D,GAAK6D,GAAAC,EAAAH,GAAA,GAAnCI,GAAMF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAWlB,SAAAA,GAAUgB,GAErBG,GAAkBC,GACtB,SAACC,GACC3C,KACAuC,IAAU,GACV,IAAMK,EAASd,GAAae,QACvBD,GAAWD,GAGhBG,OAAOC,uBAAsB,WAC3BH,EAAOI,OACT,GACF,GACA,CAAChD,KAGGiD,GAAiBP,GACrB,SAACQ,GAEC,IAAMC,EAA6B,YAAfD,aAAA,EAAAA,EAAOE,MACvBD,GAAepE,IAEbmE,EAAMG,WACRZ,GAAgBU,EAGtB,GACA,CAACpE,EAAsB0D,KAGnBa,GAAkBZ,GACtB,SAACQ,EAAoBK,GACnBd,GAAgBc,IAAcnE,EAAOoE,iBAAiBC,WACxD,GACA,CAAChB,KAGGiB,GAAkBhB,GAAY,WAClCH,IAAU,GACVrC,IACF,GAAG,CAACqC,GAAWrC,KAEfyD,GAAsCC,GAAQ,WAC5C,IAAMC,EAAW,IAAIC,IAAI,CACvB1E,EAAOoE,iBAAiBO,cACxB3E,EAAOoE,iBAAiBQ,QACxB5E,EAAOoE,iBAAiBC,aA2B1B,OAxBI5B,KACFgC,EAASI,IAAI7E,EAAOoE,iBAAiBU,eACrCL,EAASI,IAAI7E,EAAOoE,iBAAiBW,QAGnClD,IACF4C,EAASO,OAAOhF,EAAOoE,iBAAiBQ,SAkBnC,CAhBaK,EAAMC,SAASC,QAAQzG,GAChB0G,KAAI,SAAAC,GAC7B,IAAKJ,EAAMK,eAAeD,GAAQ,OAAO,KAEzC,IAAME,EAAuF,CAAA,EAU7F,OATIF,EAAMG,MAAQH,EAAMG,KAAKC,sBAC3BF,EAASG,cAAe,EACxBjB,EAASO,OAAOhF,EAAOoE,iBAAiBC,aAGtCgB,EAAMG,MAAQH,EAAMG,KAAKG,SAC3BJ,EAASK,QAAU/B,IAGdoB,EAAMY,aAAaR,EAAOE,EACnC,IACgBO,MAAMC,KAAKtB,GAC5B,GAAE,CAAC/F,EAAUmF,GAAgBpB,GAA2BZ,KAAuBmE,GAAA/C,EAAAsB,GAAA,GAhCzE0B,GAAcD,GAAA,GAAEE,GAAWF,GAAA,GAkC5BG,GAAU3B,GAAQ,WACtB,OAA8B,IAA1ByB,GAAeG,OAAqB,KAEtCnB,EAACoB,cAAA/F,GAAuBrB,KAAMoB,EAAmBmF,KAAMlF,EAAuBgG,MAAMC,SACjFN,GAGP,GAAG,CAACA,GAAgB5F,IAEdmG,GAAuBhC,GAC3B,WAAA,OAAMiC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACD1I,GACA6B,EACH,GACF,CAACA,IAWG8G,GAAO/H,EACPgI,GAAWpC,GAAQ,WACvB,OAAQvF,GACN,IAAK,MACL,IAAK,KACH,OAAO4H,EACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOC,EACT,QACE,OAAO,GAEb,GAAG,CAAC7H,IACE8H,GAAOJ,GAAO1B,EAAAoB,cAACM,GAAI,CAAC1H,KAAM2H,MAAqBI,KAAK,MAAK,cAAa,SAAY,KAExFC,GAA0B,WACxB9D,GAAUhE,EACZ,GAAG,CAACA,EAAMgE,KAGV,IAAM+D,GACe,WAAnB7E,GACI,CACE/D,IAAKsE,IAEP,CACEV,OAAQkB,GACRpC,SAAUA,GACV1C,IAAK6I,EAAa9E,IAAkBO,QAAYwE,GAGlDC,GACJpC,EAAAoB,cAAChE,GACCoE,OAAAC,OAAA,CAAAnI,GAAIA,EACS,cAAAgE,IAAc+E,EAAUC,EAAuBC,YAAajJ,GAAG,YACjEkJ,EAAgBD,YAC3BhC,KAAK,SACLhH,UAAWkJ,EAAGC,EAAOC,QAASpJ,EAAWqJ,EAASF,EAAQG,EAAS,QAAAC,OAAS9I,KAAQ+I,EAAAA,EAAAA,EAAAA,EACjFL,CAAAA,EAAAA,EAAOzF,OAASkB,IAChByE,EAASF,EAAQlJ,GAAgCyE,IAAUzE,GAC3DkJ,EAAO3G,SAAWA,IAClB2G,EAAO1G,KAAOA,qBAEH,OAAM,gBACLiC,GAAM,cACRjC,IAAQvB,EACrBuI,UAvDc,SAACnE,GACb9C,GACF8C,EAAMoE,cAAcC,OAGtB9I,EAAQyE,IAmDS,gBAAA9C,IACXkG,IAEmB,UAAtBnI,GAAiCgI,GACjC9F,IAAQgE,wBAAMzG,UAAWmJ,EAAOS,WAAYnH,IACtB,QAAtBlC,GAA+BgI,IAI9BsB,GAAa,SAACC,GAAkC,OACpDrD,EAACoB,cAAArG,GACCuI,iBAAkBpI,EAClBqI,SAAUzI,EACV0I,kBAAmBxG,GACnBN,aAAcA,GACd+G,cAAc,SACdvC,QAASA,GACTwC,OAAQnC,GACRoC,YAAa5H,GAAW,GAAK,CAAC,QAAS,SACvCkF,YAAaA,GACb2C,uBAAwBpI,GACxBqI,uBAAwBpI,GACxBqI,0BAA0B,EAC1BzE,gBAAiBA,GACjBJ,gBAAiBA,GACjB1E,OAAQA,EACR0D,OAAQA,GACRlB,wBAAyBA,IAExBsG,IAICU,GAAc,SAACC,GAAmC,OACtDhE,EAAAoB,cAAC6C,EAAOzC,OAAAC,OAAA,CACNP,QAASjF,GACTsH,SAAU/G,GACVmH,YAAY,aACZ1C,YAAa7E,GACb8H,0BAA2BrH,GAC3BE,wBAAyBA,IACrBb,IAEH8H,IAIL,OAAI3G,GACK+F,GAAWW,GAAY3B,KAEzB2B,GAAYX,GAAWhB,IAChC,IAGa+B,EAAAA,EAAgBjL,EAAY,CACzCoC,MAAO8I,EACPC,aAAcC,EACdC,gBAAiBC,EACjBnI,aAAcoI,EACdC,mBAAoBC"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_c6266bd233","focus-visible":"focus-visible_347e281e52",active:"active_663641bfe7",sizeXxs:"sizeXxs_333e4b8b8b",sizeXs:"sizeXs_ea1378cad0",sizeSmall:"sizeSmall_2fe0915024",sizeMedium:"sizeMedium_5174f6deee",sizeLarge:"sizeLarge_c3013079e2",disabled:"disabled_417578905a",text:"text_d9ac820422",innerText:"innerText_7be4d96ea7"};!function(n){const o="s_id-749f9b8f229f_3_34_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_c6266bd233 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_c6266bd233:focus-visible, .wrapper_c6266bd233.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_c6266bd233:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.wrapper_c6266bd233:focus-visible, .wrapper_c6266bd233.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_c6266bd233:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.wrapper_c6266bd233:focus,\n.wrapper_c6266bd233:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_c6266bd233:active {\n  transform: scale(0.95);\n}\n.active_663641bfe7 {\n  background-color: var(--primary-selected-color);\n}\n.active_663641bfe7:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_663641bfe7:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_333e4b8b8b {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_ea1378cad0 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_2fe0915024 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_5174f6deee {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_c3013079e2 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_417578905a {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_417578905a:hover {\n  background-color: transparent;\n}\n.text_d9ac820422 {\n  width: 100%;\n}\n.innerText_7be4d96ea7 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_74eb876067","focus-visible":"focus-visible_eb6b496cf8",active:"active_ee6ef0bae2",sizeXxs:"sizeXxs_b689d92ded",sizeXs:"sizeXs_8f5ffbfdcf",sizeSmall:"sizeSmall_552ba3f0db",sizeMedium:"sizeMedium_19a76711c3",sizeLarge:"sizeLarge_b0502389bf",disabled:"disabled_01cc9e27dc",text:"text_f3e8b698ed",innerText:"innerText_a1ff82b869"};!function(n){const e="s_id-749f9b8f229f_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".wrapper_74eb876067 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_74eb876067:focus-visible, .wrapper_74eb876067.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_74eb876067:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.wrapper_74eb876067:focus-visible, .wrapper_74eb876067.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_74eb876067:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.wrapper_74eb876067:focus,\n.wrapper_74eb876067:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_74eb876067:active {\n  transform: scale(0.95);\n}\n.active_ee6ef0bae2 {\n  background-color: var(--primary-selected-color);\n}\n.active_ee6ef0bae2:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_ee6ef0bae2:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_b689d92ded {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_8f5ffbfdcf {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_552ba3f0db {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_19a76711c3 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_b0502389bf {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_01cc9e27dc {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_01cc9e27dc:hover {\n  background-color: transparent;\n}\n.text_f3e8b698ed {\n  width: 100%;\n}\n.innerText_a1ff82b869 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_80dc3f8d43",overlay:"overlay_375021658a",modal:"modal_4da323908d",withHeaderAction:"withHeaderAction_e2fcaa2ffa",sizeSmall:"sizeSmall_d15f8fbf6c",sizeMedium:"sizeMedium_0d5f2aa3e2",sizeLarge:"sizeLarge_084ba08bf5",sizeFullView:"sizeFullView_77e2704f04"};!function(n){const a="s_id-1ca56cdae57e_3_34_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_80dc3f8d43 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_375021658a {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--color-surface);\n}\n\n.modal_4da323908d {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_4da323908d.withHeaderAction_e2fcaa2ffa {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_4da323908d.sizeSmall_d15f8fbf6c {\n  --modal-max-height: 50%;\n  --modal-width: 480px;\n}\n\n.modal_4da323908d.sizeMedium_0d5f2aa3e2 {\n  --modal-max-height: 80%;\n  --modal-width: 580px;\n}\n\n.modal_4da323908d.sizeLarge_084ba08bf5 {\n  --modal-max-height: 80%;\n  --modal-width: 840px;\n}\n\n.modal_4da323908d.sizeFullView_77e2704f04 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: 40px;\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}");export{n as default};
+var n={container:"container_85aa9441a3",overlay:"overlay_76f422fe57",modal:"modal_861a825ed7",withHeaderAction:"withHeaderAction_9792dc51ea",sizeSmall:"sizeSmall_de14b41a8d",sizeMedium:"sizeMedium_25951a9dc2",sizeLarge:"sizeLarge_12cf8158dd",sizeFullView:"sizeFullView_242c4ed5e1"};!function(n){const e="s_id-1ca56cdae57e_3_35_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_85aa9441a3 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_76f422fe57 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--color-surface);\n}\n\n.modal_861a825ed7 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_861a825ed7.withHeaderAction_9792dc51ea {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_861a825ed7.sizeSmall_de14b41a8d {\n  --modal-max-height: 50%;\n  --modal-width: 480px;\n}\n\n.modal_861a825ed7.sizeMedium_25951a9dc2 {\n  --modal-max-height: 80%;\n  --modal-width: 580px;\n}\n\n.modal_861a825ed7.sizeLarge_12cf8158dd {\n  --modal-max-height: 80%;\n  --modal-width: 840px;\n}\n\n.modal_861a825ed7.sizeFullView_242c4ed5e1 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: 40px;\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={header:"header_42efb19f33",title:"title_d9ac820422",descriptionIcon:"descriptionIcon_df9afce777"};!function(e){const n="s_id-9882eed3e38d_3_34_1";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)}(".header_42efb19f33 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_42efb19f33 .title_d9ac820422 {\n  width: 100%;\n}\n.header_42efb19f33 .descriptionIcon_df9afce777 {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_6e8d85baa1",title:"title_f3e8b698ed",descriptionIcon:"descriptionIcon_1d0f0e6c26"};!function(e){const n="s_id-9882eed3e38d_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_6e8d85baa1 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_6e8d85baa1 .title_f3e8b698ed {\n  width: 100%;\n}\n.header_6e8d85baa1 .descriptionIcon_1d0f0e6c26 {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={actions:"actions_c1124e3b06"};!function(e){const t="s_id-86629ffbaf1c_3_34_1";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)}(".actions_c1124e3b06 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_bd8251ffee"};!function(e){const t="s_id-86629ffbaf1c_3_35_0";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)}(".actions_bd8251ffee {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={primary:"primary_39ffe053f7",secondary:"secondary_a8dd180f93"};!function(e){const n="s_id-4cbf6fa94914_3_34_1";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)}(".primary_39ffe053f7 {\n  order: 2;\n}\n.primary_39ffe053f7:only-child {\n  margin-left: auto;\n}\n.secondary_a8dd180f93 {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
+var e={primary:"primary_710b6acb6c",secondary:"secondary_79cb7ff2d4"};!function(e){const n="s_id-4cbf6fa94914_3_35_0";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)}(".primary_710b6acb6c {\n  order: 2;\n}\n.primary_710b6acb6c:only-child {\n  margin-left: auto;\n}\n.secondary_79cb7ff2d4 {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js

@@ -1,2 +1,2 @@
-var e={footer:"footer_5dcb3b18ba"};!function(e){const t="s_id-23913bf713c7_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_5dcb3b18ba {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_1ddccfeada"};!function(e){const t="s_id-23913bf713c7_3_35_0";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)}(".footer_1ddccfeada {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js

@@ -1,2 +1,2 @@
-var e={primary:"primary_39ffe053f7",secondary:"secondary_189bbdae7b",stepDots:"stepDots_1c3de15f13"};!function(e){const n="s_id-51737ad1ac1f_3_34_1";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)}(".primary_39ffe053f7 {\n  order: 2;\n}\n\n.secondary_189bbdae7b {\n  order: 1;\n}\n\n.stepDots_1c3de15f13 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_710b6acb6c",secondary:"secondary_dde047e9fb",stepDots:"stepDots_573129dd47"};!function(e){const n="s_id-51737ad1ac1f_3_35_0";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)}(".primary_710b6acb6c {\n  order: 2;\n}\n\n.secondary_dde047e9fb {\n  order: 1;\n}\n\n.stepDots_573129dd47 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js

@@ -1,2 +1,2 @@
-var e={layout:"layout_ed0a4efad3",header:"header_aa4ac2df7e",divider:"divider_e31b2f2a27",showDivider:"showDivider_364dd2c3b7",content:"content_334b3e9587"};!function(e){const a="s_id-b8093a4a9ca9_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".layout_ed0a4efad3 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_ed0a4efad3 .header_aa4ac2df7e {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_ed0a4efad3 .divider_e31b2f2a27 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_ed0a4efad3 .divider_e31b2f2a27.showDivider_364dd2c3b7 {\n  opacity: 1;\n}\n.layout_ed0a4efad3 .content_334b3e9587 {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
+var e={layout:"layout_7887363f98",header:"header_5cc81b5e81",divider:"divider_cad4862c9b",showDivider:"showDivider_74b4335016",content:"content_9f2c56c44b"};!function(e){const n="s_id-b8093a4a9ca9_3_35_0";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)}(".layout_7887363f98 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_7887363f98 .header_5cc81b5e81 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_7887363f98 .divider_cad4862c9b {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_7887363f98 .divider_cad4862c9b.showDivider_74b4335016 {\n  opacity: 1;\n}\n.layout_7887363f98 .content_9f2c56c44b {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_1e8f696be0",show:"show_fb41b34c4f"};!function(e){const t="s_id-c76d397ed7f2_3_34_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_1e8f696be0::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_1e8f696be0.show_fb41b34c4f::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_069a96f250",show:"show_efc894d75b"};!function(e){const t="s_id-c76d397ed7f2_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_069a96f250::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_069a96f250.show_efc894d75b::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={content:"content_6fcbb06e16"};!function(e){const n="s_id-a5c90e45f208_3_34_1";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)}(".content_6fcbb06e16 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_6fcbb06e16::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_6fcbb06e16::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_5182464329"};!function(e){const n="s_id-a5c90e45f208_3_35_0";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)}(".content_5182464329 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_5182464329::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_5182464329::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js

@@ -1,2 +1,2 @@
-var e={layout:"layout_ed0a4efad3",media:"media_f1afca69f2",header:"header_d123535f9f",content:"content_ae6fc96832"};!function(e){const n="s_id-0e68c3ff993d_3_34_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_ed0a4efad3 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_ed0a4efad3 .media_f1afca69f2 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_ed0a4efad3 .header_d123535f9f {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_ed0a4efad3 .content_ae6fc96832 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_7887363f98",media:"media_4806278cf0",header:"header_16e5e856cb",content:"content_3e54b4ec3c"};!function(e){const n="s_id-0e68c3ff993d_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_7887363f98 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_7887363f98 .media_4806278cf0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_7887363f98 .header_16e5e856cb {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_7887363f98 .content_3e54b4ec3c {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js

@@ -1,2 +1,2 @@
-var e={layout:"layout_32270fbfeb",header:"header_7d31788f30",content:"content_ef2fc9f9e0",media:"media_c97c78fe0c"};!function(e){const n="s_id-5a065e57e1cb_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_32270fbfeb {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_32270fbfeb .header_7d31788f30 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_32270fbfeb .content_ef2fc9f9e0 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_32270fbfeb .media_c97c78fe0c {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={layout:"layout_908ad10b0f",header:"header_6c333ad006",content:"content_d123ed78b8",media:"media_bc58dbfc0d"};!function(e){const n="s_id-5a065e57e1cb_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_908ad10b0f {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_908ad10b0f .header_6c333ad006 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_908ad10b0f .content_d123ed78b8 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_908ad10b0f .media_bc58dbfc0d {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_820736aa9b",divider:"divider_7b988e7064",compact:"compact_fbd7ba3599"};!function(e){const n="s_id-0040463364ed_3_34_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_820736aa9b {\n  display: flex;\n}\n.wrapper_820736aa9b .divider_7b988e7064 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_820736aa9b .divider_7b988e7064.compact_fbd7ba3599 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper_6e7f4682ce",divider:"divider_25a73ef428",compact:"compact_fbbcb7a7f5"};!function(e){const n="s_id-0040463364ed_3_35_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_6e7f4682ce {\n  display: flex;\n}\n.wrapper_6e7f4682ce .divider_25a73ef428 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_6e7f4682ce .divider_25a73ef428.compact_fbbcb7a7f5 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_837711289f",textContainer:"textContainer_4c08a0e4e6",sizeCompactTextContainer:"sizeCompactTextContainer_18fc7db555",textContainerTitle:"textContainerTitle_b9090b9ff9",visuallyHidden:"visuallyHidden_1ffb9b67eb",textContainerTitleText:"textContainerTitleText_3bcc763d41",textContainerSubtitleText:"textContainerSubtitleText_da3cf47e2c",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_d5df2e920a",textPlacementVertical:"textPlacementVertical_7bd1fc3be5",numberDividerContainer:"numberDividerContainer_2c8dd26f81",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_8a77d2f639",divider:"divider_237e6b5468",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_e24d4fd8f5",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_f8c51e05c1",clickable:"clickable_e26a557792",withAnimation:"withAnimation_578ec32567",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_06e84891eb",swapEnter:"swapEnter_7933740e23",swapEnterActive:"swapEnterActive_97df58d257",swapExit:"swapExit_3c0d43ace3",swapExitActive:"swapExitActive_ef7d651a46",numberContainer:"numberContainer_9fcae72d24",numberContainerText:"numberContainerText_e5c6b2035c",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_3eb9e44def",typePrimaryNumberContainer:"typePrimaryNumberContainer_1eb5688203",typeDangerNumberContainer:"typeDangerNumberContainer_b4b334d4e3",typeSuccessNumberContainer:"typeSuccessNumberContainer_cfebfaf64c",typeDarkNumberContainer:"typeDarkNumberContainer_a7aae1d5dd",statusActiveNumberContainer:"statusActiveNumberContainer_adf3f28ac0",sizeCompactNumberContainer:"sizeCompactNumberContainer_63213da7ba",statusPendingNumberContainer:"statusPendingNumberContainer_170c5aab70","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_0d79f63ac6"};!function(n){const e="s_id-f9249b867669_3_34_1";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)}(".indicator_837711289f {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_4c08a0e4e6 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_18fc7db555 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_b9090b9ff9 {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_b9090b9ff9 .visuallyHidden_1ffb9b67eb {\n  display: none;\n}\n\n.textContainerTitleText_3bcc763d41 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_da3cf47e2c {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_d5df2e920a {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_7bd1fc3be5 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_7bd1fc3be5 .textContainer_4c08a0e4e6 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_7bd1fc3be5 .numberDividerContainer_2c8dd26f81 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_8a77d2f639 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_7bd1fc3be5 .numberDividerContainer_2c8dd26f81 .divider_237e6b5468 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_e24d4fd8f5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_e24d4fd8f5.statusActiveNumberDividerContainer_f8c51e05c1 {\n  width: 40px;\n}\n\n.indicator_837711289f.clickable_e26a557792 {\n  cursor: pointer;\n}\n\n.withAnimation_578ec32567 {\n  animation: stepIndicatiorCirclePopElastic_06e84891eb var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_7933740e23 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_97df58d257 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_3c0d43ace3 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_ef7d651a46 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_9fcae72d24 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_e5c6b2035c {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_3eb9e44def {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_1eb5688203 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_1eb5688203:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_b4b334d4e3 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_b4b334d4e3:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_cfebfaf64c {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_cfebfaf64c:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_a7aae1d5dd {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_a7aae1d5dd:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_adf3f28ac0 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_adf3f28ac0.typeDangerNumberContainer_b4b334d4e3 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_adf3f28ac0.typeSuccessNumberContainer_cfebfaf64c {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_adf3f28ac0.typeDarkNumberContainer_a7aae1d5dd {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_63213da7ba {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_170c5aab70 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_170c5aab70:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_170c5aab70.typeDangerNumberContainer_b4b334d4e3:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_170c5aab70.typeSuccessNumberContainer_cfebfaf64c:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_170c5aab70.typeDarkNumberContainer_a7aae1d5dd:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_0d79f63ac6 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator_d48e6d9793",textContainer:"textContainer_3955cac9c6",sizeCompactTextContainer:"sizeCompactTextContainer_13cb948e06",textContainerTitle:"textContainerTitle_3f62e71a8c",visuallyHidden:"visuallyHidden_610a6493c0",textContainerTitleText:"textContainerTitleText_76d3479d7d",textContainerSubtitleText:"textContainerSubtitleText_5b190fd01c",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_2f5290fc7c",textPlacementVertical:"textPlacementVertical_9cfc47ad78",numberDividerContainer:"numberDividerContainer_b9cc46a52a",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_e290cb8d4b",divider:"divider_cd46c327da",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_a8741c63a6",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_148b30ccbc",clickable:"clickable_ea8f1836f3",withAnimation:"withAnimation_c077e1f386",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_857373a99d",swapEnter:"swapEnter_0141ef3b43",swapEnterActive:"swapEnterActive_69d292676d",swapExit:"swapExit_15e9c754d0",swapExitActive:"swapExitActive_d68373c71a",numberContainer:"numberContainer_7e747d2cf0",numberContainerText:"numberContainerText_937bce4c6c",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_611734adc0",typePrimaryNumberContainer:"typePrimaryNumberContainer_3f157c15ac",typeDangerNumberContainer:"typeDangerNumberContainer_435dbf5ce4",typeSuccessNumberContainer:"typeSuccessNumberContainer_b60a785725",typeDarkNumberContainer:"typeDarkNumberContainer_745f356fc1",statusActiveNumberContainer:"statusActiveNumberContainer_3b74a99085",sizeCompactNumberContainer:"sizeCompactNumberContainer_a4cd4e7ff4",statusPendingNumberContainer:"statusPendingNumberContainer_733ad3c26b","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_a8e9b8c3d1"};!function(n){const e="s_id-f9249b867669_3_35_0";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)}(".indicator_d48e6d9793 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_3955cac9c6 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_13cb948e06 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_3f62e71a8c {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_3f62e71a8c .visuallyHidden_610a6493c0 {\n  display: none;\n}\n\n.textContainerTitleText_76d3479d7d {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_5b190fd01c {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_2f5290fc7c {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_9cfc47ad78 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_9cfc47ad78 .textContainer_3955cac9c6 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_9cfc47ad78 .numberDividerContainer_b9cc46a52a {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_e290cb8d4b {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_9cfc47ad78 .numberDividerContainer_b9cc46a52a .divider_cd46c327da {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_a8741c63a6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_a8741c63a6.statusActiveNumberDividerContainer_148b30ccbc {\n  width: 40px;\n}\n\n.indicator_d48e6d9793.clickable_ea8f1836f3 {\n  cursor: pointer;\n}\n\n.withAnimation_c077e1f386 {\n  animation: stepIndicatiorCirclePopElastic_857373a99d var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_0141ef3b43 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_69d292676d {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_15e9c754d0 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_d68373c71a {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_7e747d2cf0 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_937bce4c6c {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_611734adc0 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_3f157c15ac {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_3f157c15ac:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_435dbf5ce4 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_435dbf5ce4:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_b60a785725 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_b60a785725:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_745f356fc1 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_745f356fc1:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_3b74a99085 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_3b74a99085.typeDangerNumberContainer_435dbf5ce4 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_3b74a99085.typeSuccessNumberContainer_b60a785725 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_3b74a99085.typeDarkNumberContainer_745f356fc1 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_a4cd4e7ff4 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_733ad3c26b {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_733ad3c26b:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_733ad3c26b.typeDangerNumberContainer_435dbf5ce4:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_733ad3c26b.typeSuccessNumberContainer_b60a785725:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_733ad3c26b.typeDarkNumberContainer_745f356fc1:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_a8e9b8c3d1 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var e={bar:"bar_2ad39b52b2",typePrimaryPrimary:"typePrimaryPrimary_1eb5688203",typePrimarySecondary:"typePrimarySecondary_4f12d0fca2",typePrimaryPositive:"typePrimaryPositive_cfebfaf64c",typePrimaryNegative:"typePrimaryNegative_b4b334d4e3",typePrimaryWarning:"typePrimaryWarning_04a5be0720",typeSecondaryPrimary:"typeSecondaryPrimary_fe13a65fa5",typeSecondarySecondary:"typeSecondarySecondary_71af66a46a",typeSecondaryPositive:"typeSecondaryPositive_5f59a5b38e",typeSecondaryNegative:"typeSecondaryNegative_fd1ed3f76c",typeSecondaryWarning:"typeSecondaryWarning_81dcf9433e",animate:"animate_caaad39b2a"};!function(e){const r="s_id-4250992e3ce2_3_34_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_2ad39b52b2 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_1eb5688203 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_4f12d0fca2 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_cfebfaf64c {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_b4b334d4e3 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_04a5be0720 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_fe13a65fa5 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_71af66a46a {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_5f59a5b38e {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_fd1ed3f76c {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_81dcf9433e {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_caaad39b2a {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_7c95112cb8",typePrimaryPrimary:"typePrimaryPrimary_3f157c15ac",typePrimarySecondary:"typePrimarySecondary_c8869fa30c",typePrimaryPositive:"typePrimaryPositive_b60a785725",typePrimaryNegative:"typePrimaryNegative_435dbf5ce4",typePrimaryWarning:"typePrimaryWarning_75b6c82bde",typeSecondaryPrimary:"typeSecondaryPrimary_f1b85b2ff8",typeSecondarySecondary:"typeSecondarySecondary_f3e956bc3b",typeSecondaryPositive:"typeSecondaryPositive_def82eb59e",typeSecondaryNegative:"typeSecondaryNegative_01ef1276cd",typeSecondaryWarning:"typeSecondaryWarning_d4a76dd9c6",animate:"animate_138af24ab2"};!function(e){const r="s_id-4250992e3ce2_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_7c95112cb8 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_3f157c15ac {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_c8869fa30c {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_b60a785725 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_435dbf5ce4 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_75b6c82bde {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_f1b85b2ff8 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_f3e956bc3b {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_def82eb59e {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_01ef1276cd {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_d4a76dd9c6 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_138af24ab2 {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_a45cc54520",fullWidth:"fullWidth_d9ac820422",container:"container_ff6b6d224d",progressBar:"progressBar_44207ecd6f",completed:"completed_ff6b6d224d",label:"label_0c533fad52",large:"large_14b222b788",medium:"medium_3d94d8d5d7",small:"small_2d5e17e253"};!function(e){const d="s_id-5855608df299_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_a45cc54520 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_a45cc54520.fullWidth_d9ac820422 {\n  width: 100%;\n}\n.wrapper_a45cc54520.fullWidth_d9ac820422 .container_ff6b6d224d {\n  border-radius: 0;\n}\n.wrapper_a45cc54520.fullWidth_d9ac820422 .container_ff6b6d224d .progressBar_44207ecd6f {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_a45cc54520.fullWidth_d9ac820422 .container_ff6b6d224d .progressBar_44207ecd6f.completed_ff6b6d224d {\n  border-radius: 0;\n}\n.label_0c533fad52 {\n  padding-left: var(--spacing-xs);\n}\n.large_14b222b788 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_3d94d8d5d7 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_2d5e17e253 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_ff6b6d224d {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_b849ab2cb8",fullWidth:"fullWidth_f3e8b698ed",container:"container_b65ecd9231",progressBar:"progressBar_ddb08388fa",completed:"completed_b65ecd9231",label:"label_288d7a149d",large:"large_6f9ddfd693",medium:"medium_c9d9f7d78b",small:"small_e844a2c483"};!function(e){const d="s_id-5855608df299_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_b849ab2cb8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed {\n  width: 100%;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed .container_b65ecd9231 {\n  border-radius: 0;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed .container_b65ecd9231 .progressBar_ddb08388fa {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed .container_b65ecd9231 .progressBar_ddb08388fa.completed_b65ecd9231 {\n  border-radius: 0;\n}\n.label_288d7a149d {\n  padding-left: var(--spacing-xs);\n}\n.large_6f9ddfd693 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_c9d9f7d78b {\n  height: 6px;\n  line-height: 6px;\n}\n.small_e844a2c483 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_b65ecd9231 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={label:"label_0c533fad52"};!function(e){const t="s_id-de8a28d20526_3_34_1";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)}(".label_0c533fad52 {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_288d7a149d"};!function(e){const d="s_id-de8a28d20526_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".label_288d7a149d {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_edbdda7ef5",inputContainer:"inputContainer_e24d4fd8f5",input:"input_1730c5d9de",control:"control_df4b081920",labelAnimation:"labelAnimation_220fe01780",radioCheckedAnimation:"radioCheckedAnimation_53f9fa1189",disabled:"disabled_2d2b2290ad",label:"label_b007f690fd"};!function(n){const e="s_id-76103f93a8b2_3_34_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".radioButton_edbdda7ef5 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_e24d4fd8f5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_1730c5d9de {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_df4b081920 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_df4b081920 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_220fe01780 {\n  animation-name: radioCheckedAnimation_53f9fa1189;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_df4b081920 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_df4b081920 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_edbdda7ef5.disabled_2d2b2290ad {\n  cursor: not-allowed;\n}\n\n.radioButton_edbdda7ef5.disabled_2d2b2290ad .label_b007f690fd {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_e24d4fd8f5 input:focus-visible + .control_df4b081920 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_edbdda7ef5:hover .inputContainer_e24d4fd8f5 input:enabled:checked + .control_df4b081920 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_edbdda7ef5:hover .inputContainer_e24d4fd8f5 input:enabled:not(:checked) + .control_df4b081920,\n.radioButton_edbdda7ef5:focus-within .inputContainer_e24d4fd8f5 input:enabled:not(:checked) + .control_df4b081920 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_53f9fa1189 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_205a074c48",inputContainer:"inputContainer_a8741c63a6",input:"input_9465b9143e",control:"control_d45fde1124",labelAnimation:"labelAnimation_245c3e2406",radioCheckedAnimation:"radioCheckedAnimation_ad7cc5a619",disabled:"disabled_84a88df534",label:"label_5368907020"};!function(n){const e="s_id-76103f93a8b2_3_35_0";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)}(".radioButton_205a074c48 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_a8741c63a6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_9465b9143e {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_d45fde1124 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_d45fde1124 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_245c3e2406 {\n  animation-name: radioCheckedAnimation_ad7cc5a619;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_d45fde1124 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_d45fde1124 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_205a074c48.disabled_84a88df534 {\n  cursor: not-allowed;\n}\n\n.radioButton_205a074c48.disabled_84a88df534 .label_5368907020 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_a8741c63a6 input:focus-visible + .control_d45fde1124 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_205a074c48:hover .inputContainer_a8741c63a6 input:enabled:checked + .control_d45fde1124 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_205a074c48:hover .inputContainer_a8741c63a6 input:enabled:not(:checked) + .control_d45fde1124,\n.radioButton_205a074c48:focus-within .inputContainer_a8741c63a6 input:enabled:not(:checked) + .control_d45fde1124 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_ad7cc5a619 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/src/components/Search/Search.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as n,useCallback as t}from"react";import s from"../../hooks/useMergeRef.js";import{getTestId as i,ComponentDefaultTestId as l}from"../../tests/testIds.js";import c from"./Search.module.scss.js";import d from"../BaseInput/BaseInput.js";import m from"../../hooks/useDebounceEvent/index.js";import u from"../IconButton/IconButton.js";import p from"../Icon/Icon.js";import f from"../Loader/Loader.js";import v from"../../../icons/dist/react/CloseSmall.js";import h from"../../../icons/dist/react/Search.js";var C=r((function(r,C){var I,b,j,E,N,R,g,x,y,B,A=r.searchIconName,L=void 0===A?h:A,S=r.clearIconName,w=void 0===S?v:S,z=r.clearIconLabel,F=void 0===z?"Clear":z,H=r.renderAction,_=r.hideRenderActionOnInput,k=r.value,D=r.placeholder,P=r.size,T=void 0===P?"medium":P,V=r.disabled,K=r.loading,O=r.autoFocus,M=r.autoComplete,U=void 0===M?"off":M,W=r.inputAriaLabel,q=r.debounceRate,G=void 0===q?400:q,J=r.searchResultsContainerId,Q=r.currentAriaResultId,X=r.onChange,Y=r.onFocus,Z=r.onBlur,$=r.onClear,ee=r.onKeyDown,ae=r.className,oe=r.ariaExpanded,re=r.ariaHasPopup,ne=r.showClearIcon,te=void 0===ne||ne,se=r.id,ie=r["data-testid"];return I=n(null),b=s(C,I),j=m({delay:G,onChange:X,initialStateValue:k}),E=j.inputValue,N=j.onEventChanged,g=t((function(){var e,a;V||(null===(a=null===(e=I.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),R(),null==$||$())}),[V,R=j.clearValue,$]),x=o.createElement(p,{icon:L,className:c.icon,iconType:"font",iconSize:"small"===T?"16px":"20px"}),y=o.createElement(u,{className:a(c.icon,e({},c.empty,!E)),icon:w,ariaLabel:F,onClick:g,size:"small"===T?"xs":"small","data-testid":i(l.CLEAN_SEARCH_BUTTON,se)}),B=o.createElement(o.Fragment,null,K&&o.createElement(f,{size:"small"===T?"xs":20,color:"secondary",wrapperClassName:a(e({},c.loader,!E&&!H))}),te&&E&&!V&&y,!(_&&E)&&H),o.createElement(d,{ref:b,id:se,type:"search","data-testid":ie||i(l.SEARCH,se),className:a(c.searchWrapper,ae),inputClassName:c.search,value:E,renderLeft:x,renderRight:B,autoFocus:O,placeholder:D,disabled:V,onChange:N,onBlur:Z,onFocus:Y,onKeyDown:ee,autoComplete:U,size:T,wrapperRole:"search",inputRole:J?"combobox":void 0,"aria-label":W,"aria-busy":K,"aria-controls":oe?J:void 0,"aria-activedescendant":Q,"aria-haspopup":re,"aria-expanded":oe})}));export{C as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as t,useCallback as n}from"react";import s from"../../hooks/useMergeRef.js";import{getTestId as i,ComponentDefaultTestId as l}from"../../tests/testIds.js";import c from"./Search.module.scss.js";import d from"../BaseInput/BaseInput.js";import m from"../../hooks/useDebounceEvent/index.js";import u from"../IconButton/IconButton.js";import p from"../Icon/Icon.js";import f from"../Loader/Loader.js";import{ComponentVibeId as v}from"../../tests/constants.js";import h from"../../../icons/dist/react/CloseSmall.js";import C from"../../../icons/dist/react/Search.js";var I=r((function(r,I){var b,j,E,R,N,g,x,y,A,B,S=r.searchIconName,L=void 0===S?C:S,w=r.clearIconName,z=void 0===w?h:w,F=r.clearIconLabel,H=void 0===F?"Clear":F,_=r.renderAction,k=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,ae=r.onKeyDown,oe=r.className,re=r.ariaExpanded,te=r.ariaHasPopup,ne=r.showClearIcon,se=void 0===ne||ne,ie=r.id,le=r["data-testid"];return b=t(null),j=s(I,b),E=m({delay:J,onChange:Y,initialStateValue:D}),R=E.inputValue,N=E.onEventChanged,x=n((function(){var e,a;K||(null===(a=null===(e=b.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),g(),null==ee||ee())}),[K,g=E.clearValue,ee]),y=o.createElement(p,{icon:L,className:c.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),A=o.createElement(u,{className:a(c.icon,e({},c.empty,!R)),icon:z,ariaLabel:H,onClick:x,size:"small"===V?"xs":"small","data-testid":i(l.CLEAN_SEARCH_BUTTON,ie)}),B=o.createElement(o.Fragment,null,O&&o.createElement(f,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:a(e({},c.loader,!R&&!_))}),se&&R&&!K&&A,!(k&&R)&&_),o.createElement(d,{ref:j,id:ie,type:"search","data-testid":le||i(l.SEARCH,ie),"data-vibe":v.SEARCH,className:a(c.searchWrapper,oe),inputClassName:c.search,value:R,renderLeft:y,renderRight:B,autoFocus:M,placeholder:P,disabled:K,onChange:N,onBlur:$,onFocus:Z,onKeyDown:ae,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":te,"aria-expanded":re})}));export{I as default};
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      onKeyDown,\n      className,\n      ariaExpanded,\n      ariaHasPopup,\n      showClearIcon = true,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) return;\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue, onClear]);\n\n    const SearchIcon = (\n      <Icon\n        icon={searchIconName}\n        className={styles.icon}\n        iconType=\"font\"\n        iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n      />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        ariaLabel={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {showClearIcon && inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      onKeyDown,\n      className,\n      ariaExpanded,\n      ariaHasPopup,\n      showClearIcon = true,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) return;\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue, onClear]);\n\n    const SearchIcon = (\n      <Icon\n        icon={searchIconName}\n        className={styles.icon}\n        iconType=\"font\"\n        iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n      />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        ariaLabel={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {showClearIcon && inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        data-vibe={ComponentVibeId.SEARCH}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_827f8c61b3",search:"search_22d0739f28",loader:"loader_d7f189d003",icon:"icon_29eddb3342",empty:"empty_e0bb3dccf2"};!function(e){const r="s_id-4e5e4eb516f6_3_34_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper_827f8c61b3 .search_22d0739f28 {\n  appearance: textfield;\n}\n.searchWrapper_827f8c61b3 .search_22d0739f28::-webkit-search-cancel-button, .searchWrapper_827f8c61b3 .search_22d0739f28::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_827f8c61b3 .loader_d7f189d003 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_827f8c61b3 .icon_29eddb3342 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_827f8c61b3 .icon_29eddb3342.empty_e0bb3dccf2 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_87bd76c642",search:"search_f5f97f515f",loader:"loader_7f9d4f1fdf",icon:"icon_99d13fe3f0",empty:"empty_f13db41775"};!function(e){const r="s_id-4e5e4eb516f6_3_35_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper_87bd76c642 .search_f5f97f515f {\n  appearance: textfield;\n}\n.searchWrapper_87bd76c642 .search_f5f97f515f::-webkit-search-cancel-button, .searchWrapper_87bd76c642 .search_f5f97f515f::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_87bd76c642 .loader_7f9d4f1fdf {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_87bd76c642 .icon_99d13fe3f0 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_87bd76c642 .icon_99d13fe3f0.empty_f13db41775 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map