npm - @vibe/core - Versions diffs - 3.82.3 → 3.83.1 - Mend

@vibe/core 3.82.3 → 3.83.1

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 (960) hide show

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

@@ -1,2 +1,2 @@
-var a={clickableWrapper:"clickableWrapper_e8e7a1fe15","focus-visible":"focus-visible_5a4f9828a5",label:"label_5a8ce639fd",small:"small_1276b3e417",withLeg:"withLeg_66cfcd5ada",legWrapper:"legWrapper_6619942563",kindFill:"kindFill_48f91b9933",colorPrimary:"colorPrimary_3801ae88d0",clickable:"clickable_a9d696389b",colorDark:"colorDark_a4e7b65720",colorNegative:"colorNegative_1a9ca1f15d",colorPositive:"colorPositive_f25b3f4ab4",kindLine:"kindLine_ea5aca1cb0",smallText:"smallText_3dfc23c124"};!function(a){const e="s_id-642067f9ceae_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_e8e7a1fe15 {\n  cursor: pointer;\n}\n.clickableWrapper_e8e7a1fe15:focus-visible, .clickableWrapper_e8e7a1fe15.focus-visible_5a4f9828a5 {\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.clickableWrapper_e8e7a1fe15:focus:not(.focus-visible_5a4f9828a5) {\n  outline: none;\n}\n.clickableWrapper_e8e7a1fe15:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_5a8ce639fd {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_5a8ce639fd.small_1276b3e417 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_66cfcd5ada {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_6619942563 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_48f91b9933.colorPrimary_3801ae88d0 {\n  background-color: var(--primary-color);\n}\n.kindFill_48f91b9933.colorPrimary_3801ae88d0 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_48f91b9933.colorPrimary_3801ae88d0.clickable_a9d696389b:hover, .kindFill_48f91b9933.colorPrimary_3801ae88d0.clickable_a9d696389b:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_48f91b9933.colorDark_a4e7b65720 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_48f91b9933.colorDark_a4e7b65720 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_48f91b9933.colorNegative_1a9ca1f15d {\n  background-color: var(--negative-color);\n}\n.kindFill_48f91b9933.colorNegative_1a9ca1f15d svg path {\n  fill: var(--negative-color);\n}\n.kindFill_48f91b9933.colorNegative_1a9ca1f15d.clickable_a9d696389b:hover, .kindFill_48f91b9933.colorNegative_1a9ca1f15d.clickable_a9d696389b:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_48f91b9933.colorPositive_f25b3f4ab4 {\n  background-color: var(--positive-color);\n}\n.kindFill_48f91b9933.colorPositive_f25b3f4ab4 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_48f91b9933.colorPositive_f25b3f4ab4.clickable_a9d696389b:hover, .kindFill_48f91b9933.colorPositive_f25b3f4ab4.clickable_a9d696389b:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_ea5aca1cb0 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_ea5aca1cb0 .legWrapper_6619942563 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_ea5aca1cb0.colorPrimary_3801ae88d0 {\n  color: var(--primary-color);\n}\n.kindLine_ea5aca1cb0.colorPrimary_3801ae88d0 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_ea5aca1cb0.colorPrimary_3801ae88d0.clickable_a9d696389b:hover, .kindLine_ea5aca1cb0.colorPrimary_3801ae88d0.clickable_a9d696389b:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ea5aca1cb0.colorDark_a4e7b65720 {\n  color: var(--inverted-color-background);\n}\n.kindLine_ea5aca1cb0.colorDark_a4e7b65720 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_ea5aca1cb0.colorDark_a4e7b65720.clickable_a9d696389b:hover, .kindLine_ea5aca1cb0.colorDark_a4e7b65720.clickable_a9d696389b:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ea5aca1cb0.colorNegative_1a9ca1f15d {\n  color: var(--negative-color);\n}\n.kindLine_ea5aca1cb0.colorNegative_1a9ca1f15d svg path {\n  fill: var(--negative-color);\n}\n.kindLine_ea5aca1cb0.colorNegative_1a9ca1f15d.clickable_a9d696389b:hover, .kindLine_ea5aca1cb0.colorNegative_1a9ca1f15d.clickable_a9d696389b:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_ea5aca1cb0.colorPositive_f25b3f4ab4 {\n  color: var(--positive-color);\n}\n.kindLine_ea5aca1cb0.colorPositive_f25b3f4ab4 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_ea5aca1cb0.colorPositive_f25b3f4ab4.clickable_a9d696389b:hover, .kindLine_ea5aca1cb0.colorPositive_f25b3f4ab4.clickable_a9d696389b:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_ea5aca1cb0 .smallText_3dfc23c124 {\n  line-height: 14px;\n}");export{a as default};
+var e={clickableWrapper:"clickableWrapper_81bd5df2eb","focus-visible":"focus-visible_15d580c73f",label:"label_88807eb06e",small:"small_97cc10c6b6",withLeg:"withLeg_948eeed3e4",legWrapper:"legWrapper_0852aac57d",kindFill:"kindFill_365f99cfa9",colorPrimary:"colorPrimary_d1b82bb03f",clickable:"clickable_ad6bdefcd6",colorDark:"colorDark_0d2370361c",colorNegative:"colorNegative_0cc447c47d",colorPositive:"colorPositive_4a60e994b3",kindLine:"kindLine_ced5a12cad",smallText:"smallText_0b765e7209"};!function(e){const c="s_id-642067f9ceae_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+c))return;const n=document.createElement("style");n.id=c,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_81bd5df2eb {\n  cursor: pointer;\n}\n.clickableWrapper_81bd5df2eb:focus-visible, .clickableWrapper_81bd5df2eb.focus-visible_15d580c73f {\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.clickableWrapper_81bd5df2eb:focus:not(.focus-visible_15d580c73f) {\n  outline: none;\n}\n.clickableWrapper_81bd5df2eb:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_88807eb06e {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_88807eb06e.small_97cc10c6b6 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_948eeed3e4 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_0852aac57d {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_365f99cfa9.colorPrimary_d1b82bb03f {\n  background-color: var(--primary-color);\n}\n.kindFill_365f99cfa9.colorPrimary_d1b82bb03f svg path {\n  fill: var(--primary-color);\n}\n.kindFill_365f99cfa9.colorPrimary_d1b82bb03f.clickable_ad6bdefcd6:hover, .kindFill_365f99cfa9.colorPrimary_d1b82bb03f.clickable_ad6bdefcd6:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_365f99cfa9.colorDark_0d2370361c {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_365f99cfa9.colorDark_0d2370361c svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_365f99cfa9.colorNegative_0cc447c47d {\n  background-color: var(--negative-color);\n}\n.kindFill_365f99cfa9.colorNegative_0cc447c47d svg path {\n  fill: var(--negative-color);\n}\n.kindFill_365f99cfa9.colorNegative_0cc447c47d.clickable_ad6bdefcd6:hover, .kindFill_365f99cfa9.colorNegative_0cc447c47d.clickable_ad6bdefcd6:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_365f99cfa9.colorPositive_4a60e994b3 {\n  background-color: var(--positive-color);\n}\n.kindFill_365f99cfa9.colorPositive_4a60e994b3 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_365f99cfa9.colorPositive_4a60e994b3.clickable_ad6bdefcd6:hover, .kindFill_365f99cfa9.colorPositive_4a60e994b3.clickable_ad6bdefcd6:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_ced5a12cad {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_ced5a12cad .legWrapper_0852aac57d {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_ced5a12cad.colorPrimary_d1b82bb03f {\n  color: var(--primary-color);\n}\n.kindLine_ced5a12cad.colorPrimary_d1b82bb03f svg path {\n  fill: var(--primary-color);\n}\n.kindLine_ced5a12cad.colorPrimary_d1b82bb03f.clickable_ad6bdefcd6:hover, .kindLine_ced5a12cad.colorPrimary_d1b82bb03f.clickable_ad6bdefcd6:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ced5a12cad.colorDark_0d2370361c {\n  color: var(--inverted-color-background);\n}\n.kindLine_ced5a12cad.colorDark_0d2370361c svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_ced5a12cad.colorDark_0d2370361c.clickable_ad6bdefcd6:hover, .kindLine_ced5a12cad.colorDark_0d2370361c.clickable_ad6bdefcd6:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ced5a12cad.colorNegative_0cc447c47d {\n  color: var(--negative-color);\n}\n.kindLine_ced5a12cad.colorNegative_0cc447c47d svg path {\n  fill: var(--negative-color);\n}\n.kindLine_ced5a12cad.colorNegative_0cc447c47d.clickable_ad6bdefcd6:hover, .kindLine_ced5a12cad.colorNegative_0cc447c47d.clickable_ad6bdefcd6:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_ced5a12cad.colorPositive_4a60e994b3 {\n  color: var(--positive-color);\n}\n.kindLine_ced5a12cad.colorPositive_4a60e994b3 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_ced5a12cad.colorPositive_4a60e994b3.clickable_ad6bdefcd6:hover, .kindLine_ced5a12cad.colorPositive_4a60e994b3.clickable_ad6bdefcd6:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_ced5a12cad .smallText_0b765e7209 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useRef as c,useState as a,useCallback as r,forwardRef as o,cloneElement as n}from"react";import i from"classnames";import s from"../../hooks/useResizeObserver.js";import l from"./LabelCelebrationAnimation.module.scss.js";var m=4,d=1;function h(h){var u=h.children,f=h.onAnimationEnd,v=c(),p=c(),b=a(),E=e(b,2),k=E[0],A=E[1],g=r((function(e){var t=e.borderBoxSize||{},c=t.blockSize,a=t.inlineSize;if(v.current){var r=function(e){var t=e.width,c=e.height,a=e.borderRadius,r=void 0===a?m:a,o=e.strokeWidth,n=void 0===o?d:o,i=n/2;return"M ".concat(t-n/2,", ").concat(r," V ").concat(c-r," A ").concat(r," ").concat(r," 0 0 1 ").concat(t-r," ").concat(c-n/2," H ").concat(r+i," A ").concat(r," ").concat(r," 0 0 1 ").concat(n/2," ").concat(c-r," V ").concat(r+i," A ").concat(r," ").concat(r," 0 0 1 ").concat(r," ").concat(n/2," L ").concat(t-r,", ").concat(n/2," A ").concat(r," ").concat(r," 0 0 1 ").concat(t-n/2," ").concat(r," Z")}({width:a,height:c});A(r);var o=function(e){var t=e.width,c=e.height,a=e.borderRadius,r=void 0===a?m:a,o=t-2*r,n=c-2*r;return 2*Math.PI*r+2*o+2*n}({width:a,height:c});v.current.style.setProperty("--container-perimeter",o+"")}}),[]);s({ref:v,callback:g,debounceTime:0});var N=o((function(e,t){return n(u,{ref:t})}));return t.createElement("div",{className:l.celebration,ref:v},t.createElement("svg",{className:l.svg},t.createElement("path",{className:i(l.stroke,l.base),d:k}),t.createElement("path",{className:i(l.stroke,l.first),d:k}),t.createElement("path",{className:i(l.stroke,l.second),d:k}),t.createElement("path",{className:i(l.stroke,l.third),d:k,onAnimationEnd:f})),t.createElement(N,{ref:p}))}export{h as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useRef as c,useState as a,useCallback as r,forwardRef as n,cloneElement as o}from"react";import i from"classnames";import s from"./LabelCelebrationAnimation.module.scss.js";import l from"../../../hooks/dist/useResizeObserver/index.js";var m=4,d=1;function h(h){var u=h.children,f=h.onAnimationEnd,v=c(),p=c(),b=a(),E=e(b,2),k=E[0],A=E[1],g=r((function(e){var t=e.borderBoxSize||{},c=t.blockSize,a=t.inlineSize;if(v.current){var r=function(e){var t=e.width,c=e.height,a=e.borderRadius,r=void 0===a?m:a,n=e.strokeWidth,o=void 0===n?d:n,i=o/2;return"M ".concat(t-o/2,", ").concat(r," V ").concat(c-r," A ").concat(r," ").concat(r," 0 0 1 ").concat(t-r," ").concat(c-o/2," H ").concat(r+i," A ").concat(r," ").concat(r," 0 0 1 ").concat(o/2," ").concat(c-r," V ").concat(r+i," A ").concat(r," ").concat(r," 0 0 1 ").concat(r," ").concat(o/2," L ").concat(t-r,", ").concat(o/2," A ").concat(r," ").concat(r," 0 0 1 ").concat(t-o/2," ").concat(r," Z")}({width:a,height:c});A(r);var n=function(e){var t=e.width,c=e.height,a=e.borderRadius,r=void 0===a?m:a,n=t-2*r,o=c-2*r;return 2*Math.PI*r+2*n+2*o}({width:a,height:c});v.current.style.setProperty("--container-perimeter",n+"")}}),[]);l({ref:v,callback:g,debounceTime:0});var N=n((function(e,t){return o(u,{ref:t})}));return t.createElement("div",{className:s.celebration,ref:v},t.createElement("svg",{className:s.svg},t.createElement("path",{className:i(s.stroke,s.base),d:k}),t.createElement("path",{className:i(s.stroke,s.first),d:k}),t.createElement("path",{className:i(s.stroke,s.second),d:k}),t.createElement("path",{className:i(s.stroke,s.third),d:k,onAnimationEnd:f})),t.createElement(N,{ref:p}))}export{h as default};
 //# sourceMappingURL=LabelCelebrationAnimation.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LabelCelebrationAnimation.js","sources":["../../../../src/components/Label/LabelCelebrationAnimation.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useCallback, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useResizeObserver from \"~~../../~~hooks~~/useResizeObserver~~\";\nimport styles from \"./LabelCelebrationAnimation.module.scss\";\n\nconst DEFAULT_BORDER_RADIUS = 4;\nconst DEFAULT_STROKE_WIDTH = 1;\n\nexport interface LabelCelebrationAnimationProps {\n /*\n The child component that will be wrapped by the animation.\n /\n children: React.ReactElement;\n /\n Callback fired when the celebration animation ends.\n /\n onAnimationEnd: () => void;\n}\n\nfunction LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps) {\n const wrapperRef = useRef<HTMLDivElement>();\n const childRef = useRef<HTMLDivElement>();\n\n const [path, setPath] = useState<string>();\n\n const resizeObserverCallback = useCallback(\n ({ borderBoxSize }: { borderBoxSize: { blockSize: number; inlineSize: number } }) => {\n const { blockSize: height, inlineSize: width } = borderBoxSize \|\| {};\n\n if (wrapperRef.current) {\n const d = getPath({ width, height });\n setPath(d);\n\n const perimeter = getPerimeter({ width, height });\n wrapperRef.current.style.setProperty(\"--container-perimeter\", String(perimeter));\n }\n },\n []\n );\n\n useResizeObserver({\n ref: wrapperRef,\n callback: resizeObserverCallback,\n debounceTime: 0\n });\n\n const ChildComponentWithRef = forwardRef((_props, ref) =>\n cloneElement(children, {\n ref\n })\n );\n\n return (\n <div className={styles.celebration} ref={wrapperRef}>\n <svg className={styles.svg}>\n <path className={cx(styles.stroke, styles.base)} d={path} />\n <path className={cx(styles.stroke, styles.first)} d={path} />\n <path className={cx(styles.stroke, styles.second)} d={path} />\n <path className={cx(styles.stroke, styles.third)} d={path} onAnimationEnd={onAnimationEnd} />\n </svg>\n <ChildComponentWithRef ref={childRef} />\n </div>\n );\n}\n\nexport default LabelCelebrationAnimation;\n\nfunction getPath({\n width,\n height,\n borderRadius = DEFAULT_BORDER_RADIUS,\n strokeWidth = DEFAULT_STROKE_WIDTH\n}: {\n width: number;\n height: number;\n borderRadius?: number;\n strokeWidth?: number;\n}) {\n const offset = strokeWidth / 2;\n\n return `M ${width - strokeWidth / 2}, ${borderRadius} V ${\n height - borderRadius\n } A ${borderRadius} ${borderRadius} 0 0 1 ${width - borderRadius} ${height - strokeWidth / 2} H ${\n borderRadius + offset\n } A ${borderRadius} ${borderRadius} 0 0 1 ${strokeWidth / 2} ${height - borderRadius} V ${\n borderRadius + offset\n } A ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${strokeWidth / 2} L ${width - borderRadius}, ${\n strokeWidth / 2\n } A ${borderRadius} ${borderRadius} 0 0 1 ${width - strokeWidth / 2} ${borderRadius} Z`;\n}\n\nfunction getPerimeter({\n width,\n height,\n borderRadius = DEFAULT_BORDER_RADIUS\n}: {\n width: number;\n height: number;\n borderRadius?: number;\n}) {\n const straightWidth = width - 2 borderRadius;\n const straightHeight = height - 2 * borderRadius;\n const cornerCircumference = 2 * Math.PI * borderRadius;\n return cornerCircumference + 2 * straightWidth + 2 * straightHeight;\n}\n"],"names":["DEFAULT_BORDER_RADIUS","DEFAULT_STROKE_WIDTH","LabelCelebrationAnimation","_ref","children","onAnimationEnd","wrapperRef","useRef","childRef","_useState","useState","_useState2","_slicedToArray","path","setPath","resizeObserverCallback","useCallback","_ref2","_ref3","borderBoxSize","height","blockSize","width","inlineSize","current","d","_ref4","_ref4$borderRadius","borderRadius","_ref4$strokeWidth","strokeWidth","offset","concat","getPath","perimeter","_ref5","_ref5$borderRadius","straightWidth","straightHeight","Math","PI","getPerimeter","style","setProperty","String","useResizeObserver","ref","callback","debounceTime","ChildComponentWithRef","forwardRef","_props","cloneElement","React","createElement","className","styles","celebration","svg","cx","stroke","base","first","second","third"],"mappings":"~~sTAKA~~,IAAMA,EAAwB,EACxBC,EAAuB,EAa7B,SAASC,EAAyBC,GAA6D,IAA1DC,EAAQD,EAARC,SAAUC,EAAcF,EAAdE,eACvCC,EAAaC,IACbC,EAAWD,IAEjBE,EAAwBC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAyBC,GAC7B,SAAAC,GAAoF,IAClFC,EADcD,EAAbE,eACiE,CAAE,EAAjDC,EAAMF,EAAjBG,UAA+BC,EAAKJ,EAAjBK,WAE3B,GAAIjB,EAAWkB,QAAS,CACtB,IAAMC,EAqCd,SAAgBC,GAUf,IATCJ,EAAKI,EAALJ,MACAF,EAAMM,EAANN,OAAMO,EAAAD,EACNE,aAAAA,OAAe5B,IAAH2B,EAAG3B,EAAqB2B,EAAAE,EAAAH,EACpCI,YAAAA,OAAc7B,IAAH4B,EAAG5B,EAAoB4B,EAO5BE,EAASD,EAAc,EAE7B,MAAAE,KAAAA,OAAYV,EAAQQ,EAAc,EAACE,MAAAA,OAAKJ,EAAYI,OAAAA,OAClDZ,EAASQ,EACXI,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUV,EAAQM,EAAY,KAAAI,OAAIZ,EAASU,EAAc,EAAC,OAAAE,OAC1FJ,EAAeG,EACjB,OAAAC,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUF,EAAc,EAAC,KAAAE,OAAIZ,EAASQ,EAAYI,OAAAA,OAClFJ,EAAeG,EACjBC,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUJ,EAAYI,KAAAA,OAAIF,EAAc,EAACE,OAAAA,OAAMV,EAAQM,EAAY,MAAAI,OACnGF,EAAc,EAChB,OAAAE,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUV,EAAQQ,EAAc,EAAC,KAAAE,OAAIJ,EAAY,KACrF,CA3DkBK,CAAQ,CAAEX,MAAAA,EAAOF,OAAAA,IAC3BN,EAAQW,GAER,IAAMS,EA0Dd,SAAqBC,GAQpB,IAPCb,EAAKa,EAALb,MACAF,EAAMe,EAANf,OAAMgB,EAAAD,EACNP,aAAAA,OAAe5B,IAAHoC,EAAGpC,EAAqBoC,EAM9BC,EAAgBf,EAAQ,EAAIM,EAC5BU,EAAiBlB,EAAS,EAAIQ,EAEpC,OAD4B,EAAIW,KAAKC,GAAKZ,EACb,EAAIS,EAAgB,EAAIC,CACvD,CAvE0BG,CAAa,CAAEnB,MAAAA,EAAOF,OAAAA,IACxCd,EAAWkB,QAAQkB,MAAMC,YAAY,wBAAgCT,EAAPU,GAC/D,CACF,GACD,IAGFC,EAAkB,CAChBC,IAAKxC,EACLyC,SAAUhC,EACViC,aAAc,IAGhB,IAAMC,EAAwBC,GAAW,SAACC,EAAQL,GAAG,OACnDM,EAAahD,EAAU,CACrB0C,IAAAA,OAIJ,OACEO,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,YAAaX,IAAKxC,GACvC+C,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOE,KACrBL,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOK,MAAOpC,EAAGZ,IACpDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOM,OAAQrC,EAAGZ,IACrDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOO,QAAStC,EAAGZ,IACtDwC,EAAMC,cAAA,OAAA,CAAAC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOQ,OAAQvC,EAAGZ,EAAMR,eAAgBA,KAE7EgD,EAACC,cAAAL,GAAsBH,IAAKtC,IAGlC"}
1	+ {"version":3,"file":"LabelCelebrationAnimation.js","sources":["../../../../src/components/Label/LabelCelebrationAnimation.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useCallback, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { useResizeObserver } from \"@vibe/hooks\";\nimport styles from \"./LabelCelebrationAnimation.module.scss\";\n\nconst DEFAULT_BORDER_RADIUS = 4;\nconst DEFAULT_STROKE_WIDTH = 1;\n\nexport interface LabelCelebrationAnimationProps {\n /*\n The child component that will be wrapped by the animation.\n /\n children: React.ReactElement;\n /\n Callback fired when the celebration animation ends.\n /\n onAnimationEnd: () => void;\n}\n\nfunction LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps) {\n const wrapperRef = useRef<HTMLDivElement>();\n const childRef = useRef<HTMLDivElement>();\n\n const [path, setPath] = useState<string>();\n\n const resizeObserverCallback = useCallback(\n ({ borderBoxSize }: { borderBoxSize: { blockSize: number; inlineSize: number } }) => {\n const { blockSize: height, inlineSize: width } = borderBoxSize \|\| {};\n\n if (wrapperRef.current) {\n const d = getPath({ width, height });\n setPath(d);\n\n const perimeter = getPerimeter({ width, height });\n wrapperRef.current.style.setProperty(\"--container-perimeter\", String(perimeter));\n }\n },\n []\n );\n\n useResizeObserver({\n ref: wrapperRef,\n callback: resizeObserverCallback,\n debounceTime: 0\n });\n\n const ChildComponentWithRef = forwardRef((_props, ref) =>\n cloneElement(children, {\n ref\n })\n );\n\n return (\n <div className={styles.celebration} ref={wrapperRef}>\n <svg className={styles.svg}>\n <path className={cx(styles.stroke, styles.base)} d={path} />\n <path className={cx(styles.stroke, styles.first)} d={path} />\n <path className={cx(styles.stroke, styles.second)} d={path} />\n <path className={cx(styles.stroke, styles.third)} d={path} onAnimationEnd={onAnimationEnd} />\n </svg>\n <ChildComponentWithRef ref={childRef} />\n </div>\n );\n}\n\nexport default LabelCelebrationAnimation;\n\nfunction getPath({\n width,\n height,\n borderRadius = DEFAULT_BORDER_RADIUS,\n strokeWidth = DEFAULT_STROKE_WIDTH\n}: {\n width: number;\n height: number;\n borderRadius?: number;\n strokeWidth?: number;\n}) {\n const offset = strokeWidth / 2;\n\n return `M ${width - strokeWidth / 2}, ${borderRadius} V ${\n height - borderRadius\n } A ${borderRadius} ${borderRadius} 0 0 1 ${width - borderRadius} ${height - strokeWidth / 2} H ${\n borderRadius + offset\n } A ${borderRadius} ${borderRadius} 0 0 1 ${strokeWidth / 2} ${height - borderRadius} V ${\n borderRadius + offset\n } A ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${strokeWidth / 2} L ${width - borderRadius}, ${\n strokeWidth / 2\n } A ${borderRadius} ${borderRadius} 0 0 1 ${width - strokeWidth / 2} ${borderRadius} Z`;\n}\n\nfunction getPerimeter({\n width,\n height,\n borderRadius = DEFAULT_BORDER_RADIUS\n}: {\n width: number;\n height: number;\n borderRadius?: number;\n}) {\n const straightWidth = width - 2 borderRadius;\n const straightHeight = height - 2 * borderRadius;\n const cornerCircumference = 2 * Math.PI * borderRadius;\n return cornerCircumference + 2 * straightWidth + 2 * straightHeight;\n}\n"],"names":["DEFAULT_BORDER_RADIUS","DEFAULT_STROKE_WIDTH","LabelCelebrationAnimation","_ref","children","onAnimationEnd","wrapperRef","useRef","childRef","_useState","useState","_useState2","_slicedToArray","path","setPath","resizeObserverCallback","useCallback","_ref2","_ref3","borderBoxSize","height","blockSize","width","inlineSize","current","d","_ref4","_ref4$borderRadius","borderRadius","_ref4$strokeWidth","strokeWidth","offset","concat","getPath","perimeter","_ref5","_ref5$borderRadius","straightWidth","straightHeight","Math","PI","getPerimeter","style","setProperty","String","useResizeObserver","ref","callback","debounceTime","ChildComponentWithRef","forwardRef","_props","cloneElement","React","createElement","className","styles","celebration","svg","cx","stroke","base","first","second","third"],"mappings":"oUAKA,IAAMA,EAAwB,EACxBC,EAAuB,EAa7B,SAASC,EAAyBC,GAA6D,IAA1DC,EAAQD,EAARC,SAAUC,EAAcF,EAAdE,eACvCC,EAAaC,IACbC,EAAWD,IAEjBE,EAAwBC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAyBC,GAC7B,SAAAC,GAAoF,IAClFC,EADcD,EAAbE,eACiE,CAAE,EAAjDC,EAAMF,EAAjBG,UAA+BC,EAAKJ,EAAjBK,WAE3B,GAAIjB,EAAWkB,QAAS,CACtB,IAAMC,EAqCd,SAAgBC,GAUf,IATCJ,EAAKI,EAALJ,MACAF,EAAMM,EAANN,OAAMO,EAAAD,EACNE,aAAAA,OAAe5B,IAAH2B,EAAG3B,EAAqB2B,EAAAE,EAAAH,EACpCI,YAAAA,OAAc7B,IAAH4B,EAAG5B,EAAoB4B,EAO5BE,EAASD,EAAc,EAE7B,MAAAE,KAAAA,OAAYV,EAAQQ,EAAc,EAACE,MAAAA,OAAKJ,EAAYI,OAAAA,OAClDZ,EAASQ,EACXI,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUV,EAAQM,EAAY,KAAAI,OAAIZ,EAASU,EAAc,EAAC,OAAAE,OAC1FJ,EAAeG,EACjB,OAAAC,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUF,EAAc,EAAC,KAAAE,OAAIZ,EAASQ,EAAYI,OAAAA,OAClFJ,EAAeG,EACjBC,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUJ,EAAYI,KAAAA,OAAIF,EAAc,EAACE,OAAAA,OAAMV,EAAQM,EAAY,MAAAI,OACnGF,EAAc,EAChB,OAAAE,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUV,EAAQQ,EAAc,EAAC,KAAAE,OAAIJ,EAAY,KACrF,CA3DkBK,CAAQ,CAAEX,MAAAA,EAAOF,OAAAA,IAC3BN,EAAQW,GAER,IAAMS,EA0Dd,SAAqBC,GAQpB,IAPCb,EAAKa,EAALb,MACAF,EAAMe,EAANf,OAAMgB,EAAAD,EACNP,aAAAA,OAAe5B,IAAHoC,EAAGpC,EAAqBoC,EAM9BC,EAAgBf,EAAQ,EAAIM,EAC5BU,EAAiBlB,EAAS,EAAIQ,EAEpC,OAD4B,EAAIW,KAAKC,GAAKZ,EACb,EAAIS,EAAgB,EAAIC,CACvD,CAvE0BG,CAAa,CAAEnB,MAAAA,EAAOF,OAAAA,IACxCd,EAAWkB,QAAQkB,MAAMC,YAAY,wBAAgCT,EAAPU,GAC/D,CACF,GACD,IAGFC,EAAkB,CAChBC,IAAKxC,EACLyC,SAAUhC,EACViC,aAAc,IAGhB,IAAMC,EAAwBC,GAAW,SAACC,EAAQL,GAAG,OACnDM,EAAahD,EAAU,CACrB0C,IAAAA,OAIJ,OACEO,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,YAAaX,IAAKxC,GACvC+C,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOE,KACrBL,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOK,MAAOpC,EAAGZ,IACpDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOM,OAAQrC,EAAGZ,IACrDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOO,QAAStC,EAAGZ,IACtDwC,EAAMC,cAAA,OAAA,CAAAC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOQ,OAAQvC,EAAGZ,EAAMR,eAAgBA,KAE7EgD,EAACC,cAAAL,GAAsBH,IAAKtC,IAGlC"}

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_e881476444",svg:"svg_37e81efaa0",stroke:"stroke_b291fe3328","stroke-rotate":"stroke-rotate_2b175c574e",base:"base_b92f65b8a5",fade:"fade_5a20fdc039",first:"first_160a048c92",second:"second_b1f542f0fa",third:"third_878a157c11","gradient-text-fill":"gradient-text-fill_a33a23b599"};!function(e){const n="s_id-cc5df975abc6_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_e881476444 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_e881476444 .svg_37e81efaa0 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_e881476444 .svg_37e81efaa0 .stroke_b291fe3328 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_2b175c574e cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_e881476444 .svg_37e81efaa0 .stroke_b291fe3328.base_b92f65b8a5 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_5a20fdc039 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_e881476444 .svg_37e81efaa0 .stroke_b291fe3328.first_160a048c92 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_e881476444 .svg_37e81efaa0 .stroke_b291fe3328.second_b1f542f0fa {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_e881476444 .svg_37e81efaa0 .stroke_b291fe3328.third_878a157c11 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_e881476444.celebration_e881476444 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_a33a23b599 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_5a20fdc039 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_2b175c574e {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_a33a23b599 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_92cffcde31",svg:"svg_d3469c8fcd",stroke:"stroke_b7be9c09f7","stroke-rotate":"stroke-rotate_f2889ea1fe",base:"base_05b41130f9",fade:"fade_b12880c068",first:"first_2eb51292c4",second:"second_ad6ad8b68f",third:"third_f5b2edbd1b","gradient-text-fill":"gradient-text-fill_2d7cf651a0"};!function(e){const n="s_id-cc5df975abc6_3_83_0";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)}(".celebration_92cffcde31 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_92cffcde31 .svg_d3469c8fcd {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_92cffcde31 .svg_d3469c8fcd .stroke_b7be9c09f7 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_f2889ea1fe cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_92cffcde31 .svg_d3469c8fcd .stroke_b7be9c09f7.base_05b41130f9 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_b12880c068 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_92cffcde31 .svg_d3469c8fcd .stroke_b7be9c09f7.first_2eb51292c4 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_92cffcde31 .svg_d3469c8fcd .stroke_b7be9c09f7.second_ad6ad8b68f {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_92cffcde31 .svg_d3469c8fcd .stroke_b7be9c09f7.third_f5b2edbd1b {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_92cffcde31.celebration_92cffcde31 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_2d7cf651a0 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_b12880c068 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_f2889ea1fe {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_2d7cf651a0 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Label/LabelConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import i from"../Text/Text.js";import{ContentColorByName as t}from"../../utils/colors-vars-map.js";var s,e;!function(i){i.FILL="fill",i.LINE="line"}(s||(s={})),function(i){i.PRIMARY="primary",i.DARK="dark",i.NEGATIVE="negative",i.POSITIVE="positive"}(e||(e={}));var r=Object.assign(Object.assign({},e),t),a={small:i.types.TEXT3,medium:i.types.TEXT2};export{r as LabelAllowedColor,e as LabelColor,s as LabelKind,a as mapSizesToTextSize};
+import{ContentColorByName as t}from"../../utils/colors-vars-map.js";import i from"../../../components/typography/dist/Text/Text.js";var s,e;!function(t){t.FILL="fill",t.LINE="line"}(s||(s={})),function(t){t.PRIMARY="primary",t.DARK="dark",t.NEGATIVE="negative",t.POSITIVE="positive"}(e||(e={}));var o=Object.assign(Object.assign({},e),t),r={small:i.types.TEXT3,medium:i.types.TEXT2};export{o as LabelAllowedColor,e as LabelColor,s as LabelKind,r as mapSizesToTextSize};
 //# sourceMappingURL=LabelConstants.js.map

package/dist/src/components/Label/LabelConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { type TextType } from \"~~../Text~~/~~Text.types~~\";\nimport ~~Text from \"../Text/Text\";\nimport~~ { type LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/*\n @deprecated\n /\nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/\n @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n ...LabelColor,\n ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: Text.types.TEXT3,\n medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"~~uGAQYA~~,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}
1	+ {"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { Text, type TextType } from \"@vibe/typography\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/*\n @deprecated\n /\nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/\n @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n ...LabelColor,\n ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: Text.types.TEXT3,\n medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"wIAOYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_8c06becd14",overlay:"overlay_6454b12b50","overlay-fade-out":"overlay-fade-out_b9d2a69f0b","overlay-fade-in":"overlay-fade-in_5a20fdc039",dialog:"dialog_be5c176bc4",default:"default_e690cf77c4",full:"full_41adde5bdc",spacing:"spacing_8814489dbb"};!function(n){const e="s_id-fe267e23c74c_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_8c06becd14,\n.overlay_6454b12b50 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_8c06becd14 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_8c06becd14[aria-hidden=true] {\n  display: none;\n}\n\n.container_8c06becd14[aria-hidden=true] .overlay_6454b12b50 {\n  background-color: transparent;\n  animation: overlay-fade-out_b9d2a69f0b 70ms var(--motion-timing-enter);\n}\n\n.overlay_6454b12b50 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_5a20fdc039 70ms var(--motion-timing-enter);\n}\n\n.dialog_be5c176bc4 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_be5c176bc4.default_e690cf77c4 {\n  width: 520px;\n}\n\n.dialog_be5c176bc4.full_41adde5bdc {\n  width: 100vw;\n}\n\n.dialog_be5c176bc4.spacing_8814489dbb {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_5a20fdc039 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_b9d2a69f0b {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_cf7a287539",overlay:"overlay_7fab2f25a9","overlay-fade-out":"overlay-fade-out_8cab031fbf","overlay-fade-in":"overlay-fade-in_b12880c068",dialog:"dialog_3ee0e995d9",default:"default_e3bf160d2d",full:"full_b1a2ddd1eb",spacing:"spacing_224f6a9bc6"};!function(n){const e="s_id-fe267e23c74c_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_cf7a287539,\n.overlay_7fab2f25a9 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_cf7a287539 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_cf7a287539[aria-hidden=true] {\n  display: none;\n}\n\n.container_cf7a287539[aria-hidden=true] .overlay_7fab2f25a9 {\n  background-color: transparent;\n  animation: overlay-fade-out_8cab031fbf 70ms var(--motion-timing-enter);\n}\n\n.overlay_7fab2f25a9 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_b12880c068 70ms var(--motion-timing-enter);\n}\n\n.dialog_3ee0e995d9 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_3ee0e995d9.default_e3bf160d2d {\n  width: 520px;\n}\n\n.dialog_3ee0e995d9.full_b1a2ddd1eb {\n  width: 100vw;\n}\n\n.dialog_3ee0e995d9.spacing_224f6a9bc6 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_b12880c068 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_8cab031fbf {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import s from"classnames";import e from"../../Text/Text.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../tests/constants.js";import r from"./LegacyModalContent.module.scss.js";var m=function(m){var i=m.className,n=m.id,d=m.children;return t.createElement(e,{type:"text1",id:n,"data-testid":m["data-testid"]||a(o.MODAL_CONTENT,n),className:s(r.container,i),ellipsis:!1},d)};Object.assign(m,{displayName:"ModalContent"});export{m as default};
+import t from"react";import s from"classnames";import{getTestId as e}from"../../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import o from"./LegacyModalContent.module.scss.js";import r from"../../../../components/typography/dist/Text/Text.js";var m=function(m){var i=m.className,n=m.id,d=m.children;return t.createElement(r,{type:"text1",id:n,"data-testid":m["data-testid"]||e(a.MODAL_CONTENT,n),className:s(o.container,i),ellipsis:!1},d)};Object.assign(m,{displayName:"ModalContent"});export{m as default};
 //# sourceMappingURL=LegacyModalContent.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModalContent.js","sources":["../../../../../src/components/LegacyModal/LegacyModalContent/LegacyModalContent.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport Text from \"~~../../Text~~/~~Text~~\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./LegacyModalContent.module.scss\";\n\nexport interface LegacyModalContentProps extends VibeComponentProps {\n children: ReactElement \| ReactElement[] \| string;\n}\n\nconst LegacyModalContent: FC<LegacyModalContentProps> = ({ className, id, \"data-testid\": dataTestId, children }) => {\n return (\n <Text\n type=\"text1\"\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n className={cx(styles.container, className)}\n ellipsis={false}\n >\n {children}\n </Text>\n );\n};\n\nObject.assign(LegacyModalContent, {\n displayName: \"ModalContent\"\n});\n\nexport default LegacyModalContent;\n"],"names":["LegacyModalContent","_ref","className","id","children","React","createElement","Text","type","getTestId","ComponentDefaultTestId","MODAL_CONTENT","cx","styles","container","ellipsis","Object","assign","displayName"],"mappings":"~~+PAYA~~,IAAMA,EAAkD,SAAhCC,GAA2F,IAAxDC,EAASD,EAATC,UAAWC,EAAEF,EAAFE,GAA+BC,EAAQH,EAARG,SACnG,OACEC,EAACC,cAAAC,GACCC,KAAK,QACLL,GAAIA,gBAJyFF,EAAzB,gBAKzCQ,EAAUC,EAAuBC,cAAeR,GAC3ED,UAAWU,EAAGC,EAAOC,UAAWZ,GAChCa,UAAU,GAETX,EAGP,EAEAY,OAAOC,OAAOjB,EAAoB,CAChCkB,YAAa"}
1	+ {"version":3,"file":"LegacyModalContent.js","sources":["../../../../../src/components/LegacyModal/LegacyModalContent/LegacyModalContent.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./LegacyModalContent.module.scss\";\n\nexport interface LegacyModalContentProps extends VibeComponentProps {\n children: ReactElement \| ReactElement[] \| string;\n}\n\nconst LegacyModalContent: FC<LegacyModalContentProps> = ({ className, id, \"data-testid\": dataTestId, children }) => {\n return (\n <Text\n type=\"text1\"\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n className={cx(styles.container, className)}\n ellipsis={false}\n >\n {children}\n </Text>\n );\n};\n\nObject.assign(LegacyModalContent, {\n displayName: \"ModalContent\"\n});\n\nexport default LegacyModalContent;\n"],"names":["LegacyModalContent","_ref","className","id","children","React","createElement","Text","type","getTestId","ComponentDefaultTestId","MODAL_CONTENT","cx","styles","container","ellipsis","Object","assign","displayName"],"mappings":"gSAYA,IAAMA,EAAkD,SAAhCC,GAA2F,IAAxDC,EAASD,EAATC,UAAWC,EAAEF,EAAFE,GAA+BC,EAAQH,EAARG,SACnG,OACEC,EAACC,cAAAC,GACCC,KAAK,QACLL,GAAIA,gBAJyFF,EAAzB,gBAKzCQ,EAAUC,EAAuBC,cAAeR,GAC3ED,UAAWU,EAAGC,EAAOC,UAAWZ,GAChCa,UAAU,GAETX,EAGP,EAEAY,OAAOC,OAAOjB,EAAoB,CAChCkB,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_3f8a3c122d"};!function(e){const n="s_id-40a1f8a37338_3_82_2";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.container_3f8a3c122d {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_3f8a3c122d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_3f8a3c122d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_f93505d28f"};!function(e){const n="s_id-40a1f8a37338_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_f93505d28f {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_f93505d28f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_f93505d28f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_36395169a2"};!function(e){const t="s_id-9ff7e713f88b_3_82_2";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)}(".container_36395169a2 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_0cb1ca7a85"};!function(e){const t="s_id-9ff7e713f88b_3_83_0";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)}(".container_0cb1ca7a85 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"classnames";import s from"../../IconButton/IconButton.js";import{NOOP as o}from"../../../utils/function-utils.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import n from"../../Text/Text.js";import r from"../../Heading/Heading.js";import m from"./LegacyModalHeader.module.scss.js";import c from"../../../../components/layout/dist/Flex/Flex.js";import l from"../../../../components/icon/dist/Icon/Icon.js";import d from"../../../../icons/dist/react/CloseSmall.js";var p=function(p){var f=p.title,u=p.children,j=p.titleClassName,x=p.description,N=void 0===x?"":x,v=p.descriptionClassName,E=p.icon,g=p.closeModal,y=void 0===g?o:g,L=p.iconSize,C=void 0===L?24:L,H=p.iconClassName,I=p.closeButtonAriaLabel,B=void 0===I?"close":I,M=p.id,S=p["data-testid"];return e.createElement("div",{className:t(m.container,p.className),"data-testid":S||a(i.MODAL_HEADER,M)},u||e.createElement(c,{align:"start",gap:"small",className:j},E&&e.createElement(l,{className:t(m.icon,H),icon:E,iconType:"svg",iconSize:C,ignoreFocusStyle:!0}),e.createElement(r,{id:M,maxLines:2},f)),N&&e.createElement(n,{type:"text2",maxLines:2,className:t(m.description,v)},N),e.createElement("div",{className:t(m.closeButton)},e.createElement(s,{key:"xxs",onClick:y,ariaLabel:B,icon:d,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
+import e from"react";import t from"classnames";import{NOOP as o}from"../../../utils/function-utils.js";import{getTestId as s}from"../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import a from"./LegacyModalHeader.module.scss.js";import n from"../../../../components/layout/dist/Flex/Flex.js";import c from"../../../../components/icon/dist/Icon/Icon.js";import m from"../../../../components/typography/dist/Heading/Heading.js";import r from"../../../../components/typography/dist/Text/Text.js";import l from"../../../../components/icon-button/dist/IconButton/IconButton.js";import d from"../../../../icons/dist/react/CloseSmall.js";var p=function(p){var f=p.title,u=p.children,y=p.titleClassName,j=p.description,g=void 0===j?"":j,x=p.descriptionClassName,N=p.icon,v=p.closeModal,E=void 0===v?o:v,L=p.iconSize,C=void 0===L?24:L,H=p.iconClassName,I=p.closeButtonAriaLabel,b=void 0===I?"close":I,B=p.id,M=p["data-testid"];return e.createElement("div",{className:t(a.container,p.className),"data-testid":M||s(i.MODAL_HEADER,B)},u||e.createElement(n,{align:"start",gap:"small",className:y},N&&e.createElement(c,{className:t(a.icon,H),icon:N,iconType:"svg",iconSize:C,ignoreFocusStyle:!0}),e.createElement(m,{id:B,maxLines:2},f)),g&&e.createElement(r,{type:"text2",maxLines:2,className:t(a.description,x)},g),e.createElement("div",{className:t(a.closeButton)},e.createElement(l,{key:"xxs",onClick:E,ariaLabel:b,icon:d,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
 //# sourceMappingURL=LegacyModalHeader.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"~~../../IconButton~~/~~IconButton~~\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport ~~Text~~ ~~from \"../../~~Text~~/Text\";\nimport~~ Heading from \"~~../../Heading~~/~~Heading~~\";\nimport { Flex } from \"@vibe/layout\";\nimport styles from \"./LegacyModalHeader.module.scss\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n /*\n Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n /\n description?: ElementContent;\n /\n Icon to be rendered before the title\n /\n // icon?: string \| React.FunctionComponent<IconSubComponentProps> \| null;\n icon?: SubIcon;\n /\n Class name for the title\n /\n titleClassName?: string;\n /\n closes the Modal. No need to provide it, it is being provided by the modal\n /\n closeModal?: () => void;\n /\n Class name for the description\n /\n descriptionClassName?: string;\n /\n Size of the icon\n /\n iconSize?: number;\n /\n class name for the icon\n /\n iconClassName?: string;\n /\n Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n title: ElementContent;\n children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n title?: never;\n children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle \| LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader = ({\n className,\n title,\n children,\n titleClassName,\n description = \"\",\n descriptionClassName,\n icon,\n closeModal = NOOP,\n iconSize = 24,\n iconClassName,\n closeButtonAriaLabel = \"close\",\n id,\n \"data-testid\": dataTestId\n}: LegacyModalHeaderProps) => {\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {children ? (\n children\n ) : (\n <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n {icon && (\n <Icon\n className={cx(styles.icon, iconClassName)}\n icon={icon}\n iconType=\"svg\"\n iconSize={iconSize}\n ignoreFocusStyle\n />\n )}\n <Heading id={id} maxLines={2}>\n {title}\n </Heading>\n </Flex>\n )}\n {description && (\n <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n {description}\n </Text>\n )}\n\n <div className={cx(styles.closeButton)}>\n <IconButton\n key=\"xxs\"\n onClick={closeModal}\n ariaLabel={closeButtonAriaLabel}\n icon={CloseSmall}\n kind=\"tertiary\"\n size=\"small\"\n />\n </div>\n </div>\n );\n};\n\nObject.assign(LegacyModalHeader, {\n displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"~~kkBA8DA~~,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}
1	+ {"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { Text, Heading } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport styles from \"./LegacyModalHeader.module.scss\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n /*\n Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n /\n description?: ElementContent;\n /\n Icon to be rendered before the title\n /\n // icon?: string \| React.FunctionComponent<IconSubComponentProps> \| null;\n icon?: SubIcon;\n /\n Class name for the title\n /\n titleClassName?: string;\n /\n closes the Modal. No need to provide it, it is being provided by the modal\n /\n closeModal?: () => void;\n /\n Class name for the description\n /\n descriptionClassName?: string;\n /\n Size of the icon\n /\n iconSize?: number;\n /\n class name for the icon\n /\n iconClassName?: string;\n /\n Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n title: ElementContent;\n children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n title?: never;\n children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle \| LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader = ({\n className,\n title,\n children,\n titleClassName,\n description = \"\",\n descriptionClassName,\n icon,\n closeModal = NOOP,\n iconSize = 24,\n iconClassName,\n closeButtonAriaLabel = \"close\",\n id,\n \"data-testid\": dataTestId\n}: LegacyModalHeaderProps) => {\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {children ? (\n children\n ) : (\n <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n {icon && (\n <Icon\n className={cx(styles.icon, iconClassName)}\n icon={icon}\n iconType=\"svg\"\n iconSize={iconSize}\n ignoreFocusStyle\n />\n )}\n <Heading id={id} maxLines={2}>\n {title}\n </Heading>\n </Flex>\n )}\n {description && (\n <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n {description}\n </Text>\n )}\n\n <div className={cx(styles.closeButton)}>\n <IconButton\n key=\"xxs\"\n onClick={closeModal}\n ariaLabel={closeButtonAriaLabel}\n icon={CloseSmall}\n kind=\"tertiary\"\n size=\"small\"\n />\n </div>\n </div>\n );\n};\n\nObject.assign(LegacyModalHeader, {\n displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"sqBA6DA,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_e540a79b58",icon:"icon_b466949c64",description:"description_d7abc68a13",closeButton:"closeButton_9707732197"};!function(e){const n="s_id-f34f7b91e8f3_3_82_2";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.container_e540a79b58 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_e540a79b58 .icon_b466949c64 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_e540a79b58 .description_d7abc68a13 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_e540a79b58 .closeButton_9707732197 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_ea5973e686",icon:"icon_5b0ff21d6b",description:"description_349ccfe2b7",closeButton:"closeButton_e41d17bf5b"};!function(e){const n="s_id-f34f7b91e8f3_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_ea5973e686 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_ea5973e686 .icon_5b0ff21d6b {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_ea5973e686 .description_349ccfe2b7 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_ea5973e686 .closeButton_e41d17bf5b {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_5ffde00511","focus-visible":"focus-visible_5a4f9828a5",colorOnPrimary:"colorOnPrimary_dce46c41ba",colorOnInverted:"colorOnInverted_a8b9fcf800",text:"text_f117d695cd",inlineText:"inlineText_94e572d70b",inheritFontSize:"inheritFontSize_5345e3eadd",iconStart:"iconStart_18bc07f04c",iconEnd:"iconEnd_7f49c503cf"};!function(n){const e="s_id-6fcc93dacbaa_3_82_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.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.link_5ffde00511 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_5ffde00511:focus-visible, .link_5ffde00511.focus-visible_5a4f9828a5 {\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.link_5ffde00511:focus:not(.focus-visible_5a4f9828a5) {\n  outline: none;\n}\n.link_5ffde00511.colorOnPrimary_dce46c41ba {\n  color: var(--text-color-on-primary);\n}\n.link_5ffde00511.colorOnInverted_a8b9fcf800 {\n  color: var(--text-color-on-inverted);\n}\n.link_5ffde00511:hover .text_f117d695cd {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_5ffde00511.inlineText_94e572d70b {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_5ffde00511.inheritFontSize_5345e3eadd {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_18bc07f04c {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_7f49c503cf {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_18bc07f04c {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_7f49c503cf {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_42803b896a","focus-visible":"focus-visible_15d580c73f",colorOnPrimary:"colorOnPrimary_416e68de0d",colorOnInverted:"colorOnInverted_abc5cff04c",text:"text_d560e7df38",inlineText:"inlineText_7377b5cda0",inheritFontSize:"inheritFontSize_910fca3867",iconStart:"iconStart_65886569b1",iconEnd:"iconEnd_0924cbc782"};!function(n){const i="s_id-6fcc93dacbaa_3_83_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_42803b896a {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_42803b896a:focus-visible, .link_42803b896a.focus-visible_15d580c73f {\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.link_42803b896a:focus:not(.focus-visible_15d580c73f) {\n  outline: none;\n}\n.link_42803b896a.colorOnPrimary_416e68de0d {\n  color: var(--text-color-on-primary);\n}\n.link_42803b896a.colorOnInverted_abc5cff04c {\n  color: var(--text-color-on-inverted);\n}\n.link_42803b896a:hover .text_d560e7df38 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_42803b896a.inlineText_7377b5cda0 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_42803b896a.inheritFontSize_910fca3867 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_65886569b1 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_0924cbc782 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_65886569b1 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_0924cbc782 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={list:"list_6cad2630a9"};!function(e){const t="s_id-ed9bf484fec4_3_82_2";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_6cad2630a9 {\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_6cad2630a9::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_6cad2630a9::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_6f3f88da09"};!function(e){const t="s_id-ed9bf484fec4_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_6f3f88da09 {\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_6f3f88da09::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_6f3f88da09::-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_ce0fce8715"};!function(e){const n="s_id-6ed55dee5450_3_82_2";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_ce0fce8715 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_ce0fce8715::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_ce0fce8715::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_5fb4e7c706"};!function(e){const n="s_id-6ed55dee5450_3_83_0";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_5fb4e7c706 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_5fb4e7c706::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_5fb4e7c706::-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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import t,{forwardRef as s,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"es-toolkit";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import p from"../Text/Text.js";import{SELECTION_KEYS as d}from"../../constants/keyCodes.js";import{SIZES as c}from"../../constants/sizes.js";import{NOOP as u}from"../../utils/function-utils.js";import{withStaticProps as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import j from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import v from"../../hooks/useMergeRef.js";import{ListContext as k}from"../List/utils/ListContext.js";import{ListItemComponentType as h}from"./ListItemConstants.js";import x from"./ListItem.module.scss.js";var b=s((function(s,f){var h=s.className,b=s.id,y=s.component,L=void 0===y?"div":y,I=s.onClick,M=void 0===I?u:I,C=s.onHover,P=void 0===C?u:C,g=s.selected,F=s.disabled,N=void 0!==F&&F,z=s.size,E=void 0===z?c.SMALL:z,H=s.tabIndex,S=void 0===H?0:H,w=s.children,A=s["aria-current"],D=s["data-testid"],K=s.role,T=void 0===K?"option":K,_=s.tooltipProps,B=i(k).updateFocusedItem,O=r(null),Q=v(f,O);n((function(){g&&(null==B||B(b))}),[g,b,B]);var R=a((function(e){N||M(e,b)}),[N,M,b]);j({keys:d,ref:O,callback:R});var V=a((function(e){N||P(e,b)}),[N,P,b]);return t.createElement(p,{element:L,"data-testid":D||b,ref:Q,className:o(x.listItem,h,l(x,m(E)),e(e({},x.selected,g&&!N),x.disabled,N)),id:b,type:"text2","aria-disabled":N,"aria-selected":g,onClick:R,onMouseEnter:V,onFocus:V,role:T,tabIndex:S,"aria-current":A,tooltipProps:_},w)}));Object.assign(b,{displayName:"ListItem"});var y=f(b,{sizes:c,components:h});export{y as default};
+import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{forwardRef as s,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"es-toolkit";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{SELECTION_KEYS as p}from"../../constants/keyCodes.js";import{SIZES as d}from"../../constants/sizes.js";import{NOOP as c}from"../../utils/function-utils.js";import{withStaticProps as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import j from"../../hooks/useMergeRef.js";import{ListContext as v}from"../List/utils/ListContext.js";import{ListItemComponentType as k}from"./ListItemConstants.js";import h from"./ListItem.module.scss.js";import y from"../../../components/typography/dist/Text/Text.js";var x=s((function(s,u){var k=s.className,x=s.id,b=s.component,L=void 0===b?"div":b,I=s.onClick,M=void 0===I?c:I,C=s.onHover,g=void 0===C?c:C,P=s.selected,F=s.disabled,N=void 0!==F&&F,z=s.size,E=void 0===z?d.SMALL:z,H=s.tabIndex,S=void 0===H?0:H,w=s.children,A=s["aria-current"],D=s["data-testid"],K=s.role,T=void 0===K?"option":K,_=s.tooltipProps,B=i(v).updateFocusedItem,O=r(null),Q=j(u,O);n((function(){P&&(null==B||B(x))}),[P,x,B]);var R=a((function(o){N||M(o,x)}),[N,M,x]);f({keys:p,ref:O,callback:R});var V=a((function(o){N||g(o,x)}),[N,g,x]);return t.createElement(y,{element:L,"data-testid":D||x,ref:Q,className:e(h.listItem,k,l(h,m(E)),o(o({},h.selected,P&&!N),h.disabled,N)),id:x,type:"text2","aria-disabled":N,"aria-selected":P,onClick:R,onMouseEnter:V,onFocus:V,role:T,tabIndex:S,"aria-current":A,tooltipProps:_},w)}));Object.assign(x,{displayName:"ListItem"});var b=u(x,{sizes:d,components:k});export{b as default};
 //# sourceMappingURL=ListItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"~~../Text~~/~~Text~~\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"~~../Tooltip~~/~~Tooltip~~\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /*\n The HTML element used for the list item.\n /\n component?: ListItemElement;\n /\n The textual content inside the list item.\n /\n children?: ElementContent;\n /\n Callback fired when the item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, id: string) => void;\n /\n Callback fired when the item is hovered.\n /\n onHover?: (event: React.MouseEvent \| React.FocusEvent, id: string) => void;\n /\n If true, disables the item and prevents interactions.\n /\n disabled?: boolean;\n /\n If true, marks the item as selected.\n /\n selected?: boolean;\n /\n The size of the list item.\n /\n size?: ListItemSize;\n /\n The tab index of the list item for keyboard navigation.\n /\n tabIndex?: number;\n /\n Indicates the current state of the item in a set of items.\n /\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n /\n The ARIA role of the list item.\n /\n role?: AriaRole;\n /\n Props passed to the tooltip displayed when hovering over the text.\n */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId,\n role = \"option\",\n tooltipProps\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: componentOnClick\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent \| React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId \|\| id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role={role}\n tabIndex={tabIndex}\n aria-current={ariaCurrent}\n tooltipProps={tooltipProps}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListItem, {\n // Used by VirtualizedListItems\n displayName: \"ListItem\"\n});\n\ninterface ListItemStaticProps {\n sizes: typeof SIZES;\n components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemProps, ListItemStaticProps>(ListItem, {\n sizes: SIZES,\n components: ListItemComponentTypeEnum\n});\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName","withStaticProps","sizes","components","ListItemComponentTypeEnum"],"mappings":"~~ylCAuEA~~,IAAMA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBkC,EAAY,CACVC,KAAMC,EACNtC,IAAK4B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEuC,EAAAC,cAACC,EAAI,CACHC,QAASxC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW4C,EAAGC,EAAOC,SAAU9C,EAAW+C,EAASF,EAAQG,EAAUnC,IAAMoC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOpC,SAAWA,IAAaE,GAC/BkC,EAAOlC,SAAWA,IAErBV,GAAIA,EACJiD,KAAK,QAAO,gBACGvC,EACA,gBAAAF,EACfJ,QAAS2B,EACTmB,aAAcZ,EACda,QAASb,EACTjB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFmC,OAAOC,OAAO1D,EAAU,CAEtB2D,YAAa,aAQf,IAAeC,EAAAA,EAAoD5D,EAAU,CAC3E6D,MAAO3C,EACP4C,WAAYC"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /*\n The HTML element used for the list item.\n /\n component?: ListItemElement;\n /\n The textual content inside the list item.\n /\n children?: ElementContent;\n /\n Callback fired when the item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, id: string) => void;\n /\n Callback fired when the item is hovered.\n /\n onHover?: (event: React.MouseEvent \| React.FocusEvent, id: string) => void;\n /\n If true, disables the item and prevents interactions.\n /\n disabled?: boolean;\n /\n If true, marks the item as selected.\n /\n selected?: boolean;\n /\n The size of the list item.\n /\n size?: ListItemSize;\n /\n The tab index of the list item for keyboard navigation.\n /\n tabIndex?: number;\n /\n Indicates the current state of the item in a set of items.\n /\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n /\n The ARIA role of the list item.\n /\n role?: AriaRole;\n /\n Props passed to the tooltip displayed when hovering over the text.\n */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId,\n role = \"option\",\n tooltipProps\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: componentOnClick\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent \| React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId \|\| id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role={role}\n tabIndex={tabIndex}\n aria-current={ariaCurrent}\n tooltipProps={tooltipProps}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListItem, {\n // Used by VirtualizedListItems\n displayName: \"ListItem\"\n});\n\ninterface ListItemStaticProps {\n sizes: typeof SIZES;\n components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemProps, ListItemStaticProps>(ListItem, {\n sizes: SIZES,\n components: ListItemComponentTypeEnum\n});\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName","withStaticProps","sizes","components","ListItemComponentTypeEnum"],"mappings":"0nCAuEA,IAAMA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBkC,EAAY,CACVC,KAAMC,EACNtC,IAAK4B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEuC,EAAAC,cAACC,EAAI,CACHC,QAASxC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW4C,EAAGC,EAAOC,SAAU9C,EAAW+C,EAASF,EAAQG,EAAUnC,IAAMoC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOpC,SAAWA,IAAaE,GAC/BkC,EAAOlC,SAAWA,IAErBV,GAAIA,EACJiD,KAAK,QAAO,gBACGvC,EACA,gBAAAF,EACfJ,QAAS2B,EACTmB,aAAcZ,EACda,QAASb,EACTjB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFmC,OAAOC,OAAO1D,EAAU,CAEtB2D,YAAa,aAQf,IAAeC,EAAAA,EAAoD5D,EAAU,CAC3E6D,MAAO3C,EACP4C,WAAYC"}

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_df76b5025c","focus-visible":"focus-visible_e237238034",disabled:"disabled_2c946ae8e4",selected:"selected_62bd3a9359",small:"small_02ad66dccb",medium:"medium_c01f13c84f",large:"large_57a4eb3fa9"};!function(e){const n="s_id-8402a299d384_3_82_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_df76b5025c {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_df76b5025c:focus-visible, .listItem_df76b5025c.focus-visible_e237238034 {\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_df76b5025c:focus:not(.focus-visible_e237238034) {\n  outline: none;\n}\n.listItem_df76b5025c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_2c946ae8e4 {\n  cursor: not-allowed;\n}\n.disabled_2c946ae8e4:hover {\n  background-color: transparent;\n}\n.selected_62bd3a9359 {\n  background-color: var(--primary-selected-color);\n}\n.selected_62bd3a9359:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_02ad66dccb {\n  height: 32px;\n}\n.medium_c01f13c84f {\n  height: 40px;\n}\n.large_57a4eb3fa9 {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_bda0ba80fe","focus-visible":"focus-visible_e44348a99a",disabled:"disabled_b92446487a",selected:"selected_b3a52c7f10",small:"small_c372ff1258",medium:"medium_7146b46f13",large:"large_dd23184bab"};!function(e){const n="s_id-8402a299d384_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.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_bda0ba80fe {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_bda0ba80fe:focus-visible, .listItem_bda0ba80fe.focus-visible_e44348a99a {\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_bda0ba80fe:focus:not(.focus-visible_e44348a99a) {\n  outline: none;\n}\n.listItem_bda0ba80fe:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_b92446487a {\n  cursor: not-allowed;\n}\n.disabled_b92446487a:hover {\n  background-color: transparent;\n}\n.selected_b3a52c7f10 {\n  background-color: var(--primary-selected-color);\n}\n.selected_b3a52c7f10:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_c372ff1258 {\n  height: 32px;\n}\n.medium_7146b46f13 {\n  height: 40px;\n}\n.large_dd23184bab {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_6ba74da6fb",avatar:"avatar_d4ea0e2774"};!function(e){const t="s_id-64054545c9e6_3_82_2";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_6ba74da6fb {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_d4ea0e2774 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_1677e0dce2",avatar:"avatar_b9a51fe793"};!function(e){const t="s_id-64054545c9e6_3_83_0";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_1677e0dce2 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_b9a51fe793 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\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_6ba74da6fb",start:"start_2051cf2a4b",end:"end_8d798c5b0a"};!function(e){const t="s_id-0831d1bc0202_3_82_2";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.listItemIcon_6ba74da6fb {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_2051cf2a4b {\n  margin-right: var(--spacing-small);\n}\n.end_8d798c5b0a {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_1677e0dce2",start:"start_128a140670",end:"end_6cc7f49b7e"};!function(e){const t="s_id-0831d1bc0202_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_1677e0dce2 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_128a140670 {\n  margin-right: var(--spacing-small);\n}\n.end_6cc7f49b7e {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e from"classnames";import t,{forwardRef as a,useRef as s}from"react";import i from"../../hooks/useMergeRef.js";import r from"../Text/Text.js";import m from"./ListTitle.module.scss.js";var l=a((function(a,l){var o=a.className,d=a.id,n=a.children,c=a.tabIndex,f=a["data-testid"],p=s(null),u=i(l,p);return t.createElement(r,{type:"text1",weight:"medium","data-testid":f||d,"aria-level":3,tabIndex:c,role:"heading",ref:u,className:e(m.listTitle,o),id:d},n)}));Object.assign(l,{displayName:"ListTitle"});export{l as default};
+import e from"classnames";import t,{forwardRef as s,useRef as a}from"react";import i from"../../hooks/useMergeRef.js";import r from"./ListTitle.module.scss.js";import m from"../../../components/typography/dist/Text/Text.js";var o=s((function(s,o){var l=s.className,d=s.id,n=s.children,p=s.tabIndex,c=s["data-testid"],f=a(null),u=i(o,f);return t.createElement(m,{type:"text1",weight:"medium","data-testid":c||d,"aria-level":3,tabIndex:p,role:"heading",ref:u,className:e(r.listTitle,l),id:d},n)}));Object.assign(o,{displayName:"ListTitle"});export{o as default};
 //# sourceMappingURL=ListTitle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListTitle.js","sources":["../../../../src/components/ListTitle/ListTitle.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Text from \"~~../Text~~/~~Text~~\";\nimport styles from \"./ListTitle.module.scss\";\n\nexport interface ListTitleProps extends VibeComponentProps {\n /*\n The tab index for keyboard navigation.\n /\n tabIndex?: number;\n /\n The title text.\n */\n children?: string;\n}\n\nconst ListTitle: React.FC<ListTitleProps> = forwardRef(\n ({ className, id, children, tabIndex, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Text\n type=\"text1\"\n weight=\"medium\"\n data-testid={dataTestId \|\| id}\n aria-level={3}\n tabIndex={tabIndex}\n role=\"heading\"\n ref={mergedRef}\n className={cx(styles.listTitle, className)}\n id={id}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListTitle, {\n // Used by VirtualizedListItems\n displayName: \"ListTitle\"\n});\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","Text","type","weight","role","cx","styles","listTitle","Object","assign","displayName"],"mappings":"~~+LAkBMA~~,IAAAA,EAAsCC,GAC1C,SAAAC,EAAmEC,GAAO,IAAvEC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SAAyBC,EAAUN,EAAzB,eAC9BO,EAAeC,EAAO,MACtBC,EAAYC,EAAYT,EAAKM,GAEnC,OACEI,gBAACC,EAAI,CACHC,KAAK,QACLC,OAAO,uBACMR,GAAcH,EACf,aAAA,EACZE,SAAUA,EACVU,KAAK,UACLd,IAAKQ,EACLP,UAAWc,EAAGC,EAAOC,UAAWhB,GAChCC,GAAIA,GAEHC,EAGP,IAGFe,OAAOC,OAAOtB,EAAW,CAEvBuB,YAAa"}
1	+ {"version":3,"file":"ListTitle.js","sources":["../../../../src/components/ListTitle/ListTitle.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./ListTitle.module.scss\";\n\nexport interface ListTitleProps extends VibeComponentProps {\n /*\n The tab index for keyboard navigation.\n /\n tabIndex?: number;\n /\n The title text.\n */\n children?: string;\n}\n\nconst ListTitle: React.FC<ListTitleProps> = forwardRef(\n ({ className, id, children, tabIndex, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Text\n type=\"text1\"\n weight=\"medium\"\n data-testid={dataTestId \|\| id}\n aria-level={3}\n tabIndex={tabIndex}\n role=\"heading\"\n ref={mergedRef}\n className={cx(styles.listTitle, className)}\n id={id}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListTitle, {\n // Used by VirtualizedListItems\n displayName: \"ListTitle\"\n});\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","Text","type","weight","role","cx","styles","listTitle","Object","assign","displayName"],"mappings":"gOAkBMA,IAAAA,EAAsCC,GAC1C,SAAAC,EAAmEC,GAAO,IAAvEC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SAAyBC,EAAUN,EAAzB,eAC9BO,EAAeC,EAAO,MACtBC,EAAYC,EAAYT,EAAKM,GAEnC,OACEI,gBAACC,EAAI,CACHC,KAAK,QACLC,OAAO,uBACMR,GAAcH,EACf,aAAA,EACZE,SAAUA,EACVU,KAAK,UACLd,IAAKQ,EACLP,UAAWc,EAAGC,EAAOC,UAAWhB,GAChCC,GAAIA,GAEHC,EAGP,IAGFe,OAAOC,OAAOtB,EAAW,CAEvBuB,YAAa"}

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_819321a9f6"};!function(e){const t="s_id-d4e0bfe7508e_3_82_2";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_819321a9f6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_27a3fed72d"};!function(e){const t="s_id-d4e0bfe7508e_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_27a3fed72d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menu:"menu_ad3e75faa4",small:"small_a827421c8f",medium:"medium_6c1aa53dfe",large:"large_dc80279f8e"};!function(e){const n="s_id-1599ba0bb296_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_ad3e75faa4 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_ad3e75faa4:focus {\n  outline: none;\n}\n.small_a827421c8f {\n  width: 200px;\n}\n.medium_6c1aa53dfe {\n  width: 220px;\n}\n.large_dc80279f8e {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_aa56a30dec",small:"small_dae065d0d9",medium:"medium_d31538c376",large:"large_461ace07da"};!function(e){const n="s_id-1599ba0bb296_3_83_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_aa56a30dec {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_aa56a30dec:focus {\n  outline: none;\n}\n.small_dae065d0d9 {\n  width: 200px;\n}\n.medium_d31538c376 {\n  width: 220px;\n}\n.large_461ace07da {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as r}from"react";import l from"../../Tooltip/Tooltip.js";import n from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import{withStaticProps as s}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import a from"../../Label/Label.js";import c from"./MenuItem.module.scss.js";import p from"./components/BaseMenuItem/BaseMenuItem.js";import m from"./components/MenuItemIcon/MenuItemIcon.js";import{TooltipPositions as d}from"../../Tooltip/TooltipConstants.js";import u from"../../../../components/icon/dist/Icon/Icon.js";import b from"../../../../components/layout/dist/Flex/Flex.js";var g=t((function(t,s){var d=t.className,u=t.iconWrapperClassName,g=t.rightIconWrapperClassName,f=t.title,I=void 0===f?"":f,h=t.label,y=void 0===h?"":h,v=t.icon,C=void 0===v?"":v,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,T=t.rightIconBackgroundColor,w=t.rightIconAriaLabel,E=t.iconType,M=t.iconBackgroundColor,B=t.disabled,P=void 0!==B&&B,x=t.disableReason,O=t.selected,L=void 0!==O&&O,S=t.key,W=t.children,D=t.tooltipContent,R=t.tooltipPosition,A=void 0===R?"right":R,F=t.tooltipShowDelay,_=void 0===F?300:F,V=t.tooltipProps,q=t["aria-label"],z=e(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),G=i(),H=null!=q?q:I,J=null!=w?w:I,K=n({ref:G})||P||D,Q=r((function(){return P?x:D||I}),[x,P,I,D]),U=r((function(){if(y)return"string"==typeof y?o.createElement(a,{kind:"line",text:y}):o.isValidElement(y)&&y.type===a?y:void 0}),[y]);return o.createElement(l,Object.assign({content:K?Q:null,position:A,showDelay:_},V),o.createElement(p,Object.assign({key:S,ref:s,subMenu:W,className:d,disabled:P,selected:L},z),!!C&&o.createElement(m,{icon:C,type:E,label:H,disabled:P,selected:L,backgroundColor:M,wrapperClassName:u}),o.createElement("div",{ref:G,className:c.title},I),o.createElement(b,{gap:"xs"},!!k&&!W&&o.createElement(m,{icon:k,type:N,label:J,disabled:P,selected:L,backgroundColor:T,isRightIcon:!0,wrapperClassName:g}),U)))}));Object.assign(g,{isSelectable:!0,isMenuChild:!0});var f=s(g,{iconType:u.type,tooltipPositions:d});export{f as default};
+import{__rest as o}from"../../../../_virtual/_tslib.js";import e,{forwardRef as t,useRef as i,useMemo as s}from"react";import{withStaticProps as l}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import n from"../../Label/Label.js";import r from"./MenuItem.module.scss.js";import a from"./components/BaseMenuItem/BaseMenuItem.js";import c from"./components/MenuItemIcon/MenuItemIcon.js";import p from"../../../../components/icon/dist/Icon/Icon.js";import{TooltipPositions as m}from"../../../../components/tooltip/dist/Tooltip/TooltipConstants.js";import d from"../../../../hooks/dist/useIsOverflowing/index.js";import u from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import b from"../../../../components/layout/dist/Flex/Flex.js";var g=t((function(t,l){var p=t.className,m=t.iconWrapperClassName,g=t.rightIconWrapperClassName,f=t.title,I=void 0===f?"":f,h=t.label,y=void 0===h?"":h,v=t.icon,C=void 0===v?"":v,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,T=t.rightIconBackgroundColor,E=t.rightIconAriaLabel,w=t.iconType,M=t.iconBackgroundColor,P=t.disabled,x=void 0!==P&&P,B=t.disableReason,L=t.selected,O=void 0!==L&&L,S=t.key,W=t.children,D=t.tooltipContent,R=t.tooltipPosition,A=void 0===R?"right":R,F=t.tooltipShowDelay,_=void 0===F?300:F,V=t.tooltipProps,q=t["aria-label"],z=o(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),G=i(),H=null!=q?q:I,J=null!=E?E:I,K=d({ref:G})||x||D,Q=s((function(){return x?B:D||I}),[B,x,I,D]),U=s((function(){if(y)return"string"==typeof y?e.createElement(n,{kind:"line",text:y}):e.isValidElement(y)&&y.type===n?y:void 0}),[y]);return e.createElement(u,Object.assign({content:K?Q:null,position:A,showDelay:_},V),e.createElement(a,Object.assign({key:S,ref:l,subMenu:W,className:p,disabled:x,selected:O},z),!!C&&e.createElement(c,{icon:C,type:w,label:H,disabled:x,selected:O,backgroundColor:M,wrapperClassName:m}),e.createElement("div",{ref:G,className:r.title},I),e.createElement(b,{gap:"xs"},!!k&&!W&&e.createElement(c,{icon:k,type:N,label:J,disabled:x,selected:O,backgroundColor:T,isRightIcon:!0,wrapperClassName:g}),U)))}));Object.assign(g,{isSelectable:!0,isMenuChild:!0});var f=l(g,{iconType:p.type,tooltipPositions:m});export{f as default};
 //# sourceMappingURL=MenuItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport Tooltip, { type TooltipProps } from \"../../../components/Tooltip/Tooltip\";\nimport { type IconType, Icon, type SubIcon } from \"@vibe/icon\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions } from \"../../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../../Tooltip/TooltipConstants\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n /*\n The title of the menu item.\n /\n title?: string;\n /\n The label displayed alongside the title.\n /\n label?: string \| React.ReactElement<typeof Label>;\n /\n The icon displayed in the menu item.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The background color of the icon.\n /\n iconBackgroundColor?: string;\n /\n The right icon to be displayed.\n /\n rightIcon?: SubIcon;\n /\n The type of right icon.\n /\n rightIconType?: IconType;\n /\n The background color of the right icon.\n /\n rightIconBackgroundColor?: string;\n /\n Class name applied to the icon wrapper.\n /\n rightIconWrapperClassName?: string;\n /\n The label of the menu item for accessibility.\n /\n rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n /\n If true, the menu item is disabled.\n /\n disabled?: boolean;\n /\n The reason for disabling the item, shown in a tooltip.\n /\n disableReason?: string;\n /\n If true, the menu item is selected.\n /\n selected?: boolean;\n /\n Callback fired when the menu item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n /\n The active item index in the menu.\n /\n activeItemIndex?: number;\n /\n Callback to set the active item index.\n /\n setActiveItemIndex?: (index: number) => void;\n /\n The index of the menu item.\n /\n index?: number;\n /\n The key of the menu item.\n /\n key?: string;\n /\n If true, the parent menu is visible.\n /\n isParentMenuVisible?: boolean;\n /\n Callback to reset the open submenu index.\n /\n resetOpenSubMenuIndex?: () => void;\n /\n If true, a submenu is open.\n /\n hasOpenSubMenu?: boolean;\n /\n Callback to open or close a submenu by index.\n /\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /\n If true, document event listeners are used for handling interactions.\n /\n useDocumentEventListeners?: boolean;\n /\n The tooltip content for the menu item.\n /\n tooltipContent?: string;\n /\n The position of the tooltip.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n Additional props for customizing the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Callback fired when the mouse leaves the item.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse enters the item.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Class name applied to the icon wrapper.\n /\n iconWrapperClassName?: string;\n /\n If true, the menu item starts as selected.\n /\n isInitialSelectedState?: boolean;\n /\n If true, the menu scrolls to ensure visibility.\n /\n shouldScrollMenu?: boolean;\n /\n Function to close the menu with a given option.\n /\n closeMenu?: (option: CloseMenuOption) => void;\n /\n Reference to the menu container.\n /\n menuRef?: React.RefObject<HTMLElement>;\n /\n The submenu items, if applicable.\n /\n children?: MenuChild \| MenuChild[];\n /\n If true, enables a split menu item interaction where the main area triggers an action,\n * while the icon button opens the submenu.\n /\n splitMenuItem?: boolean;\n /\n The label of the menu item for accessibility.\n /\n \"aria-label\"?: AriaAttributes[\"aria-label\"];\n /\n The position of a submenu relative to the menu item.\n /\n submenuPosition?: SubmenuPosition;\n /\n If true, automatically repositions the submenu when its content changes.\n */\n autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n title: ReactElement;\n \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n (\n {\n className,\n iconWrapperClassName,\n rightIconWrapperClassName,\n title = \"\",\n label = \"\",\n icon = \"\",\n rightIcon = \"\",\n rightIconType,\n rightIconBackgroundColor,\n rightIconAriaLabel,\n iconType,\n iconBackgroundColor,\n disabled = false,\n disableReason,\n selected = false,\n key,\n children,\n tooltipContent,\n tooltipPosition = \"right\",\n tooltipShowDelay = 300,\n tooltipProps,\n \"aria-label\": ariaLabel,\n ...baseMenuProps\n }: MenuItemProps \| MenuItemTitleComponentProps,\n ref: ForwardedRef<HTMLElement>\n ) => {\n const titleRef = useRef();\n\n // if \"title\" is a component ariaLabel is mandatory\n const iconLabel = ariaLabel ?? (title as string);\n const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n const shouldShowTooltip = isTitleHoveredAndOverflowing \|\| disabled \|\| tooltipContent;\n\n const finalTooltipContent = useMemo(() => {\n if (disabled) return disableReason;\n if (tooltipContent) return tooltipContent;\n return title;\n }, [disableReason, disabled, title, tooltipContent]);\n\n const renderLabel = useMemo(() => {\n if (!label) return;\n if (typeof label === \"string\") {\n return <Label kind=\"line\" text={label} />;\n }\n if (React.isValidElement(label) && label.type === Label) {\n return label;\n }\n }, [label]);\n\n return (\n <Tooltip\n content={shouldShowTooltip ? finalTooltipContent : null}\n position={tooltipPosition}\n showDelay={tooltipShowDelay}\n {...tooltipProps}\n >\n <BaseMenuItem\n key={key}\n ref={ref}\n subMenu={children}\n className={className}\n disabled={disabled}\n selected={selected}\n {...baseMenuProps}\n >\n {Boolean(icon) && (\n <MenuItemIcon\n icon={icon}\n type={iconType}\n label={iconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={iconBackgroundColor}\n wrapperClassName={iconWrapperClassName}\n />\n )}\n <div ref={titleRef} className={styles.title}>\n {title}\n </div>\n <Flex gap=\"xs\">\n {Boolean(rightIcon) && !children && (\n <MenuItemIcon\n icon={rightIcon}\n type={rightIconType}\n label={rightIconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={rightIconBackgroundColor}\n isRightIcon={true}\n wrapperClassName={rightIconWrapperClassName}\n />\n )}\n {renderLabel}\n </Flex>\n </BaseMenuItem>\n </Tooltip>\n );\n }\n);\n\nObject.assign(MenuItem, {\n isSelectable: true,\n isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n iconType: typeof Icon.type;\n tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps \| MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n iconType: Icon.type,\n tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"gtBAoLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMvC,IAE9BmC,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, Icon, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n /*\n The title of the menu item.\n /\n title?: string;\n /\n The label displayed alongside the title.\n /\n label?: string \| React.ReactElement<typeof Label>;\n /\n The icon displayed in the menu item.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The background color of the icon.\n /\n iconBackgroundColor?: string;\n /\n The right icon to be displayed.\n /\n rightIcon?: SubIcon;\n /\n The type of right icon.\n /\n rightIconType?: IconType;\n /\n The background color of the right icon.\n /\n rightIconBackgroundColor?: string;\n /\n Class name applied to the icon wrapper.\n /\n rightIconWrapperClassName?: string;\n /\n The label of the menu item for accessibility.\n /\n rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n /\n If true, the menu item is disabled.\n /\n disabled?: boolean;\n /\n The reason for disabling the item, shown in a tooltip.\n /\n disableReason?: string;\n /\n If true, the menu item is selected.\n /\n selected?: boolean;\n /\n Callback fired when the menu item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n /\n The active item index in the menu.\n /\n activeItemIndex?: number;\n /\n Callback to set the active item index.\n /\n setActiveItemIndex?: (index: number) => void;\n /\n The index of the menu item.\n /\n index?: number;\n /\n The key of the menu item.\n /\n key?: string;\n /\n If true, the parent menu is visible.\n /\n isParentMenuVisible?: boolean;\n /\n Callback to reset the open submenu index.\n /\n resetOpenSubMenuIndex?: () => void;\n /\n If true, a submenu is open.\n /\n hasOpenSubMenu?: boolean;\n /\n Callback to open or close a submenu by index.\n /\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /\n If true, document event listeners are used for handling interactions.\n /\n useDocumentEventListeners?: boolean;\n /\n The tooltip content for the menu item.\n /\n tooltipContent?: string;\n /\n The position of the tooltip.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n Additional props for customizing the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Callback fired when the mouse leaves the item.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse enters the item.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Class name applied to the icon wrapper.\n /\n iconWrapperClassName?: string;\n /\n If true, the menu item starts as selected.\n /\n isInitialSelectedState?: boolean;\n /\n If true, the menu scrolls to ensure visibility.\n /\n shouldScrollMenu?: boolean;\n /\n Function to close the menu with a given option.\n /\n closeMenu?: (option: CloseMenuOption) => void;\n /\n Reference to the menu container.\n /\n menuRef?: React.RefObject<HTMLElement>;\n /\n The submenu items, if applicable.\n /\n children?: MenuChild \| MenuChild[];\n /\n If true, enables a split menu item interaction where the main area triggers an action,\n * while the icon button opens the submenu.\n /\n splitMenuItem?: boolean;\n /\n The label of the menu item for accessibility.\n /\n \"aria-label\"?: AriaAttributes[\"aria-label\"];\n /\n The position of a submenu relative to the menu item.\n /\n submenuPosition?: SubmenuPosition;\n /\n If true, automatically repositions the submenu when its content changes.\n */\n autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n title: ReactElement;\n \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n (\n {\n className,\n iconWrapperClassName,\n rightIconWrapperClassName,\n title = \"\",\n label = \"\",\n icon = \"\",\n rightIcon = \"\",\n rightIconType,\n rightIconBackgroundColor,\n rightIconAriaLabel,\n iconType,\n iconBackgroundColor,\n disabled = false,\n disableReason,\n selected = false,\n key,\n children,\n tooltipContent,\n tooltipPosition = \"right\",\n tooltipShowDelay = 300,\n tooltipProps,\n \"aria-label\": ariaLabel,\n ...baseMenuProps\n }: MenuItemProps \| MenuItemTitleComponentProps,\n ref: ForwardedRef<HTMLElement>\n ) => {\n const titleRef = useRef();\n\n // if \"title\" is a component ariaLabel is mandatory\n const iconLabel = ariaLabel ?? (title as string);\n const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n const shouldShowTooltip = isTitleHoveredAndOverflowing \|\| disabled \|\| tooltipContent;\n\n const finalTooltipContent = useMemo(() => {\n if (disabled) return disableReason;\n if (tooltipContent) return tooltipContent;\n return title;\n }, [disableReason, disabled, title, tooltipContent]);\n\n const renderLabel = useMemo(() => {\n if (!label) return;\n if (typeof label === \"string\") {\n return <Label kind=\"line\" text={label} />;\n }\n if (React.isValidElement(label) && label.type === Label) {\n return label;\n }\n }, [label]);\n\n return (\n <Tooltip\n content={shouldShowTooltip ? finalTooltipContent : null}\n position={tooltipPosition}\n showDelay={tooltipShowDelay}\n {...tooltipProps}\n >\n <BaseMenuItem\n key={key}\n ref={ref}\n subMenu={children}\n className={className}\n disabled={disabled}\n selected={selected}\n {...baseMenuProps}\n >\n {Boolean(icon) && (\n <MenuItemIcon\n icon={icon}\n type={iconType}\n label={iconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={iconBackgroundColor}\n wrapperClassName={iconWrapperClassName}\n />\n )}\n <div ref={titleRef} className={styles.title}>\n {title}\n </div>\n <Flex gap=\"xs\">\n {Boolean(rightIcon) && !children && (\n <MenuItemIcon\n icon={rightIcon}\n type={rightIconType}\n label={rightIconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={rightIconBackgroundColor}\n isRightIcon={true}\n wrapperClassName={rightIconWrapperClassName}\n />\n )}\n {renderLabel}\n </Flex>\n </BaseMenuItem>\n </Tooltip>\n );\n }\n);\n\nObject.assign(MenuItem, {\n isSelectable: true,\n isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n iconType: typeof Icon.type;\n tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps \| MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n iconType: Icon.type,\n tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"ywBAmLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMvC,IAE9BmC,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}

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

@@ -1,2 +1,2 @@
-var e={title:"title_d064d6a86f"};!function(e){const t="s_id-b06386a2bb6c_3_82_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_d064d6a86f {\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_7c65ee4835"};!function(e){const t="s_id-b06386a2bb6c_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_7c65ee4835 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as n,useRef as o,useEffect as s,useCallback as u}from"react";import i from"../../../../Text/Text.js";import{getTestId as r,ComponentDefaultTestId as l}from"../../../../../tests/testIds.js";import a from"classnames";import{TAB_INDEX_FOCUS_WITH_JS_ONLY as m}from"../../MenuItemConstants.js";import d from"../MenuItemSubMenuIcon/MenuItemSubMenuIcon.js";import c from"../MenuItemSubMenu/MenuItemSubMenu.js";import M from"../../hooks/useMenuItemMouseEvents.js";import I from"../../hooks/useMenuItemKeyboardEvents.js";import p from"../../../../../hooks/useMergeRef.js";import v from"../../../../../hooks/useIsMouseEnter.js";import f from"./BaseMenuItem.module.scss.js";var b=n((function(n,b){var h=n.subMenu,S=n.className,x=n.menuRef,E=n.disabled,j=void 0!==E&&E,C=n.selected,k=void 0!==C&&C,O=n.onClick,A=n.activeItemIndex,B=n.setActiveItemIndex,R=n.index,g=n.id,y=n.isParentMenuVisible,w=n.resetOpenSubMenuIndex,N=n.hasOpenSubMenu,P=n.setSubMenuIsOpenByIndex,L=n.closeMenu,T=n.useDocumentEventListeners,V=void 0!==T&&T,_=n.isInitialSelectedState,z=n.onMouseEnter,D=n.onMouseLeave,F=n.shouldScrollMenu,H=n["data-testid"],K=n.splitMenuItem,U=void 0!==K&&K,q=n.children,G=n.submenuPosition,J=void 0===G?"right":G,Q=n.autoAdjustOnSubMenuContentResize,W=(void 0===A?-1:A)===R,X=!j&&!!h&&(void 0!==y&&y)&&(W&&(void 0!==N&&N)),Y=o(null),Z=o(null),$=p(b,Y),ee=v({ref:Y}),te=v({ref:Z});s((function(){var e,t=Y.current;W&&F&&t&&(t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded({behaviour:"smooth"}):null===(e=t.scrollIntoView)||void 0===e||e.call(t,{behavior:"smooth",block:"center"}))}),[W,F]),s((function(){var e=Y.current;V||W&&(null==e||e.focus())}),[W,V]);var ne=M({ref:Y,splitMenuItemIconButtonRef:Z,resetOpenSubMenuIndex:w,setSubMenuIsOpenByIndex:P,isActive:W,setActiveItemIndex:B,index:R,hasChildren:!!h,splitMenuItem:U}),oe=I({onClick:O,disabled:j,isActive:W,index:R,setActiveItemIndex:B,hasChildren:!!h,shouldShowSubMenu:X,setSubMenuIsOpenByIndex:P,menuRef:x,isMouseEnter:ne,closeMenu:L,useDocumentEventListeners:V,splitMenuItem:U,isMouseEnterMenuItem:ee,isMouseEnterIconButton:te}).onClickCallback,se=u((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};P(R,!1),e.propagate&&L(e)}),[P,R,L]);return t.createElement(i,{id:g,element:"li",type:"text2","aria-haspopup":!!h||void 0,"aria-expanded":h?X:void 0,"data-testid":H||r(l.MENU_ITEM,R),className:a(f.item,S,e(e(e(e(e({},f.disabled,j),f.focused,W),f.selected,k),f.initialSelected,_),f.splitMenuItem,U)),ref:$,onClick:oe,role:"menuitem","aria-selected":W,onMouseLeave:D,onMouseEnter:z,tabIndex:m,withoutTooltip:!0},q,!!h&&t.createElement(t.Fragment,null,t.createElement(d,{ref:Z,isSplit:U,active:X,disabled:j}),t.createElement(c,{anchorRef:Y,open:X,onClose:se,autoFocusOnMount:!V,submenuPosition:J,autoAdjustOnSubMenuContentResize:Q},h)))}));export{b as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as n,useRef as o,useEffect as s,useCallback as u}from"react";import{getTestId as i,ComponentDefaultTestId as r}from"../../../../../tests/testIds.js";import l from"classnames";import{TAB_INDEX_FOCUS_WITH_JS_ONLY as a}from"../../MenuItemConstants.js";import m from"../MenuItemSubMenuIcon/MenuItemSubMenuIcon.js";import d from"../MenuItemSubMenu/MenuItemSubMenu.js";import c from"../../hooks/useMenuItemMouseEvents.js";import M from"../../hooks/useMenuItemKeyboardEvents.js";import I from"../../../../../hooks/useMergeRef.js";import p from"../../../../../hooks/useIsMouseEnter.js";import v from"./BaseMenuItem.module.scss.js";import f from"../../../../../../components/typography/dist/Text/Text.js";var b=n((function(n,b){var h=n.subMenu,S=n.className,x=n.menuRef,E=n.disabled,j=void 0!==E&&E,C=n.selected,k=void 0!==C&&C,O=n.onClick,y=n.activeItemIndex,g=n.setActiveItemIndex,A=n.index,B=n.id,R=n.isParentMenuVisible,w=n.resetOpenSubMenuIndex,N=n.hasOpenSubMenu,P=n.setSubMenuIsOpenByIndex,L=n.closeMenu,T=n.useDocumentEventListeners,V=void 0!==T&&T,_=n.isInitialSelectedState,z=n.onMouseEnter,D=n.onMouseLeave,F=n.shouldScrollMenu,H=n["data-testid"],K=n.splitMenuItem,U=void 0!==K&&K,q=n.children,G=n.submenuPosition,J=void 0===G?"right":G,Q=n.autoAdjustOnSubMenuContentResize,W=(void 0===y?-1:y)===A,X=!j&&!!h&&(void 0!==R&&R)&&(W&&(void 0!==N&&N)),Y=o(null),Z=o(null),$=I(b,Y),ee=p({ref:Y}),te=p({ref:Z});s((function(){var e,t=Y.current;W&&F&&t&&(t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded({behaviour:"smooth"}):null===(e=t.scrollIntoView)||void 0===e||e.call(t,{behavior:"smooth",block:"center"}))}),[W,F]),s((function(){var e=Y.current;V||W&&(null==e||e.focus())}),[W,V]);var ne=c({ref:Y,splitMenuItemIconButtonRef:Z,resetOpenSubMenuIndex:w,setSubMenuIsOpenByIndex:P,isActive:W,setActiveItemIndex:g,index:A,hasChildren:!!h,splitMenuItem:U}),oe=M({onClick:O,disabled:j,isActive:W,index:A,setActiveItemIndex:g,hasChildren:!!h,shouldShowSubMenu:X,setSubMenuIsOpenByIndex:P,menuRef:x,isMouseEnter:ne,closeMenu:L,useDocumentEventListeners:V,splitMenuItem:U,isMouseEnterMenuItem:ee,isMouseEnterIconButton:te}).onClickCallback,se=u((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};P(A,!1),e.propagate&&L(e)}),[P,A,L]);return t.createElement(f,{id:B,element:"li",type:"text2","aria-haspopup":!!h||void 0,"aria-expanded":h?X:void 0,"data-testid":H||i(r.MENU_ITEM,A),className:l(v.item,S,e(e(e(e(e({},v.disabled,j),v.focused,W),v.selected,k),v.initialSelected,_),v.splitMenuItem,U)),ref:$,onClick:oe,role:"menuitem","aria-selected":W,onMouseLeave:D,onMouseEnter:z,tabIndex:a,withoutTooltip:!0},q,!!h&&t.createElement(t.Fragment,null,t.createElement(m,{ref:Z,isSplit:U,active:X,disabled:j}),t.createElement(d,{anchorRef:Y,open:X,onClose:se,autoFocusOnMount:!V,submenuPosition:J,autoAdjustOnSubMenuContentResize:Q},h)))}));export{b as default};
 //# sourceMappingURL=BaseMenuItem.js.map