npm - @vibe/core - Versions diffs - 4.5.9 → 4.5.11 - Mend

@vibe/core 4.5.9 → 4.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (491) hide show

package/dist/src/components/EmptyState/EmptyState.module.scss.js CHANGED Viewed

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

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

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

package/dist/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_8808d4ce6e"};!function(e){const t="s_id-5ac012179a41_4_5_8";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_8808d4ce6e {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_9d085f6d3d"};!function(e){const t="s_id-5ac012179a41_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_9d085f6d3d {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_8d4c2b1b39",link:"link_bf6c3d5bf6"};!function(e){const t="s_id-646297cad054_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_8d4c2b1b39 {\n  max-width: 240px;\n}\n.contentWrapper_8d4c2b1b39 .link_bf6c3d5bf6 {\n  margin-top: var(--space-4);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_603faaa8b3",link:"link_39dc12496f"};!function(e){const t="s_id-646297cad054_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_603faaa8b3 {\n  max-width: 240px;\n}\n.contentWrapper_603faaa8b3 .link_39dc12496f {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoLink:"infoLink_d346b1f203"};!function(e){const t="s_id-63a4f7de1b47_4_5_8";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)}(".infoLink_d346b1f203 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={infoLink:"infoLink_473557be70"};!function(e){const t="s_id-63a4f7de1b47_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink_473557be70 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=InfoLink.module.scss.js.map

package/dist/src/components/InfoText/InfoText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_b38679ed05",error:"error_0dc4a56845",success:"success_74629aba05",disabled:"disabled_3953e91d92",readOnly:"readOnly_b38679ed05"};!function(e){const o="s_id-05a2b3ab5fae_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_b38679ed05 {\n  color: var(--secondary-text-color);\n}\n.infoText_b38679ed05.error_0dc4a56845 {\n  color: var(--negative-color);\n}\n.infoText_b38679ed05.success_74629aba05 {\n  color: var(--positive-color);\n}\n.infoText_b38679ed05.disabled_3953e91d92 {\n  color: var(--disabled-text-color);\n}\n.infoText_b38679ed05.readOnly_b38679ed05 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_55a917799f",error:"error_21a51902b4",success:"success_5baeebd0d3",disabled:"disabled_825aef32ab",readOnly:"readOnly_55a917799f"};!function(e){const o="s_id-05a2b3ab5fae_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_55a917799f {\n  color: var(--secondary-text-color);\n}\n.infoText_55a917799f.error_21a51902b4 {\n  color: var(--negative-color);\n}\n.infoText_55a917799f.success_5baeebd0d3 {\n  color: var(--positive-color);\n}\n.infoText_55a917799f.disabled_825aef32ab {\n  color: var(--disabled-text-color);\n}\n.infoText_55a917799f.readOnly_55a917799f {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

package/dist/src/components/List/List.module.scss.js CHANGED Viewed

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

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

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

package/dist/src/components/ListItem/ListItem.module.scss.js CHANGED Viewed

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

package/dist/src/components/ListItemAvatar/ListItemAvatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import a,{forwardRef as e,useRef as r}from"react";import s from"classnames";import t from"../Avatar/Avatar.js";import m from"./ListItemAvatar.module.scss.js";import{useMergeRef as o}from"../../../shared/dist/hooks/useMergeRef.js";var i=e((function(e,i){var l=e.className,c=e.id,d=e.src,n=e.avatarClassName,v=e.component,f=void 0===v?"div":v,p=r(null),u=o(i,p);return a.createElement(f,{ref:u,className:s(m.listItemAvatar,l),id:c,"aria-hidden":"true"},a.createElement(t,{src:d,type:"img",size:"small",className:s(m.avatar,n)}))}));export{i as default};
+import a,{forwardRef as e,useRef as r}from"react";import t from"classnames";import s from"./ListItemAvatar.module.scss.js";import m from"../../../components/avatar/dist/Avatar/Avatar.js";import{useMergeRef as o}from"../../../shared/dist/hooks/useMergeRef.js";var i=e((function(e,i){var l=e.className,c=e.id,n=e.src,d=e.avatarClassName,v=e.component,f=void 0===v?"div":v,p=r(null),u=o(i,p);return a.createElement(f,{ref:u,className:t(s.listItemAvatar,l),id:c,"aria-hidden":"true"},a.createElement(m,{src:n,type:"img",size:"small",className:t(s.avatar,d)}))}));export{i as default};
 //# sourceMappingURL=ListItemAvatar.js.map

package/dist/src/components/ListItemAvatar/ListItemAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Avatar from \"~~../Avatar~~/~~Avatar~~\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n /*\n The HTML element used for the list item avatar.\n /\n component?: ListItemElement;\n /\n The source URL of the avatar image.\n /\n src?: string;\n /\n Class name applied to the avatar.\n */\n avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n (\n { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n </Component>\n );\n }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"~~sOAuBMA~~,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}
1	+ {"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { Avatar } from \"@vibe/avatar\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n /*\n The HTML element used for the list item avatar.\n /\n component?: ListItemElement;\n /\n The source URL of the avatar image.\n /\n src?: string;\n /\n Class name applied to the avatar.\n */\n avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n (\n { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n </Component>\n );\n }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"mQAuBMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}

package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js CHANGED Viewed

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

package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js CHANGED Viewed

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

package/dist/src/components/ListTitle/ListTitle.module.scss.js CHANGED Viewed

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

package/dist/src/components/Menu/Menu/Menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import a from"./hooks/useSubMenuIndex.js";import c from"./hooks/useOnCloseMenu.js";import m from"./hooks/useCloseMenuOnKeyEvent.js";import v from"./hooks/useMenuKeyboardNavigation.js";import p from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as f}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as I}from"../../../hooks/useFocusWithin.js";import M from"../../../hooks/usePrevious/index.js";import{getTestId as b}from"../../../tests/testIds.js";import{ComponentDefaultTestId as h,ComponentVibeId as x}from"../../../tests/constants.js";import{useFocusOnMount as S}from"./hooks/useFocusOnMount.js";import{useMenuId as O}from"./hooks/useMenuId.js";import{generateMenuItemId as j}from"./utils/utils.js";import k from"./Menu.module.scss.js";import g from"../../../../hooks/dist/useClickOutside/index.js";import{useMergeRef as C}from"../../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as E}from"../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var A=o((function(o,A){var N=o.id,F=o.className,B=o.size,P=void 0===B?t.MEDIUM:B,D=o.tabIndex,L=void 0===D?0:D,V=o["aria-label"],U=void 0===V?"Menu":V,R=o["aria-describedby"],T=o.children,W=o.isVisible,z=void 0===W||W,H=o.onClose,K=o.onItemFocus,_=o.focusOnMount,q=void 0!==_&&_,w=o.focusItemIndex,G=void 0===w?-1:w,J=o.focusItemIndexOnMount,Q=void 0===J?-1:J,X=o.isSubMenu,Y=void 0!==X&&X,Z=o.useDocumentEventListeners,$=void 0!==Z&&Z,ee=o.shouldScrollMenu,ne=void 0!==ee&&ee,te=o["data-testid"],se=u(null),oe=C(se,A),ue=O(N),ie=u(null),re=i(G),le=e(re,2),de=le[0],ae=le[1],ce=i(!1),me=e(ce,2),ve=me[0],pe=me[1],fe=r((function(){return s.Children.toArray(T).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[T]),Ie=l((function(e){var n,t,o;ae(e);var u=fe[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(ue,"-item-").concat(e):void 0;i?null===(t=null==se?void 0:se.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==se?void 0:se.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[fe,ue]),Me=l((function(e){K&&K(e),Ie(e),pe(!1)}),[Ie,K]),be=a(),he=be.setSubMenuIsOpenByIndex,xe=be.hasOpenSubMenu,Se=be.openSubMenuIndex,Oe=be.resetOpenSubMenuIndex,je=c({setActiveItemIndex:Me,setOpenSubMenuIndex:be.setOpenSubMenuIndex,onClose:H});g({ref:se,callback:function(){return je()}}),m({hasOpenSubMenu:xe,onCloseMenu:je,ref:se,onClose:H,isSubMenu:Y,useDocumentEventListeners:$});var ke=f({children:fe}),ge=ke.getNextSelectableIndex,Ce=ke.getPreviousSelectableIndex;v({hasOpenSubMenu:xe,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,activeItemIndex:de,setActiveItemIndex:Me,isVisible:z,ref:se,useDocumentEventListeners:$}),p({resetOpenSubMenuIndex:Oe,hasOpenSubMenu:xe,ref:se,setActiveItemIndex:Me}),S({focusItemIndexOnMount:Q,focusChildOnMount:fe[Q],getNextSelectableIndex:ge,updateActiveItemIndex:Ie,setIsInitialFocusSet:pe});var Ee=l((function(){pe(!0)}),[pe]),ye=M(xe);d((function(){var e;xe||$||de>-1&&ye&&(null===(e=null==se?void 0:se.current)||void 0===e||e.focus())}),[de,xe,ye,$]),E((function(){q&&!$&&requestAnimationFrame((function(){se&&se.current&&se.current.focus()}))}),[se,q,$]);var Ae=I({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ae?void 0:Ae.onFocus,onBlur:null==Ae?void 0:Ae.onBlur,id:ue,"data-testid":te||b(h.MENU,N),"data-vibe":x.MENU,className:n(k.menu,y(k,P),F),ref:oe,tabIndex:L,"aria-label":U,role:"menu","aria-describedby":R,onMouseOver:Ee},fe&&s.Children.map(fe,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:de,index:n,setActiveItemIndex:Ie,menuRef:se,resetOpenSubMenuIndex:Oe,isParentMenuVisible:z,setSubMenuIsOpenByIndex:he,hasOpenSubMenu:n===Se,closeMenu:je,id:j(ue,e,n),useDocumentEventListeners:$,isInitialSelectedState:ve,shouldScrollMenu:ne,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,isUnderSubMenu:Y,splitMenuItemIconButtonRef:ie})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});export{A as default};
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import a from"./hooks/useSubMenuIndex.js";import c from"./hooks/useOnCloseMenu.js";import m from"./hooks/useCloseMenuOnKeyEvent.js";import v from"./hooks/useMenuKeyboardNavigation.js";import p from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as f}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as I}from"../../../hooks/useFocusWithin.js";import{getTestId as M}from"../../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as h}from"../../../tests/constants.js";import{useFocusOnMount as x}from"./hooks/useFocusOnMount.js";import{useMenuId as S}from"./hooks/useMenuId.js";import{generateMenuItemId as O}from"./utils/utils.js";import j from"./Menu.module.scss.js";import k from"../../../../hooks/dist/useClickOutside/index.js";import g from"../../../../hooks/dist/usePrevious/index.js";import{useMergeRef as C}from"../../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as E}from"../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var A=o((function(o,A){var N=o.id,F=o.className,B=o.size,P=void 0===B?t.MEDIUM:B,D=o.tabIndex,L=void 0===D?0:D,V=o["aria-label"],U=void 0===V?"Menu":V,R=o["aria-describedby"],T=o.children,W=o.isVisible,z=void 0===W||W,H=o.onClose,K=o.onItemFocus,_=o.focusOnMount,q=void 0!==_&&_,w=o.focusItemIndex,G=void 0===w?-1:w,J=o.focusItemIndexOnMount,Q=void 0===J?-1:J,X=o.isSubMenu,Y=void 0!==X&&X,Z=o.useDocumentEventListeners,$=void 0!==Z&&Z,ee=o.shouldScrollMenu,ne=void 0!==ee&&ee,te=o["data-testid"],se=u(null),oe=C(se,A),ue=S(N),ie=u(null),re=i(G),le=e(re,2),de=le[0],ae=le[1],ce=i(!1),me=e(ce,2),ve=me[0],pe=me[1],fe=r((function(){return s.Children.toArray(T).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[T]),Ie=l((function(e){var n,t,o;ae(e);var u=fe[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(ue,"-item-").concat(e):void 0;i?null===(t=null==se?void 0:se.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==se?void 0:se.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[fe,ue]),Me=l((function(e){K&&K(e),Ie(e),pe(!1)}),[Ie,K]),be=a(),he=be.setSubMenuIsOpenByIndex,xe=be.hasOpenSubMenu,Se=be.openSubMenuIndex,Oe=be.resetOpenSubMenuIndex,je=c({setActiveItemIndex:Me,setOpenSubMenuIndex:be.setOpenSubMenuIndex,onClose:H});k({ref:se,callback:function(){return je()}}),m({hasOpenSubMenu:xe,onCloseMenu:je,ref:se,onClose:H,isSubMenu:Y,useDocumentEventListeners:$});var ke=f({children:fe}),ge=ke.getNextSelectableIndex,Ce=ke.getPreviousSelectableIndex;v({hasOpenSubMenu:xe,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,activeItemIndex:de,setActiveItemIndex:Me,isVisible:z,ref:se,useDocumentEventListeners:$}),p({resetOpenSubMenuIndex:Oe,hasOpenSubMenu:xe,ref:se,setActiveItemIndex:Me}),x({focusItemIndexOnMount:Q,focusChildOnMount:fe[Q],getNextSelectableIndex:ge,updateActiveItemIndex:Ie,setIsInitialFocusSet:pe});var Ee=l((function(){pe(!0)}),[pe]),ye=g(xe);d((function(){var e;xe||$||de>-1&&ye&&(null===(e=null==se?void 0:se.current)||void 0===e||e.focus())}),[de,xe,ye,$]),E((function(){q&&!$&&requestAnimationFrame((function(){se&&se.current&&se.current.focus()}))}),[se,q,$]);var Ae=I({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ae?void 0:Ae.onFocus,onBlur:null==Ae?void 0:Ae.onBlur,id:ue,"data-testid":te||M(b.MENU,N),"data-vibe":h.MENU,className:n(j.menu,y(j,P),F),ref:oe,tabIndex:L,"aria-label":U,role:"menu","aria-describedby":R,onMouseOver:Ee},fe&&s.Children.map(fe,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:de,index:n,setActiveItemIndex:Ie,menuRef:se,resetOpenSubMenuIndex:Oe,isParentMenuVisible:z,setSubMenuIsOpenByIndex:he,hasOpenSubMenu:n===Se,closeMenu:je,id:O(ue,e,n),useDocumentEventListeners:$,isInitialSelectedState:ve,shouldScrollMenu:ne,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,isUnderSubMenu:Y,splitMenuItemIconButtonRef:ie})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});export{A as default};
 //# sourceMappingURL=Menu.js.map

package/dist/src/components/Menu/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef, useIsomorphicLayoutEffect, getStyle } from \"@vibe/shared\";\n\nimport { useClickOutside } from \"@vibe/hooks\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\n\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { type CloseMenuOption, type MenuChild } from \"./MenuConstants\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n /*\n Size of the menu.\n /\n size?: (typeof SIZES)[keyof typeof SIZES];\n /\n The tab index of the menu.\n /\n tabIndex?: number;\n /\n ARIA label for accessibility.\n /\n \"aria-label\"?: string;\n /\n ARIA description ID.\n /\n \"aria-describedby\"?: string;\n /\n If true, the menu will automatically focus on mount.\n /\n focusOnMount?: boolean;\n /\n Callback when a menu item gains focus.\n /\n onItemFocus?: (index: number) => void;\n /\n Controls the visibility of the menu.\n /\n isVisible?: boolean;\n /\n Callback triggered when the menu closes.\n /\n onClose?: (option: CloseMenuOption) => void;\n /\n Index of the focused menu item.\n /\n focusItemIndex?: number;\n /\n If true, this menu is a submenu.\n /\n isSubMenu?: boolean;\n /\n If true, event listeners will be attached to the document.\n /\n useDocumentEventListeners?: boolean;\n /\n Index of the item that should be focused when the menu mounts.\n /\n focusItemIndexOnMount?: number;\n /\n If true, enables scrolling within the menu.\n /\n shouldScrollMenu?: boolean;\n /\n The menu items.\n */\n children?: ElementContent;\n}\n\nconst Menu = forwardRef(\n (\n {\n id,\n className,\n size = SIZES.MEDIUM,\n tabIndex = 0,\n \"aria-label\": ariaLabel = \"Menu\",\n \"aria-describedby\": ariaDescribedBy,\n children: originalChildren,\n isVisible = true,\n onClose,\n onItemFocus,\n focusOnMount = false,\n focusItemIndex = -1,\n focusItemIndexOnMount = -1,\n isSubMenu = false,\n useDocumentEventListeners = false,\n shouldScrollMenu = false,\n \"data-testid\": dataTestId\n }: MenuProps,\n forwardedRef: React.ForwardedRef<HTMLElement>\n ) => {\n const ref = useRef(null);\n const mergedRef = useMergeRef(ref, forwardedRef);\n\n const overrideId = useMenuId(id);\n const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n return allChildren.filter(child => {\n if (child.type.isMenuChild) return true;\n console.error(\n \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n child\n );\n return false;\n });\n }, [originalChildren]);\n\n const updateActiveItemIndex = useCallback(\n (index: number) => {\n setActiveItemIndex(index);\n\n const activeChild = children[index];\n const ariaActiveDescendant = React.isValidElement(activeChild)\n ? activeChild?.props?.id \|\| `${overrideId}-item-${index}`\n : undefined;\n if (ariaActiveDescendant) {\n ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n } else {\n ref?.current?.removeAttribute(\"aria-activedescendant\");\n }\n },\n [children, overrideId]\n );\n\n const onSetActiveItemIndexCallback = useCallback(\n (index: number) => {\n onItemFocus && onItemFocus(index);\n updateActiveItemIndex(index);\n setIsInitialSelectedState(false);\n },\n [updateActiveItemIndex, onItemFocus]\n );\n\n const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n useSubMenuIndex();\n\n const onCloseMenu = useOnCloseMenu({\n setActiveItemIndex: onSetActiveItemIndexCallback,\n setOpenSubMenuIndex,\n onClose\n });\n\n useClickOutside({ ref, callback: () => onCloseMenu() });\n useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n children: children as ReactElement[]\n });\n useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex: onSetActiveItemIndexCallback,\n isVisible,\n ref,\n useDocumentEventListeners\n });\n useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex: onSetActiveItemIndexCallback\n });\n useFocusOnMount({\n focusItemIndexOnMount,\n focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet: setIsInitialSelectedState\n });\n\n const onMouseMove = useCallback(() => {\n setIsInitialSelectedState(true);\n }, [setIsInitialSelectedState]);\n\n const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n useEffect(() => {\n if (hasOpenSubMenu \|\| useDocumentEventListeners) return;\n if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n // the submenu was just closed, so we want to focus the menu to capture keyboard events\n ref?.current?.focus();\n }\n }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n useIsomorphicLayoutEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n requestAnimationFrame(() => {\n ref && ref.current && ref.current.focus();\n });\n }, [ref, focusOnMount, useDocumentEventListeners]);\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => {\n onCloseMenu && onCloseMenu();\n }\n });\n\n return (\n <ul\n onFocus={focusWithinProps?.onFocus}\n onBlur={focusWithinProps?.onBlur}\n id={overrideId}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU, id)}\n data-vibe={ComponentVibeId.MENU}\n className={cx(styles.menu, getStyle(styles, size), className)}\n ref={mergedRef}\n tabIndex={tabIndex}\n aria-label={ariaLabel}\n role=\"menu\"\n aria-describedby={ariaDescribedBy}\n onMouseOver={onMouseMove}\n >\n {children &&\n React.Children.map(children, (child, index) => {\n return React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child?.props,\n activeItemIndex,\n index,\n setActiveItemIndex: updateActiveItemIndex,\n menuRef: ref,\n resetOpenSubMenuIndex,\n isParentMenuVisible: isVisible,\n setSubMenuIsOpenByIndex,\n hasOpenSubMenu: index === openSubMenuIndex,\n closeMenu: onCloseMenu,\n id: generateMenuItemId(overrideId, child, index),\n useDocumentEventListeners,\n isInitialSelectedState,\n shouldScrollMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n isUnderSubMenu: isSubMenu,\n splitMenuItemIconButtonRef\n })\n : null;\n })}\n </ul>\n );\n }\n);\n\nObject.assign(Menu, {\n isMenu: true,\n supportFocusOnMount: true\n});\n\nexport default Menu;\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","SIZES","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","ComponentVibeId","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount"],"mappings":"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"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef, useIsomorphicLayoutEffect, getStyle } from \"@vibe/shared\";\n\nimport { useClickOutside } from \"@vibe/hooks\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\n\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { type CloseMenuOption, type MenuChild } from \"./MenuConstants\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n /*\n Size of the menu.\n /\n size?: (typeof SIZES)[keyof typeof SIZES];\n /\n The tab index of the menu.\n /\n tabIndex?: number;\n /\n ARIA label for accessibility.\n /\n \"aria-label\"?: string;\n /\n ARIA description ID.\n /\n \"aria-describedby\"?: string;\n /\n If true, the menu will automatically focus on mount.\n /\n focusOnMount?: boolean;\n /\n Callback when a menu item gains focus.\n /\n onItemFocus?: (index: number) => void;\n /\n Controls the visibility of the menu.\n /\n isVisible?: boolean;\n /\n Callback triggered when the menu closes.\n /\n onClose?: (option: CloseMenuOption) => void;\n /\n Index of the focused menu item.\n /\n focusItemIndex?: number;\n /\n If true, this menu is a submenu.\n /\n isSubMenu?: boolean;\n /\n If true, event listeners will be attached to the document.\n /\n useDocumentEventListeners?: boolean;\n /\n Index of the item that should be focused when the menu mounts.\n /\n focusItemIndexOnMount?: number;\n /\n If true, enables scrolling within the menu.\n /\n shouldScrollMenu?: boolean;\n /\n The menu items.\n */\n children?: ElementContent;\n}\n\nconst Menu = forwardRef(\n (\n {\n id,\n className,\n size = SIZES.MEDIUM,\n tabIndex = 0,\n \"aria-label\": ariaLabel = \"Menu\",\n \"aria-describedby\": ariaDescribedBy,\n children: originalChildren,\n isVisible = true,\n onClose,\n onItemFocus,\n focusOnMount = false,\n focusItemIndex = -1,\n focusItemIndexOnMount = -1,\n isSubMenu = false,\n useDocumentEventListeners = false,\n shouldScrollMenu = false,\n \"data-testid\": dataTestId\n }: MenuProps,\n forwardedRef: React.ForwardedRef<HTMLElement>\n ) => {\n const ref = useRef(null);\n const mergedRef = useMergeRef(ref, forwardedRef);\n\n const overrideId = useMenuId(id);\n const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n return allChildren.filter(child => {\n if (child.type.isMenuChild) return true;\n console.error(\n \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n child\n );\n return false;\n });\n }, [originalChildren]);\n\n const updateActiveItemIndex = useCallback(\n (index: number) => {\n setActiveItemIndex(index);\n\n const activeChild = children[index];\n const ariaActiveDescendant = React.isValidElement(activeChild)\n ? activeChild?.props?.id \|\| `${overrideId}-item-${index}`\n : undefined;\n if (ariaActiveDescendant) {\n ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n } else {\n ref?.current?.removeAttribute(\"aria-activedescendant\");\n }\n },\n [children, overrideId]\n );\n\n const onSetActiveItemIndexCallback = useCallback(\n (index: number) => {\n onItemFocus && onItemFocus(index);\n updateActiveItemIndex(index);\n setIsInitialSelectedState(false);\n },\n [updateActiveItemIndex, onItemFocus]\n );\n\n const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n useSubMenuIndex();\n\n const onCloseMenu = useOnCloseMenu({\n setActiveItemIndex: onSetActiveItemIndexCallback,\n setOpenSubMenuIndex,\n onClose\n });\n\n useClickOutside({ ref, callback: () => onCloseMenu() });\n useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n children: children as ReactElement[]\n });\n useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex: onSetActiveItemIndexCallback,\n isVisible,\n ref,\n useDocumentEventListeners\n });\n useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex: onSetActiveItemIndexCallback\n });\n useFocusOnMount({\n focusItemIndexOnMount,\n focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet: setIsInitialSelectedState\n });\n\n const onMouseMove = useCallback(() => {\n setIsInitialSelectedState(true);\n }, [setIsInitialSelectedState]);\n\n const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n useEffect(() => {\n if (hasOpenSubMenu \|\| useDocumentEventListeners) return;\n if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n // the submenu was just closed, so we want to focus the menu to capture keyboard events\n ref?.current?.focus();\n }\n }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n useIsomorphicLayoutEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n requestAnimationFrame(() => {\n ref && ref.current && ref.current.focus();\n });\n }, [ref, focusOnMount, useDocumentEventListeners]);\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => {\n onCloseMenu && onCloseMenu();\n }\n });\n\n return (\n <ul\n onFocus={focusWithinProps?.onFocus}\n onBlur={focusWithinProps?.onBlur}\n id={overrideId}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU, id)}\n data-vibe={ComponentVibeId.MENU}\n className={cx(styles.menu, getStyle(styles, size), className)}\n ref={mergedRef}\n tabIndex={tabIndex}\n aria-label={ariaLabel}\n role=\"menu\"\n aria-describedby={ariaDescribedBy}\n onMouseOver={onMouseMove}\n >\n {children &&\n React.Children.map(children, (child, index) => {\n return React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child?.props,\n activeItemIndex,\n index,\n setActiveItemIndex: updateActiveItemIndex,\n menuRef: ref,\n resetOpenSubMenuIndex,\n isParentMenuVisible: isVisible,\n setSubMenuIsOpenByIndex,\n hasOpenSubMenu: index === openSubMenuIndex,\n closeMenu: onCloseMenu,\n id: generateMenuItemId(overrideId, child, index),\n useDocumentEventListeners,\n isInitialSelectedState,\n shouldScrollMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n isUnderSubMenu: isSubMenu,\n splitMenuItemIconButtonRef\n })\n : null;\n })}\n </ul>\n );\n }\n);\n\nObject.assign(Menu, {\n isMenu: true,\n supportFocusOnMount: true\n});\n\nexport default Menu;\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","SIZES","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","ComponentVibeId","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount"],"mappings":"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"}

package/dist/src/components/Menu/Menu/Menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menu:"menu_87c3f0e92d",small:"small_1d34174dcb",medium:"medium_8dddaca4d7",large:"large_253000b9e6"};!function(e){const n="s_id-1599ba0bb296_4_5_8";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_87c3f0e92d {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_87c3f0e92d:focus {\n  outline: none;\n}\n.small_1d34174dcb {\n  width: 200px;\n}\n.medium_8dddaca4d7 {\n  width: 220px;\n}\n.large_253000b9e6 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_08bf60c4dd",small:"small_cf06db0913",medium:"medium_914e0d66c7",large:"large_1ee4f846f5"};!function(e){const n="s_id-1599ba0bb296_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_08bf60c4dd {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_08bf60c4dd:focus {\n  outline: none;\n}\n.small_cf06db0913 {\n  width: 200px;\n}\n.medium_914e0d66c7 {\n  width: 220px;\n}\n.large_1ee4f846f5 {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../hooks/usePrevious/index.js";import{useIsomorphicLayoutEffect as o}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function r(r){var t=r.resetOpenSubMenuIndex,u=r.hasOpenSubMenu,n=r.ref,f=r.setActiveItemIndex,i=e({ref:n}),m=s(i);return o((function(){i||i!==m&&(u||(t(),f(-1)))}),[t,n,m,i,u,f]),i}export{r as default};
+import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../../hooks/dist/usePrevious/index.js";import{useIsomorphicLayoutEffect as o}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function r(r){var t=r.resetOpenSubMenuIndex,u=r.hasOpenSubMenu,n=r.ref,i=r.setActiveItemIndex,f=e({ref:n}),m=s(f);return o((function(){f||f!==m&&(u||(t(),i(-1)))}),[t,n,m,f,u,i]),f}export{r as default};
 //# sourceMappingURL=useMouseLeave.js.map

package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMouseLeave.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMouseLeave.tsx"],"sourcesContent":["import type React from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport usePrevious from \"~~../../../../~~hooks~~/usePrevious~~\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex\n}: {\n resetOpenSubMenuIndex: () => void;\n hasOpenSubMenu: boolean;\n ref: React.RefObject<HTMLElement>;\n setActiveItemIndex: (index: number) => void;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n\n useIsomorphicLayoutEffect(() => {\n if (isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n if (hasOpenSubMenu) return;\n resetOpenSubMenuIndex();\n setActiveItemIndex(-1);\n }, [resetOpenSubMenuIndex, ref, prevIsMouseEnter, isMouseEnter, hasOpenSubMenu, setActiveItemIndex]);\n\n return isMouseEnter;\n}\n"],"names":["useMouseLeave","_ref","resetOpenSubMenuIndex","hasOpenSubMenu","ref","setActiveItemIndex","isMouseEnter","useIsMouseEnter","prevIsMouseEnter","usePrevious","useIsomorphicLayoutEffect"],"mappings":"~~wNAKwB~~,SAAAA,EAAaC,GAUpC,IATCC,EAAqBD,EAArBC,sBACAC,EAAcF,EAAdE,eACAC,EAAGH,EAAHG,IACAC,EAAkBJ,EAAlBI,mBAOMC,EAAeC,EAAgB,CAAEH,IAAAA,IACjCI,EAAmBC,EAAYH,GAUrC,OARAI,GAA0B,WACpBJ,GACAA,IAAiBE,IACjBL,IACJD,IACAG,GAAoB,IACtB,GAAG,CAACH,EAAuBE,EAAKI,EAAkBF,EAAcH,EAAgBE,IAEzEC,CACT"}
1	+ {"version":3,"file":"useMouseLeave.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMouseLeave.tsx"],"sourcesContent":["import type React from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex\n}: {\n resetOpenSubMenuIndex: () => void;\n hasOpenSubMenu: boolean;\n ref: React.RefObject<HTMLElement>;\n setActiveItemIndex: (index: number) => void;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n\n useIsomorphicLayoutEffect(() => {\n if (isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n if (hasOpenSubMenu) return;\n resetOpenSubMenuIndex();\n setActiveItemIndex(-1);\n }, [resetOpenSubMenuIndex, ref, prevIsMouseEnter, isMouseEnter, hasOpenSubMenu, setActiveItemIndex]);\n\n return isMouseEnter;\n}\n"],"names":["useMouseLeave","_ref","resetOpenSubMenuIndex","hasOpenSubMenu","ref","setActiveItemIndex","isMouseEnter","useIsMouseEnter","prevIsMouseEnter","usePrevious","useIsomorphicLayoutEffect"],"mappings":"gOAKwB,SAAAA,EAAaC,GAUpC,IATCC,EAAqBD,EAArBC,sBACAC,EAAcF,EAAdE,eACAC,EAAGH,EAAHG,IACAC,EAAkBJ,EAAlBI,mBAOMC,EAAeC,EAAgB,CAAEH,IAAAA,IACjCI,EAAmBC,EAAYH,GAUrC,OARAI,GAA0B,WACpBJ,GACAA,IAAiBE,IACjBL,IACJD,IACAG,GAAoB,IACtB,GAAG,CAACH,EAAuBE,EAAKI,EAAkBF,EAAcH,EAAgBE,IAEzEC,CACT"}

package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider_5819524e5f"};!function(e){const d="s_id-b255f2c3e0ea_4_5_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_5819524e5f {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_b7c48f40ca"};!function(e){const d="s_id-b255f2c3e0ea_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_b7c48f40ca {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

package/dist/src/components/Menu/MenuItem/AvatarMenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as r}from"../../../../_virtual/_tslib.js";import t,{forwardRef as e,useCallback as a}from"react";import s from"./MenuItem.js";import n from"../../Avatar/Avatar.js";var o=e((function(e,o){var i=e.avatarProps,m=e.menuItemProps,c=r(e,["avatarProps","menuItemProps"]),u=a((function(){return t.createElement(n,Object.assign({},i))}),[i]);return t.createElement(s,Object.assign({},c,m,{icon:u,ref:o}))}));Object.assign(o,{isMenuChild:!0,isSelectable:!0});export{o as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as e,useCallback as a}from"react";import s from"./MenuItem.js";import n from"../../../../components/avatar/dist/Avatar/Avatar.js";var o=e((function(e,o){var i=e.avatarProps,m=e.menuItemProps,c=t(e,["avatarProps","menuItemProps"]),p=a((function(){return r.createElement(n,Object.assign({},i))}),[i]);return r.createElement(s,Object.assign({},c,m,{icon:p,ref:o}))}));Object.assign(o,{isMenuChild:!0,isSelectable:!0});export{o as default};
 //# sourceMappingURL=AvatarMenuItem.js.map

package/dist/src/components/Menu/MenuItem/AvatarMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarMenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/AvatarMenuItem.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback } from \"react\";\nimport MenuItem, { type MenuItemProps } from \"./MenuItem\";\nimport Avatar, { type AvatarProps } from \"~~../../Avatar~~/~~Avatar~~\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nexport interface AvatarMenuItemProps extends VibeComponentProps {\n /*\n Props passed to the avatar component.\n /\n avatarProps?: AvatarProps;\n /\n Props passed to the menu item component.\n /\n menuItemProps?: MenuItemProps;\n}\n\n/\n MenuItem with Avatar instead of Icon\n */\nconst AvatarMenuItem: React.FC<AvatarMenuItemProps & { isMenuChild?: boolean; isSelectable?: boolean }> = forwardRef(\n ({ avatarProps, menuItemProps, ...embeddedMenuItemProps }, ref: ForwardedRef<HTMLElement>) => {\n const renderAvatar = useCallback(() => <Avatar {...avatarProps} />, [avatarProps]);\n return <MenuItem {...embeddedMenuItemProps} {...menuItemProps} icon={renderAvatar} ref={ref} />;\n }\n);\n\nObject.assign(AvatarMenuItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default AvatarMenuItem;\n"],"names":["AvatarMenuItem","forwardRef","_a","ref","avatarProps","menuItemProps","embeddedMenuItemProps","__rest","renderAvatar","useCallback","React","createElement","Avatar","Object","assign","MenuItem","icon","isMenuChild","isSelectable"],"mappings":"~~kLAmBMA~~,IAAAA,EAAoGC,GACxG,SAACC,EAA0DC,OAAxDC,EAA0BF,EAA1BE,YAAaC,EAAaH,EAAbG,cAAkBC,EAAqBC,EAAAL,EAAtD,iCACOM,EAAeC,GAAY,WAAA,OAAMC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKV,MAAiB,CAACA,IACrE,OAAOM,EAACC,cAAAI,EAAaF,OAAAC,OAAA,CAAA,EAAAR,EAA2BD,EAAa,CAAEW,KAAMR,EAAcL,IAAKA,IAC1F,IAGFU,OAAOC,OAAOd,EAAgB,CAC5BiB,aAAa,EACbC,cAAc"}
1	+ {"version":3,"file":"AvatarMenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/AvatarMenuItem.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback } from \"react\";\nimport MenuItem, { type MenuItemProps } from \"./MenuItem\";\nimport { Avatar, type AvatarProps } from \"@vibe/avatar\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nexport interface AvatarMenuItemProps extends VibeComponentProps {\n /*\n Props passed to the avatar component.\n /\n avatarProps?: AvatarProps;\n /\n Props passed to the menu item component.\n /\n menuItemProps?: MenuItemProps;\n}\n\n/\n MenuItem with Avatar instead of Icon\n */\nconst AvatarMenuItem: React.FC<AvatarMenuItemProps & { isMenuChild?: boolean; isSelectable?: boolean }> = forwardRef(\n ({ avatarProps, menuItemProps, ...embeddedMenuItemProps }, ref: ForwardedRef<HTMLElement>) => {\n const renderAvatar = useCallback(() => <Avatar {...avatarProps} />, [avatarProps]);\n return <MenuItem {...embeddedMenuItemProps} {...menuItemProps} icon={renderAvatar} ref={ref} />;\n }\n);\n\nObject.assign(AvatarMenuItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default AvatarMenuItem;\n"],"names":["AvatarMenuItem","forwardRef","_a","ref","avatarProps","menuItemProps","embeddedMenuItemProps","__rest","renderAvatar","useCallback","React","createElement","Avatar","Object","assign","MenuItem","icon","isMenuChild","isSelectable"],"mappings":"+MAmBMA,IAAAA,EAAoGC,GACxG,SAACC,EAA0DC,OAAxDC,EAA0BF,EAA1BE,YAAaC,EAAaH,EAAbG,cAAkBC,EAAqBC,EAAAL,EAAtD,iCACOM,EAAeC,GAAY,WAAA,OAAMC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKV,MAAiB,CAACA,IACrE,OAAOM,EAACC,cAAAI,EAAaF,OAAAC,OAAA,CAAA,EAAAR,EAA2BD,EAAa,CAAEW,KAAMR,EAAcL,IAAKA,IAC1F,IAGFU,OAAOC,OAAOd,EAAgB,CAC5BiB,aAAa,EACbC,cAAc"}

package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={title:"title_f32686598c"};!function(e){const t="s_id-b06386a2bb6c_4_5_8";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)}(".title_f32686598c {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
+var e={title:"title_67d0c32c01"};!function(e){const t="s_id-b06386a2bb6c_4_5_10";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)}(".title_67d0c32c01 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
 //# sourceMappingURL=MenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={item:"item_bd2b629d69",splitMenuItem:"splitMenuItem_2265a3c2ff",disabled:"disabled_3e6352d84b",focused:"focused_3a4882ced9",initialSelected:"initialSelected_1179c149eb",selected:"selected_8ffc4a6292"};!function(e){const n="s_id-5b7b751737f9_4_5_8";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_bd2b629d69 {\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(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_bd2b629d69.splitMenuItem_2265a3c2ff {\n  padding: 0 0 0 var(--space-8);\n}\n.item_bd2b629d69.disabled_3e6352d84b {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_bd2b629d69.focused_3a4882ced9:not(.disabled_3e6352d84b) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_bd2b629d69.focused_3a4882ced9:not(.disabled_3e6352d84b):not(:hover):not(.initialSelected_1179c149eb) {\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_bd2b629d69.selected_8ffc4a6292:not(.disabled_3e6352d84b) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_e49442a263",splitMenuItem:"splitMenuItem_1f004607c6",disabled:"disabled_dd197a6cf4",focused:"focused_919789e3cf",initialSelected:"initialSelected_e10c9979a6",selected:"selected_f143234cd4"};!function(e){const n="s_id-5b7b751737f9_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_e49442a263 {\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(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_e49442a263.splitMenuItem_1f004607c6 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_e49442a263.disabled_dd197a6cf4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_e49442a263.focused_919789e3cf:not(.disabled_dd197a6cf4) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_e49442a263.focused_919789e3cf:not(.disabled_dd197a6cf4):not(:hover):not(.initialSelected_e10c9979a6) {\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_e49442a263.selected_f143234cd4:not(.disabled_dd197a6cf4) {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_b387694c25",rightIcon:"rightIcon_c369e98b55",withBackgroundColor:"withBackgroundColor_0225712cdf",disabled:"disabled_097a326191",icon:"icon_b5d568f664",selected:"selected_e7273f9a08"};!function(e){const n="s_id-031e2c862ceb_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_b387694c25 {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_b387694c25.rightIcon_c369e98b55 {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_b387694c25.withBackgroundColor_0225712cdf {\n  border-radius: var(--space-4);\n}\n.iconWrapper_b387694c25.withBackgroundColor_0225712cdf.disabled_097a326191 {\n  opacity: 0.4;\n}\n.iconWrapper_b387694c25.withBackgroundColor_0225712cdf .icon_b5d568f664 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_b387694c25.disabled_097a326191 .icon_b5d568f664 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_b387694c25 .icon_b5d568f664 {\n  color: var(--icon-color);\n}\n.iconWrapper_b387694c25 .icon_b5d568f664.selected_e7273f9a08 {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_137f56f364",rightIcon:"rightIcon_5c73b44ac0",withBackgroundColor:"withBackgroundColor_6f1c0537f2",disabled:"disabled_e30dc66da5",icon:"icon_890c539ff9",selected:"selected_6249982327"};!function(e){const n="s_id-031e2c862ceb_4_5_10";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)}(".iconWrapper_137f56f364 {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_137f56f364.rightIcon_5c73b44ac0 {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_137f56f364.withBackgroundColor_6f1c0537f2 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_137f56f364.withBackgroundColor_6f1c0537f2.disabled_e30dc66da5 {\n  opacity: 0.4;\n}\n.iconWrapper_137f56f364.withBackgroundColor_6f1c0537f2 .icon_890c539ff9 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_137f56f364.disabled_e30dc66da5 .icon_890c539ff9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_137f56f364 .icon_890c539ff9 {\n  color: var(--icon-color);\n}\n.iconWrapper_137f56f364 .icon_890c539ff9.selected_6249982327 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_1cd74afd35",divider:"divider_04b39aea6a",splitSubMenuIcon:"splitSubMenuIcon_43691598c9",subMenuIcon:"subMenuIcon_a80761f5ad",disabled:"disabled_3e6352d84b",splitMenuItemIconButton:"splitMenuItemIconButton_8c1bb6416f"};!function(e){const n="s_id-b28b9c0c92bb_4_5_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_1cd74afd35 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_1cd74afd35 .divider_04b39aea6a {\n  height: 19px;\n}\n.subMenuIconWrapper_1cd74afd35 .splitSubMenuIcon_43691598c9 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_1cd74afd35 .subMenuIcon_a80761f5ad,\n.subMenuIconWrapper_1cd74afd35 .splitSubMenuIcon_43691598c9 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_1cd74afd35 .subMenuIcon_a80761f5ad.disabled_3e6352d84b,\n.subMenuIconWrapper_1cd74afd35 .splitSubMenuIcon_43691598c9.disabled_3e6352d84b {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_1cd74afd35 .splitMenuItemIconButton_8c1bb6416f {\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_17710ffc82",divider:"divider_f37765d72f",splitSubMenuIcon:"splitSubMenuIcon_e78f7085db",subMenuIcon:"subMenuIcon_b3a0dad08b",disabled:"disabled_dd197a6cf4",splitMenuItemIconButton:"splitMenuItemIconButton_d37196e972"};!function(e){const n="s_id-b28b9c0c92bb_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_17710ffc82 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_17710ffc82 .divider_f37765d72f {\n  height: 19px;\n}\n.subMenuIconWrapper_17710ffc82 .splitSubMenuIcon_e78f7085db {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_17710ffc82 .subMenuIcon_b3a0dad08b,\n.subMenuIconWrapper_17710ffc82 .splitSubMenuIcon_e78f7085db {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_17710ffc82 .subMenuIcon_b3a0dad08b.disabled_dd197a6cf4,\n.subMenuIconWrapper_17710ffc82 .splitSubMenuIcon_e78f7085db.disabled_dd197a6cf4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_17710ffc82 .splitMenuItemIconButton_d37196e972 {\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/MenuItem/hooks/useMenuItemMouseEvents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../hooks/usePrevious/index.js";import{useIsomorphicLayoutEffect as o}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function t(t){var n=t.resetOpenSubMenuIndex,r=t.setSubMenuIsOpenByIndex,u=t.isActive,i=t.setActiveItemIndex,f=t.index,m=t.hasChildren,d=t.splitMenuItemIconButtonRef,I=t.splitMenuItem,c=void 0!==I&&I,p=e({ref:t.ref}),a=e({ref:d}),h=s(p),l=s(a);return o((function(){a&&a!==l&&(u?r(f,!0):n())}),[r,f,a,l,u,n]),o((function(){p&&p!==h&&(r&&n?(n(),u||c||(i(f),m?r(f,!0):n()),u&&m&&r(f,!!p),!u&&c&&(i(f),a&&r(f,!0))):console.error("MenuItem must be a first level child of a menu"))}),[n,h,p,a,r,u,i,f,m,c]),p}export{t as default};
+import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../../hooks/dist/usePrevious/index.js";import{useIsomorphicLayoutEffect as t}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function o(o){var n=o.resetOpenSubMenuIndex,r=o.setSubMenuIsOpenByIndex,i=o.isActive,u=o.setActiveItemIndex,f=o.index,m=o.hasChildren,d=o.splitMenuItemIconButtonRef,I=o.splitMenuItem,c=void 0!==I&&I,p=e({ref:o.ref}),a=e({ref:d}),h=s(p),l=s(a);return t((function(){a&&a!==l&&(i?r(f,!0):n())}),[r,f,a,l,i,n]),t((function(){p&&p!==h&&(r&&n?(n(),i||c||(u(f),m?r(f,!0):n()),i&&m&&r(f,!!p),!i&&c&&(u(f),a&&r(f,!0))):console.error("MenuItem must be a first level child of a menu"))}),[n,h,p,a,r,i,u,f,m,c]),p}export{o as default};
 //# sourceMappingURL=useMenuItemMouseEvents.js.map

package/dist/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenuItemMouseEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.ts"],"sourcesContent":["import { type RefObject } from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport usePrevious from \"~~../../../../~~hooks~~/usePrevious~~\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMenuItemMouseEvents({\n ref,\n resetOpenSubMenuIndex,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItemIconButtonRef,\n splitMenuItem = false\n}: {\n ref: RefObject<HTMLElement>;\n resetOpenSubMenuIndex: () => void;\n setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n isActive: boolean;\n setActiveItemIndex: (index: number) => void;\n index: number;\n hasChildren: boolean;\n splitMenuItemIconButtonRef?: React.RefObject<HTMLElement>;\n splitMenuItem?: boolean;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const isMouseEnterOnIconButton = useIsMouseEnter({ ref: splitMenuItemIconButtonRef });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n const prevIsMouseEnterOnIconButton = usePrevious(isMouseEnterOnIconButton);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnterOnIconButton) return;\n\n if (isMouseEnterOnIconButton === prevIsMouseEnterOnIconButton) return;\n\n if (isActive) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }, [\n setSubMenuIsOpenByIndex,\n index,\n isMouseEnterOnIconButton,\n prevIsMouseEnterOnIconButton,\n isActive,\n resetOpenSubMenuIndex\n ]);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n\n if (!setSubMenuIsOpenByIndex \|\| !resetOpenSubMenuIndex) {\n console.error(\"MenuItem must be a first level child of a menu\");\n return;\n }\n\n resetOpenSubMenuIndex();\n\n if (!isActive && !splitMenuItem) {\n setActiveItemIndex(index);\n if (hasChildren) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }\n\n if (isActive && hasChildren) {\n setSubMenuIsOpenByIndex(index, !!isMouseEnter);\n }\n\n if (!isActive && splitMenuItem) {\n setActiveItemIndex(index);\n\n if (isMouseEnterOnIconButton) {\n setSubMenuIsOpenByIndex(index, true);\n }\n }\n }, [\n resetOpenSubMenuIndex,\n prevIsMouseEnter,\n isMouseEnter,\n isMouseEnterOnIconButton,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItem\n ]);\n\n return isMouseEnter;\n}\n"],"names":["useMenuItemMouseEvents","_ref","resetOpenSubMenuIndex","setSubMenuIsOpenByIndex","isActive","setActiveItemIndex","index","hasChildren","splitMenuItemIconButtonRef","_ref$splitMenuItem","splitMenuItem","isMouseEnter","useIsMouseEnter","ref","isMouseEnterOnIconButton","prevIsMouseEnter","usePrevious","prevIsMouseEnterOnIconButton","useIsomorphicLayoutEffect","console","error"],"mappings":"~~wNAKc~~,SAAUA,EAAsBC,GAoB7C,IAlBCC,EAAqBD,EAArBC,sBACAC,EAAuBF,EAAvBE,wBACAC,EAAQH,EAARG,SACAC,EAAkBJ,EAAlBI,mBACAC,EAAKL,EAALK,MACAC,EAAWN,EAAXM,YACAC,EAA0BP,EAA1BO,2BAA0BC,EAAAR,EAC1BS,cAAAA,OAAgB,IAAHD,GAAQA,EAYfE,EAAeC,EAAgB,CAAEC,IApBpCZ,EAAHY,MAqBMC,EAA2BF,EAAgB,CAAEC,IAAKL,IAClDO,EAAmBC,EAAYL,GAC/BM,EAA+BD,EAAYF,GAiEjD,OA/DAI,GAA0B,WACnBJ,GAEDA,IAA6BG,IAE7Bb,EACFD,EAAwBG,GAAO,GAE/BJ,IAEJ,GAAG,CACDC,EACAG,EACAQ,EACAG,EACAb,EACAF,IAGFgB,GAA0B,WACnBP,GACDA,IAAiBI,IAEhBZ,GAA4BD,GAKjCA,IAEKE,GAAaM,IAChBL,EAAmBC,GACfC,EACFJ,EAAwBG,GAAO,GAE/BJ,KAIAE,GAAYG,GACdJ,EAAwBG,IAASK,IAG9BP,GAAYM,IACfL,EAAmBC,GAEfQ,GACFX,EAAwBG,GAAO,KAvBjCa,QAAQC,MAAM,kDA0BjB,GAAE,CACDlB,EACAa,EACAJ,EACAG,EACAX,EACAC,EACAC,EACAC,EACAC,EACAG,IAGKC,CACT"}
1	+ {"version":3,"file":"useMenuItemMouseEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.ts"],"sourcesContent":["import { type RefObject } from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMenuItemMouseEvents({\n ref,\n resetOpenSubMenuIndex,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItemIconButtonRef,\n splitMenuItem = false\n}: {\n ref: RefObject<HTMLElement>;\n resetOpenSubMenuIndex: () => void;\n setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n isActive: boolean;\n setActiveItemIndex: (index: number) => void;\n index: number;\n hasChildren: boolean;\n splitMenuItemIconButtonRef?: React.RefObject<HTMLElement>;\n splitMenuItem?: boolean;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const isMouseEnterOnIconButton = useIsMouseEnter({ ref: splitMenuItemIconButtonRef });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n const prevIsMouseEnterOnIconButton = usePrevious(isMouseEnterOnIconButton);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnterOnIconButton) return;\n\n if (isMouseEnterOnIconButton === prevIsMouseEnterOnIconButton) return;\n\n if (isActive) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }, [\n setSubMenuIsOpenByIndex,\n index,\n isMouseEnterOnIconButton,\n prevIsMouseEnterOnIconButton,\n isActive,\n resetOpenSubMenuIndex\n ]);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n\n if (!setSubMenuIsOpenByIndex \|\| !resetOpenSubMenuIndex) {\n console.error(\"MenuItem must be a first level child of a menu\");\n return;\n }\n\n resetOpenSubMenuIndex();\n\n if (!isActive && !splitMenuItem) {\n setActiveItemIndex(index);\n if (hasChildren) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }\n\n if (isActive && hasChildren) {\n setSubMenuIsOpenByIndex(index, !!isMouseEnter);\n }\n\n if (!isActive && splitMenuItem) {\n setActiveItemIndex(index);\n\n if (isMouseEnterOnIconButton) {\n setSubMenuIsOpenByIndex(index, true);\n }\n }\n }, [\n resetOpenSubMenuIndex,\n prevIsMouseEnter,\n isMouseEnter,\n isMouseEnterOnIconButton,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItem\n ]);\n\n return isMouseEnter;\n}\n"],"names":["useMenuItemMouseEvents","_ref","resetOpenSubMenuIndex","setSubMenuIsOpenByIndex","isActive","setActiveItemIndex","index","hasChildren","splitMenuItemIconButtonRef","_ref$splitMenuItem","splitMenuItem","isMouseEnter","useIsMouseEnter","ref","isMouseEnterOnIconButton","prevIsMouseEnter","usePrevious","prevIsMouseEnterOnIconButton","useIsomorphicLayoutEffect","console","error"],"mappings":"gOAKc,SAAUA,EAAsBC,GAoB7C,IAlBCC,EAAqBD,EAArBC,sBACAC,EAAuBF,EAAvBE,wBACAC,EAAQH,EAARG,SACAC,EAAkBJ,EAAlBI,mBACAC,EAAKL,EAALK,MACAC,EAAWN,EAAXM,YACAC,EAA0BP,EAA1BO,2BAA0BC,EAAAR,EAC1BS,cAAAA,OAAgB,IAAHD,GAAQA,EAYfE,EAAeC,EAAgB,CAAEC,IApBpCZ,EAAHY,MAqBMC,EAA2BF,EAAgB,CAAEC,IAAKL,IAClDO,EAAmBC,EAAYL,GAC/BM,EAA+BD,EAAYF,GAiEjD,OA/DAI,GAA0B,WACnBJ,GAEDA,IAA6BG,IAE7Bb,EACFD,EAAwBG,GAAO,GAE/BJ,IAEJ,GAAG,CACDC,EACAG,EACAQ,EACAG,EACAb,EACAF,IAGFgB,GAA0B,WACnBP,GACDA,IAAiBI,IAEhBZ,GAA4BD,GAKjCA,IAEKE,GAAaM,IAChBL,EAAmBC,GACfC,EACFJ,EAAwBG,GAAO,GAE/BJ,KAIAE,GAAYG,GACdJ,EAAwBG,IAASK,IAG9BP,GAAYM,IACfL,EAAmBC,GAEfQ,GACFX,EAAwBG,GAAO,KAvBjCa,QAAQC,MAAM,kDA0BjB,GAAE,CACDlB,EACAa,EACAJ,EACAG,EACAX,EACAC,EACAC,EACAC,EACAC,EACAG,IAGKC,CACT"}

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

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_628521c210",buttonComponent:"buttonComponent_3244d9f50d",content:"content_339dffd114"};!function(e){const t="s_id-5b38a66d7d32_4_5_8";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_628521c210 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_628521c210 .buttonComponent_3244d9f50d {\n  width: 100%;\n}\n\n.itemButton_628521c210 .buttonComponent_3244d9f50d .content_339dffd114 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_3498800196",buttonComponent:"buttonComponent_13d3be3d0a",content:"content_971ddd911e"};!function(e){const t="s_id-5b38a66d7d32_4_5_10";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_3498800196 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_3498800196 .buttonComponent_13d3be3d0a {\n  width: 100%;\n}\n\n.itemButton_3498800196 .buttonComponent_13d3be3d0a .content_971ddd911e {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={title:"title_19349b93d3",titleCaption:"titleCaption_90bf6bd027",titleCaptionCenter:"titleCaptionCenter_aa3b7c83df",titleCaptionBottom:"titleCaptionBottom_5bb4d6b5a0",titleCaptionTop:"titleCaptionTop_64280ee92a"};!function(t){const e="s_id-6a10a614e4d8_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_19349b93d3 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_90bf6bd027 {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter_aa3b7c83df {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_5bb4d6b5a0,\n.titleCaptionTop_64280ee92a {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom_5bb4d6b5a0 {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter_aa3b7c83df::before,\n.titleCaptionCenter_aa3b7c83df::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(--space-8);\n}');export{t as default};
+var t={title:"title_5fffe28751",titleCaption:"titleCaption_68e9a329a1",titleCaptionCenter:"titleCaptionCenter_9758ad0ce3",titleCaptionBottom:"titleCaptionBottom_b40f885250",titleCaptionTop:"titleCaptionTop_d04f6872a1"};!function(t){const e="s_id-6a10a614e4d8_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_5fffe28751 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_68e9a329a1 {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter_9758ad0ce3 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_b40f885250,\n.titleCaptionTop_d04f6872a1 {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom_b40f885250 {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter_9758ad0ce3::before,\n.titleCaptionCenter_9758ad0ce3::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(--space-8);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_8fd0d16e5f","focus-visible":"focus-visible_15a8b9e5d5",active:"active_c76cd45d8c",sizeXxs:"sizeXxs_b43ff72ead",sizeXs:"sizeXs_ef459fa58d",sizeSmall:"sizeSmall_e329f8966a",sizeMedium:"sizeMedium_ba46334ec1",sizeLarge:"sizeLarge_2be886ee6b",disabled:"disabled_5639ba9a40",text:"text_3244d9f50d",innerText:"innerText_05edb83e2e"};!function(n){const e="s_id-fe45efde1a3d_4_5_8";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_8fd0d16e5f {\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_8fd0d16e5f:focus-visible, .wrapper_8fd0d16e5f.focus-visible_15a8b9e5d5 {\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_8fd0d16e5f:focus:not(.focus-visible_15a8b9e5d5) {\n  outline: none;\n}\n.wrapper_8fd0d16e5f:focus-visible, .wrapper_8fd0d16e5f.focus-visible_15a8b9e5d5 {\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_8fd0d16e5f:focus:not(.focus-visible_15a8b9e5d5) {\n  outline: none;\n}\n.wrapper_8fd0d16e5f:focus,\n.wrapper_8fd0d16e5f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_8fd0d16e5f:active {\n  transform: scale(0.95);\n}\n.active_c76cd45d8c {\n  background-color: var(--primary-selected-color);\n}\n.active_c76cd45d8c:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_c76cd45d8c:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_b43ff72ead {\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_ef459fa58d {\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_e329f8966a {\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_ba46334ec1 {\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_2be886ee6b {\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_5639ba9a40 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_5639ba9a40:hover {\n  background-color: transparent;\n}\n.text_3244d9f50d {\n  width: 100%;\n}\n.innerText_05edb83e2e {\n  margin: 0 var(--space-8);\n}");export{n as default};
+var n={wrapper:"wrapper_3c4a371481","focus-visible":"focus-visible_8345afc3b6",active:"active_356862fc6d",sizeXxs:"sizeXxs_5ed32ea62c",sizeXs:"sizeXs_5397a750ed",sizeSmall:"sizeSmall_84d1bdeebf",sizeMedium:"sizeMedium_4114d7af08",sizeLarge:"sizeLarge_2da794d9a8",disabled:"disabled_093c264e2b",text:"text_13d3be3d0a",innerText:"innerText_ea0b380f35"};!function(n){const e="s_id-fe45efde1a3d_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_3c4a371481 {\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_3c4a371481:focus-visible, .wrapper_3c4a371481.focus-visible_8345afc3b6 {\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_3c4a371481:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.wrapper_3c4a371481:focus-visible, .wrapper_3c4a371481.focus-visible_8345afc3b6 {\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_3c4a371481:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.wrapper_3c4a371481:focus,\n.wrapper_3c4a371481:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_3c4a371481:active {\n  transform: scale(0.95);\n}\n.active_356862fc6d {\n  background-color: var(--primary-selected-color);\n}\n.active_356862fc6d:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_356862fc6d:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_5ed32ea62c {\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_5397a750ed {\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_84d1bdeebf {\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_4114d7af08 {\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_2da794d9a8 {\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_093c264e2b {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_093c264e2b:hover {\n  background-color: transparent;\n}\n.text_13d3be3d0a {\n  width: 100%;\n}\n.innerText_ea0b380f35 {\n  margin: 0 var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_30c8a30d3d",overlay:"overlay_bcb301e394",centerPop:"centerPop_58158a2729",anchorPop:"anchorPop_58158a2729",modal:"modal_b3acf99580",fixedPosition:"fixedPosition_0356ef6f9c",withHeaderAction:"withHeaderAction_43423f3cdb",sizeSmall:"sizeSmall_4dd6fd1709",sizeMedium:"sizeMedium_9cd2bf0dc6",sizeLarge:"sizeLarge_270c99cb43",sizeFullView:"sizeFullView_eae8724679",containerEnter:"containerEnter_c060cd6992",fullView:"fullView_97003fc5bb",containerEnterActive:"containerEnterActive_a28445f88f",centerPopIn:"centerPopIn_99abb350fc",anchorPopIn:"anchorPopIn_288c942850",fullViewIn:"fullViewIn_03793453d2",containerExitActive:"containerExitActive_b396ce238a",centerPopOut:"centerPopOut_f5a0cd7921",anchorPopOut:"anchorPopOut_4274113ddb",fullViewOut:"fullViewOut_105065ba30"};!function(n){const a="s_id-72e80303fba3_4_5_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_30c8a30d3d {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_bcb301e394 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_58158a2729 {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_58158a2729 {\n  transform: translate(-50%, -50%);\n}\n\n.modal_b3acf99580 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_b3acf99580.fixedPosition_0356ef6f9c {\n  position: fixed;\n}\n\n.modal_b3acf99580.withHeaderAction_43423f3cdb {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_b3acf99580.sizeSmall_4dd6fd1709 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_b3acf99580.sizeMedium_9cd2bf0dc6 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_b3acf99580.sizeLarge_270c99cb43 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_b3acf99580.sizeFullView_eae8724679 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_b3acf99580.sizeSmall_4dd6fd1709 {\n    --modal-width: 480px;\n  }\n  .modal_b3acf99580.sizeMedium_9cd2bf0dc6 {\n    --modal-width: 580px;\n  }\n  .modal_b3acf99580.sizeLarge_270c99cb43 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_b3acf99580.sizeSmall_4dd6fd1709 {\n    --modal-width: 520px;\n  }\n  .modal_b3acf99580.sizeMedium_9cd2bf0dc6 {\n    --modal-width: 620px;\n  }\n  .modal_b3acf99580.sizeLarge_270c99cb43 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_b3acf99580.sizeFullView_eae8724679 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_c060cd6992 .overlay_bcb301e394 {\n  opacity: 0;\n}\n\n.containerEnter_c060cd6992 .centerPop_58158a2729 {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_c060cd6992 .anchorPop_58158a2729 {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_c060cd6992 .fullView_97003fc5bb {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_a28445f88f .overlay_bcb301e394 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_a28445f88f .centerPop_58158a2729 {\n  animation: centerPopIn_99abb350fc 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_a28445f88f .anchorPop_58158a2729 {\n  animation: anchorPopIn_288c942850 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_a28445f88f .fullView_97003fc5bb {\n  animation: fullViewIn_03793453d2 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_b396ce238a .overlay_bcb301e394 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_b396ce238a .centerPop_58158a2729 {\n  animation: centerPopOut_f5a0cd7921 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_b396ce238a .anchorPop_58158a2729 {\n  animation: anchorPopOut_4274113ddb 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_b396ce238a .fullView_97003fc5bb {\n  animation: fullViewOut_105065ba30 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_99abb350fc {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_f5a0cd7921 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_288c942850 {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_4274113ddb {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_03793453d2 {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_105065ba30 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container_df34687dd0",overlay:"overlay_0d85451950",centerPop:"centerPop_f420923ede",anchorPop:"anchorPop_f420923ede",modal:"modal_dd04495416",fixedPosition:"fixedPosition_ecc024ced6",withHeaderAction:"withHeaderAction_506dfef8ab",sizeSmall:"sizeSmall_1ddb560a05",sizeMedium:"sizeMedium_60872a01e0",sizeLarge:"sizeLarge_da78d57a67",sizeFullView:"sizeFullView_48b1fd0a88",containerEnter:"containerEnter_c4c2f5f51d",fullView:"fullView_c5cc8cc230",containerEnterActive:"containerEnterActive_0c51664d2a",centerPopIn:"centerPopIn_282ffb0745",anchorPopIn:"anchorPopIn_b51b319f46",fullViewIn:"fullViewIn_4bc02f51eb",containerExitActive:"containerExitActive_6a872f09fd",centerPopOut:"centerPopOut_0f099f4fcd",anchorPopOut:"anchorPopOut_e0a6b7d171",fullViewOut:"fullViewOut_06189ca26e"};!function(n){const a="s_id-72e80303fba3_4_5_10";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_df34687dd0 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_0d85451950 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_f420923ede {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_f420923ede {\n  transform: translate(-50%, -50%);\n}\n\n.modal_dd04495416 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_dd04495416.fixedPosition_ecc024ced6 {\n  position: fixed;\n}\n\n.modal_dd04495416.withHeaderAction_506dfef8ab {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_dd04495416.sizeSmall_1ddb560a05 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_dd04495416.sizeMedium_60872a01e0 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_dd04495416.sizeLarge_da78d57a67 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_dd04495416.sizeFullView_48b1fd0a88 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_dd04495416.sizeSmall_1ddb560a05 {\n    --modal-width: 480px;\n  }\n  .modal_dd04495416.sizeMedium_60872a01e0 {\n    --modal-width: 580px;\n  }\n  .modal_dd04495416.sizeLarge_da78d57a67 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_dd04495416.sizeSmall_1ddb560a05 {\n    --modal-width: 520px;\n  }\n  .modal_dd04495416.sizeMedium_60872a01e0 {\n    --modal-width: 620px;\n  }\n  .modal_dd04495416.sizeLarge_da78d57a67 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_dd04495416.sizeFullView_48b1fd0a88 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_c4c2f5f51d .overlay_0d85451950 {\n  opacity: 0;\n}\n\n.containerEnter_c4c2f5f51d .centerPop_f420923ede {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_c4c2f5f51d .anchorPop_f420923ede {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_c4c2f5f51d .fullView_c5cc8cc230 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_0c51664d2a .overlay_0d85451950 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_0c51664d2a .centerPop_f420923ede {\n  animation: centerPopIn_282ffb0745 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_0c51664d2a .anchorPop_f420923ede {\n  animation: anchorPopIn_b51b319f46 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_0c51664d2a .fullView_c5cc8cc230 {\n  animation: fullViewIn_4bc02f51eb 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_6a872f09fd .overlay_0d85451950 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_6a872f09fd .centerPop_f420923ede {\n  animation: centerPopOut_0f099f4fcd 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_6a872f09fd .anchorPop_f420923ede {\n  animation: anchorPopOut_e0a6b7d171 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_6a872f09fd .fullView_c5cc8cc230 {\n  animation: fullViewOut_06189ca26e 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_282ffb0745 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_0f099f4fcd {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_b51b319f46 {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_e0a6b7d171 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_4bc02f51eb {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_06189ca26e {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={media:"media_493a3606a9"};!function(e){const t="s_id-17d5de3a21d7_4_5_8";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_493a3606a9 {\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_fc7780dbfc"};!function(e){const t="s_id-17d5de3a21d7_4_5_10";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_fc7780dbfc {\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 CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={primary:"primary_8cdf85425f",secondary:"secondary_7cf7824795"};!function(e){const n="s_id-b4b122708c23_4_5_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_8cdf85425f {\n  order: 2;\n}\n.primary_8cdf85425f:only-child {\n  margin-inline-start: auto;\n}\n.secondary_7cf7824795 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
+var e={primary:"primary_80e1a41dec",secondary:"secondary_7179879406"};!function(e){const n="s_id-b4b122708c23_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_80e1a41dec {\n  order: 2;\n}\n.primary_80e1a41dec:only-child {\n  margin-inline-start: auto;\n}\n.secondary_7179879406 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={footer:"footer_471b78e619"};!function(e){const t="s_id-5c7b28cf0c05_4_5_8";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_471b78e619 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_acf0c74bdf"};!function(e){const t="s_id-5c7b28cf0c05_4_5_10";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_acf0c74bdf {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_8cdf85425f",secondary:"secondary_357d63a031",stepDots:"stepDots_cb3ead0de0"};!function(e){const n="s_id-51737ad1ac1f_4_5_8";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_8cdf85425f {\n  order: 2;\n}\n\n.secondary_357d63a031 {\n  order: 1;\n}\n\n.stepDots_cb3ead0de0 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_80e1a41dec",secondary:"secondary_f5ab5a0bbf",stepDots:"stepDots_df5428524a"};!function(e){const n="s_id-51737ad1ac1f_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_80e1a41dec {\n  order: 2;\n}\n\n.secondary_f5ab5a0bbf {\n  order: 1;\n}\n\n.stepDots_df5428524a {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map