npm - @vibe/core - Versions diffs - 4.0.0-alpha.1 → 4.0.0-alpha.2 - Mend

@vibe/core 4.0.0-alpha.1 → 4.0.0-alpha.2

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

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

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_2a83eac715","focus-visible":"focus-visible_b9390e7de1",label:"label_5b365eda7d",small:"small_08e6711fd3",withLeg:"withLeg_2a02e2011b",legWrapper:"legWrapper_61fa98c522",kindFill:"kindFill_46bc4a8b85",colorPrimary:"colorPrimary_5fde724000",clickable:"clickable_30fb9235ad",colorDark:"colorDark_60c0a37536",colorNegative:"colorNegative_27198c652e",colorPositive:"colorPositive_10c80ea6ea",kindLine:"kindLine_240c7b9520",smallText:"smallText_7a63325645"};!function(e){const a="s_id-05b0d3f05a05_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_2a83eac715 {\n  cursor: pointer;\n}\n.clickableWrapper_2a83eac715:focus-visible, .clickableWrapper_2a83eac715.focus-visible_b9390e7de1 {\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_2a83eac715:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.clickableWrapper_2a83eac715:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_5b365eda7d {\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(--space-8);\n  position: relative;\n}\n.label_5b365eda7d.small_08e6711fd3 {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_2a02e2011b {\n  border-start-start-radius: var(--border-radius-small);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n  border-end-start-radius: 0;\n}\n.legWrapper_61fa98c522 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_46bc4a8b85.colorPrimary_5fde724000 {\n  background-color: var(--primary-color);\n}\n.kindFill_46bc4a8b85.colorPrimary_5fde724000 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_46bc4a8b85.colorPrimary_5fde724000.clickable_30fb9235ad:hover, .kindFill_46bc4a8b85.colorPrimary_5fde724000.clickable_30fb9235ad:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_46bc4a8b85.colorDark_60c0a37536 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_46bc4a8b85.colorDark_60c0a37536 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_46bc4a8b85.colorNegative_27198c652e {\n  background-color: var(--negative-color);\n}\n.kindFill_46bc4a8b85.colorNegative_27198c652e svg path {\n  fill: var(--negative-color);\n}\n.kindFill_46bc4a8b85.colorNegative_27198c652e.clickable_30fb9235ad:hover, .kindFill_46bc4a8b85.colorNegative_27198c652e.clickable_30fb9235ad:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_46bc4a8b85.colorPositive_10c80ea6ea {\n  background-color: var(--positive-color);\n}\n.kindFill_46bc4a8b85.colorPositive_10c80ea6ea svg path {\n  fill: var(--positive-color);\n}\n.kindFill_46bc4a8b85.colorPositive_10c80ea6ea.clickable_30fb9235ad:hover, .kindFill_46bc4a8b85.colorPositive_10c80ea6ea.clickable_30fb9235ad:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_240c7b9520 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_240c7b9520 .legWrapper_61fa98c522 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_240c7b9520.colorPrimary_5fde724000 {\n  color: var(--primary-color);\n}\n.kindLine_240c7b9520.colorPrimary_5fde724000 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_240c7b9520.colorPrimary_5fde724000.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorPrimary_5fde724000.clickable_30fb9235ad:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_240c7b9520.colorDark_60c0a37536 {\n  color: var(--inverted-color-background);\n}\n.kindLine_240c7b9520.colorDark_60c0a37536 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_240c7b9520.colorDark_60c0a37536.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorDark_60c0a37536.clickable_30fb9235ad:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_240c7b9520.colorNegative_27198c652e {\n  color: var(--negative-color);\n}\n.kindLine_240c7b9520.colorNegative_27198c652e svg path {\n  fill: var(--negative-color);\n}\n.kindLine_240c7b9520.colorNegative_27198c652e.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorNegative_27198c652e.clickable_30fb9235ad:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_240c7b9520.colorPositive_10c80ea6ea {\n  color: var(--positive-color);\n}\n.kindLine_240c7b9520.colorPositive_10c80ea6ea svg path {\n  fill: var(--positive-color);\n}\n.kindLine_240c7b9520.colorPositive_10c80ea6ea.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorPositive_10c80ea6ea.clickable_30fb9235ad:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_240c7b9520 .smallText_7a63325645 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickableWrapper:"clickableWrapper_acf3dbf647","focus-visible":"focus-visible_2a936b914b",label:"label_0e826d5996",small:"small_f50929a91a",withLeg:"withLeg_c962771177",legWrapper:"legWrapper_8809828b28",kindFill:"kindFill_242febe3b2",colorPrimary:"colorPrimary_c6e7b1c44a",clickable:"clickable_ab8ae32d26",colorDark:"colorDark_e812390e8a",colorNegative:"colorNegative_d7e76a66a5",colorPositive:"colorPositive_ec5a3f7c83",kindLine:"kindLine_bfa9471347",smallText:"smallText_5f2b1fc579"};!function(e){const a="s_id-05b0d3f05a05_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_acf3dbf647 {\n  cursor: pointer;\n}\n.clickableWrapper_acf3dbf647:focus-visible, .clickableWrapper_acf3dbf647.focus-visible_2a936b914b {\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_acf3dbf647:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.clickableWrapper_acf3dbf647:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_0e826d5996 {\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(--space-8);\n  position: relative;\n}\n.label_0e826d5996.small_f50929a91a {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_c962771177 {\n  border-start-start-radius: var(--border-radius-small);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n  border-end-start-radius: 0;\n}\n.legWrapper_8809828b28 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_242febe3b2.colorPrimary_c6e7b1c44a {\n  background-color: var(--primary-color);\n}\n.kindFill_242febe3b2.colorPrimary_c6e7b1c44a svg path {\n  fill: var(--primary-color);\n}\n.kindFill_242febe3b2.colorPrimary_c6e7b1c44a.clickable_ab8ae32d26:hover, .kindFill_242febe3b2.colorPrimary_c6e7b1c44a.clickable_ab8ae32d26:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_242febe3b2.colorDark_e812390e8a {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_242febe3b2.colorDark_e812390e8a svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_242febe3b2.colorNegative_d7e76a66a5 {\n  background-color: var(--negative-color);\n}\n.kindFill_242febe3b2.colorNegative_d7e76a66a5 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_242febe3b2.colorNegative_d7e76a66a5.clickable_ab8ae32d26:hover, .kindFill_242febe3b2.colorNegative_d7e76a66a5.clickable_ab8ae32d26:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_242febe3b2.colorPositive_ec5a3f7c83 {\n  background-color: var(--positive-color);\n}\n.kindFill_242febe3b2.colorPositive_ec5a3f7c83 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_242febe3b2.colorPositive_ec5a3f7c83.clickable_ab8ae32d26:hover, .kindFill_242febe3b2.colorPositive_ec5a3f7c83.clickable_ab8ae32d26:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_bfa9471347 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_bfa9471347 .legWrapper_8809828b28 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_bfa9471347.colorPrimary_c6e7b1c44a {\n  color: var(--primary-color);\n}\n.kindLine_bfa9471347.colorPrimary_c6e7b1c44a svg path {\n  fill: var(--primary-color);\n}\n.kindLine_bfa9471347.colorPrimary_c6e7b1c44a.clickable_ab8ae32d26:hover, .kindLine_bfa9471347.colorPrimary_c6e7b1c44a.clickable_ab8ae32d26:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_bfa9471347.colorDark_e812390e8a {\n  color: var(--inverted-color-background);\n}\n.kindLine_bfa9471347.colorDark_e812390e8a svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_bfa9471347.colorDark_e812390e8a.clickable_ab8ae32d26:hover, .kindLine_bfa9471347.colorDark_e812390e8a.clickable_ab8ae32d26:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_bfa9471347.colorNegative_d7e76a66a5 {\n  color: var(--negative-color);\n}\n.kindLine_bfa9471347.colorNegative_d7e76a66a5 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_bfa9471347.colorNegative_d7e76a66a5.clickable_ab8ae32d26:hover, .kindLine_bfa9471347.colorNegative_d7e76a66a5.clickable_ab8ae32d26:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_bfa9471347.colorPositive_ec5a3f7c83 {\n  color: var(--positive-color);\n}\n.kindLine_bfa9471347.colorPositive_ec5a3f7c83 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_bfa9471347.colorPositive_ec5a3f7c83.clickable_ab8ae32d26:hover, .kindLine_bfa9471347.colorPositive_ec5a3f7c83.clickable_ab8ae32d26:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_bfa9471347 .smallText_5f2b1fc579 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.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 \"@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"}
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,GAChE,CACD,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_34cbe52016",svg:"svg_a1f177a7e0",stroke:"stroke_8aff449e5a","stroke-rotate":"stroke-rotate_93261fb50a",base:"base_4810abea66",fade:"fade_ec115ab3e2",first:"first_469e4542d5",second:"second_beab381181",third:"third_49a2b6de64","gradient-text-fill":"gradient-text-fill_e47fd987f7"};!function(e){const n="s_id-f81803454b25_4_0_0-alpha_0";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_34cbe52016 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_93261fb50a cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.base_4810abea66 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_ec115ab3e2 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.first_469e4542d5 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.second_beab381181 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.third_49a2b6de64 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_34cbe52016.celebration_34cbe52016 [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_e47fd987f7 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_ec115ab3e2 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_93261fb50a {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_e47fd987f7 {\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_8d283d6f64",svg:"svg_d97f0ceebe",stroke:"stroke_651574c193","stroke-rotate":"stroke-rotate_e1791c0fcb",base:"base_14c8ddb72c",fade:"fade_b7e4a5d73e",first:"first_8878c72385",second:"second_be50f14781",third:"third_9f5aaab867","gradient-text-fill":"gradient-text-fill_b42d6efde8"};!function(e){const n="s_id-f81803454b25_4_0_0-alpha_1";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_8d283d6f64 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_8d283d6f64 .svg_d97f0ceebe {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_8d283d6f64 .svg_d97f0ceebe .stroke_651574c193 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_e1791c0fcb cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_8d283d6f64 .svg_d97f0ceebe .stroke_651574c193.base_14c8ddb72c {\n  stroke: var(--color-egg_yolk);\n  animation: fade_b7e4a5d73e 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_8d283d6f64 .svg_d97f0ceebe .stroke_651574c193.first_8878c72385 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_8d283d6f64 .svg_d97f0ceebe .stroke_651574c193.second_be50f14781 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_8d283d6f64 .svg_d97f0ceebe .stroke_651574c193.third_9f5aaab867 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_8d283d6f64.celebration_8d283d6f64 [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_b42d6efde8 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_b7e4a5d73e {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_e1791c0fcb {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_b42d6efde8 {\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/Link/Link.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={link:"link_5d0e5e55f0","focus-visible":"focus-visible_b9390e7de1",colorOnPrimary:"colorOnPrimary_4a5b3cc12f",colorOnInverted:"colorOnInverted_4983c709fb",text:"text_3996c2e086",inlineText:"inlineText_6b87c4d196",inheritFontSize:"inheritFontSize_cc4f8c7767",iconStart:"iconStart_f3721ecf8e",iconEnd:"iconEnd_ec3ae399ff"};!function(n){const e="s_id-c2cddf2190ae_4_0_0-alpha_0";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_5d0e5e55f0 {\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_5d0e5e55f0:focus-visible, .link_5d0e5e55f0.focus-visible_b9390e7de1 {\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_5d0e5e55f0:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.link_5d0e5e55f0.colorOnPrimary_4a5b3cc12f {\n  color: var(--text-color-on-primary);\n}\n.link_5d0e5e55f0.colorOnInverted_4983c709fb {\n  color: var(--text-color-on-inverted);\n}\n.link_5d0e5e55f0:hover .text_3996c2e086 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_5d0e5e55f0.inlineText_6b87c4d196 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_5d0e5e55f0.inheritFontSize_cc4f8c7767 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_f3721ecf8e {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_ec3ae399ff {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
+var n={link:"link_b961b3471c","focus-visible":"focus-visible_2a936b914b",colorOnPrimary:"colorOnPrimary_68aa83e1f9",colorOnInverted:"colorOnInverted_a421efd3aa",text:"text_c2c2a0f30b",inlineText:"inlineText_6029e89b61",inheritFontSize:"inheritFontSize_e95e5b1328",iconStart:"iconStart_bc419b136a",iconEnd:"iconEnd_acd64b5fd9"};!function(n){const e="s_id-c2cddf2190ae_4_0_0-alpha_1";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_b961b3471c {\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_b961b3471c:focus-visible, .link_b961b3471c.focus-visible_2a936b914b {\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_b961b3471c:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.link_b961b3471c.colorOnPrimary_68aa83e1f9 {\n  color: var(--text-color-on-primary);\n}\n.link_b961b3471c.colorOnInverted_a421efd3aa {\n  color: var(--text-color-on-inverted);\n}\n.link_b961b3471c:hover .text_c2c2a0f30b {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_b961b3471c.inlineText_6029e89b61 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_b961b3471c.inheritFontSize_e95e5b1328 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_bc419b136a {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_acd64b5fd9 {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n type CSSProperties,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n /*\n The wrapping component for the list.\n /\n component?: ListElement;\n /\n The ARIA label describing the list.\n /\n \"aria-label\"?: string;\n /\n The ID of an element that describes the list.\n /\n \"aria-describedby\"?: string;\n /\n The ID of an element controlled by the list.\n /\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n /\n The child elements inside the list.\n /\n children?: ReactElement<ListItemProps \| ListTitleProps> \| ReactElement<ListItemProps \| ListTitleProps>[];\n /\n If true, uses a virtualized list to render only visible items for performance optimization.\n /\n renderOnlyVisibleItems?: boolean;\n /\n Custom inline styles applied to the list.\n /\n style?: CSSProperties;\n /\n The ARIA role of the list.\n */\n role?: AriaRole;\n}\n\nconst List = forwardRef(\n (\n {\n className,\n id,\n component = \"ul\",\n children,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n role = \"listbox\",\n \"data-testid\": dataTestId\n }: ListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement \| ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as ListItemProps).id \|\| `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined \|\| currentRef === null \|\| isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component),\n role: (child.props as ListItemProps).role\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LIST, id)}\n data-vibe={ComponentVibeId.LIST}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role={role}\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list"],"mappings":"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"}
1	+ {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n type CSSProperties,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n /*\n The wrapping component for the list.\n /\n component?: ListElement;\n /\n The ARIA label describing the list.\n /\n \"aria-label\"?: string;\n /\n The ID of an element that describes the list.\n /\n \"aria-describedby\"?: string;\n /\n The ID of an element controlled by the list.\n /\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n /\n The child elements inside the list.\n /\n children?: ReactElement<ListItemProps \| ListTitleProps> \| ReactElement<ListItemProps \| ListTitleProps>[];\n /\n If true, uses a virtualized list to render only visible items for performance optimization.\n /\n renderOnlyVisibleItems?: boolean;\n /\n Custom inline styles applied to the list.\n /\n style?: CSSProperties;\n /\n The ARIA role of the list.\n */\n role?: AriaRole;\n}\n\nconst List = forwardRef(\n (\n {\n className,\n id,\n component = \"ul\",\n children,\n \"aria-label\": ariaLabel,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n role = \"listbox\",\n \"data-testid\": dataTestId\n }: ListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement \| ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as ListItemProps).id \|\| `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined \|\| currentRef === null \|\| isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component),\n role: (child.props as ListItemProps).role\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LIST, id)}\n data-vibe={ComponentVibeId.LIST}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role={role}\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_ac43d2ceb8"};!function(e){const t="s_id-ed9bf484fec4_4_0_0-alpha_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_ac43d2ceb8 {\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_ac43d2ceb8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_ac43d2ceb8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_1ec9efc710"};!function(e){const t="s_id-ed9bf484fec4_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_1ec9efc710 {\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_1ec9efc710::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_1ec9efc710::-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_4430f02c28"};!function(e){const n="s_id-8a3397ff1208_4_0_0-alpha_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_4430f02c28 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_4430f02c28::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_4430f02c28::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_46d5cf279a"};!function(e){const n="s_id-8a3397ff1208_4_0_0-alpha_1";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_46d5cf279a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_46d5cf279a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_46d5cf279a::-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/List/utils/ListUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { type MutableRefObject, useState } from \"react\";\nimport { type ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { type ListElement } from \"../List.types\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nconst VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setListId(id \|\| generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nexport const isListItem = (element: HTMLElement) => {\n return element && element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\"));\n};\n\nexport const getNextListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex < childrenRefs.current.length - 1) {\n const child = childrenRefs.current[++currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n\nexport const getPrevListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex > 0) {\n const child = childrenRefs.current[--currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n"],"names":["listIdCounter","generateListId","concat","VALID_ROLES","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","HTMLElement","includes","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"kLAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEMG,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAEjDC,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMJ,IAClB,GAAG,CAACI,IACGK,CACT,EAEaG,EAAuB,SAACC,EAA+CC,SAClF,OAAoC,QAA7BC,EAAAF,EAAaG,QAAQF,UAAQ,IAAAC,OAAA,EAAAA,EAAAX,EACtC,EAEaa,EAAuB,SAACJ,EAA+CT,GAClF,OAAOS,EAAaG,QAAQE,WAAU,SAAAC,GAAK,OAAIA,aAAA,EAAAA,EAAOf,MAAOA,IAC/D,EAEagB,EAA2B,SAACC,GACvC,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,MACH,MAAO,IACT,QACE,MAAO,MAEb,EAEaC,EAAa,SAACC,GACzB,OAAOA,GAAWA,aAAmBC,aAAetB,EAAYuB,SAASF,EAAQG,aAAa,QAChG,EAEaC,EAAuB,SAACC,EAAsBf,GACzD,KAAsBA,EAAaG,QAAQa,OAAS,EAA7CD,GAAgD,CACrD,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,~~CAEV~~,~~CAEH~~,EAEaE,EAAuB,SAACF,EAAsBf,GACzD,KAAOe,EAAe,GAAG,CACvB,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,~~CAEV~~,~~CAEH~~"}
1	+ {"version":3,"file":"ListUtils.js","sources":["../../../../../src/components/List/utils/ListUtils.ts"],"sourcesContent":["import { type MutableRefObject, useState } from \"react\";\nimport { type ListItemElement } from \"../../ListItem/ListItem.types\";\nimport { type ListElement } from \"../List.types\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nlet listIdCounter = 0;\nexport const generateListId = () => {\n return `list-${listIdCounter++}`;\n};\n\nconst VALID_ROLES = [\"option\", \"listitem\", \"menuitem\", \"tab\", \"treeitem\"];\n\nexport const useListId = (id: string) => {\n const [listId, setListId] = useState<string>();\n useIsomorphicLayoutEffect(() => {\n setListId(id \|\| generateListId());\n }, [id]);\n return listId;\n};\n\nexport const getListItemIdByIndex = (childrenRefs: MutableRefObject<HTMLElement[]>, index: number): string => {\n return childrenRefs.current[index]?.id;\n};\n\nexport const getListItemIndexById = (childrenRefs: MutableRefObject<HTMLElement[]>, id: string): number => {\n return childrenRefs.current.findIndex(child => child?.id === id);\n};\n\nexport const getListItemComponentType = (listComponent: ListElement): ListItemElement => {\n switch (listComponent) {\n case \"ul\":\n case \"ol\":\n return \"li\";\n case \"nav\":\n return \"a\";\n default:\n return \"div\";\n }\n};\n\nexport const isListItem = (element: HTMLElement) => {\n return element && element instanceof HTMLElement && VALID_ROLES.includes(element.getAttribute(\"role\"));\n};\n\nexport const getNextListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex < childrenRefs.current.length - 1) {\n const child = childrenRefs.current[++currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n\nexport const getPrevListItemIndex = (currentIndex: number, childrenRefs: MutableRefObject<HTMLElement[]>) => {\n while (currentIndex > 0) {\n const child = childrenRefs.current[--currentIndex];\n if (isListItem(child)) {\n return currentIndex;\n }\n }\n return undefined;\n};\n"],"names":["listIdCounter","generateListId","concat","VALID_ROLES","useListId","id","_useState","useState","_useState2","_slicedToArray","listId","setListId","useIsomorphicLayoutEffect","getListItemIdByIndex","childrenRefs","index","_a","current","getListItemIndexById","findIndex","child","getListItemComponentType","listComponent","isListItem","element","HTMLElement","includes","getAttribute","getNextListItemIndex","currentIndex","length","getPrevListItemIndex"],"mappings":"kLAKA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEMG,EAAc,CAAC,SAAU,WAAY,WAAY,MAAO,YAEjDC,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMJ,IAClB,GAAG,CAACI,IACGK,CACT,EAEaG,EAAuB,SAACC,EAA+CC,SAClF,OAAoC,QAA7BC,EAAAF,EAAaG,QAAQF,UAAQ,IAAAC,OAAA,EAAAA,EAAAX,EACtC,EAEaa,EAAuB,SAACJ,EAA+CT,GAClF,OAAOS,EAAaG,QAAQE,WAAU,SAAAC,GAAK,OAAIA,aAAA,EAAAA,EAAOf,MAAOA,IAC/D,EAEagB,EAA2B,SAACC,GACvC,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,KACT,IAAK,MACH,MAAO,IACT,QACE,MAAO,MAEb,EAEaC,EAAa,SAACC,GACzB,OAAOA,GAAWA,aAAmBC,aAAetB,EAAYuB,SAASF,EAAQG,aAAa,QAChG,EAEaC,EAAuB,SAACC,EAAsBf,GACzD,KAAsBA,EAAaG,QAAQa,OAAS,EAA7CD,GAAgD,CACrD,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,CAEX,CAEF,EAEaE,EAAuB,SAACF,EAAsBf,GACzD,KAAOe,EAAe,GAAG,CACvB,IAAMT,EAAQN,EAAaG,UAAUY,GACrC,GAAIN,EAAWH,GACb,OAAOS,CAEX,CAEF"}

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_1fa818f2bf","focus-visible":"focus-visible_d67149d7f5",disabled:"disabled_7488c3d043",selected:"selected_00235f47af",small:"small_c92c01e5c1",medium:"medium_9c1663d113",large:"large_72a680d12a"};!function(e){const n="s_id-8402a299d384_4_0_0-alpha_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 selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_1fa818f2bf {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_1fa818f2bf:focus-visible, .listItem_1fa818f2bf.focus-visible_d67149d7f5 {\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_1fa818f2bf:focus:not(.focus-visible_d67149d7f5) {\n  outline: none;\n}\n.listItem_1fa818f2bf:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_7488c3d043 {\n  cursor: not-allowed;\n}\n.disabled_7488c3d043:hover {\n  background-color: transparent;\n}\n.selected_00235f47af {\n  background-color: var(--primary-selected-color);\n}\n.selected_00235f47af:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_c92c01e5c1 {\n  height: 32px;\n}\n.medium_9c1663d113 {\n  height: 40px;\n}\n.large_72a680d12a {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_c03d24c57e","focus-visible":"focus-visible_cc34c3f65d",disabled:"disabled_252aca79b2",selected:"selected_51a0288eb1",small:"small_12433c09f2",medium:"medium_bc0677216c",large:"large_c4a7242b1c"};!function(e){const n="s_id-8402a299d384_4_0_0-alpha_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,c.firstChild?c.insertBefore(l,c.firstChild):c.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_c03d24c57e {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_c03d24c57e:focus-visible, .listItem_c03d24c57e.focus-visible_cc34c3f65d {\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_c03d24c57e:focus:not(.focus-visible_cc34c3f65d) {\n  outline: none;\n}\n.listItem_c03d24c57e:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_252aca79b2 {\n  cursor: not-allowed;\n}\n.disabled_252aca79b2:hover {\n  background-color: transparent;\n}\n.selected_51a0288eb1 {\n  background-color: var(--primary-selected-color);\n}\n.selected_51a0288eb1:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_12433c09f2 {\n  height: 32px;\n}\n.medium_bc0677216c {\n  height: 40px;\n}\n.large_c4a7242b1c {\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_180613c42d",avatar:"avatar_259d47e749"};!function(e){const t="s_id-4e549e461b77_4_0_0-alpha_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_180613c42d {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_259d47e749 {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_dc0fc90ebc",avatar:"avatar_d65be68560"};!function(e){const t="s_id-4e549e461b77_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_dc0fc90ebc {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_d65be68560 {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_b69bb31ae4"};!function(e){const t="s_id-76c16cf3efba_4_0_0-alpha_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_b69bb31ae4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_425f9a0c4a"};!function(e){const t="s_id-76c16cf3efba_4_0_0-alpha_1";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.listTitle_425f9a0c4a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menu:"menu_f1c4f3f224",small:"small_e35690806e",medium:"medium_230d3f45b6",large:"large_8aa617bd10"};!function(e){const n="s_id-1599ba0bb296_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_f1c4f3f224 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_f1c4f3f224:focus {\n  outline: none;\n}\n.small_e35690806e {\n  width: 200px;\n}\n.medium_230d3f45b6 {\n  width: 220px;\n}\n.large_8aa617bd10 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_455cdbc472",small:"small_57236f11fb",medium:"medium_637ba3b606",large:"large_a645e21ceb"};!function(e){const n="s_id-1599ba0bb296_4_0_0-alpha_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_455cdbc472 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_455cdbc472:focus {\n  outline: none;\n}\n.small_57236f11fb {\n  width: 200px;\n}\n.medium_637ba3b606 {\n  width: 220px;\n}\n.large_a645e21ceb {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusOnMount.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useFocusOnMount.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { type ReactElement } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport interface UseFocusOnMountProps {\n focusItemIndexOnMount: number;\n focusChildOnMount: ReactElement;\n getNextSelectableIndex: (index: number) => number \| null;\n updateActiveItemIndex: (index: number) => void;\n setIsInitialFocusSet: (state: boolean) => void;\n}\n\nexport const useFocusOnMount = ({\n focusItemIndexOnMount,\n focusChildOnMount,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet\n}: UseFocusOnMountProps) => {\n useEffect(() => {\n if (focusItemIndexOnMount === -1) {\n return;\n }\n\n const indexToFocusOnMount = isMenuChildSelectable(focusChildOnMount)\n ? focusItemIndexOnMount\n : getNextSelectableIndex(focusItemIndexOnMount);\n\n if (indexToFocusOnMount !== null) {\n requestAnimationFrame(() => {\n updateActiveItemIndex(indexToFocusOnMount);\n setIsInitialFocusSet(true);\n });\n }\n }, [focusChildOnMount, focusItemIndexOnMount, getNextSelectableIndex, setIsInitialFocusSet, updateActiveItemIndex]);\n};\n"],"names":["useFocusOnMount","_ref","focusItemIndexOnMount","focusChildOnMount","getNextSelectableIndex","updateActiveItemIndex","setIsInitialFocusSet","useEffect","indexToFocusOnMount","isMenuChildSelectable","requestAnimationFrame"],"mappings":"gGAYaA,EAAkB,SAAHC,GAMD,IALzBC,EAAqBD,EAArBC,sBACAC,EAAiBF,EAAjBE,kBACAC,EAAsBH,EAAtBG,uBACAC,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBAEAC,GAAU,WACR,IAA+B,IAA3BL,EAAJ,CAIA,IAAMM,EAAsBC,EAAsBN,GAC9CD,EACAE,EAAuBF,GAEC,OAAxBM,GACFE,uBAAsB,WACpBL,EAAsBG,GACtBF,GAAqB,EACvB,~~GAVD~~,~~CAYH~~,GAAG,CAACH,EAAmBD,EAAuBE,EAAwBE,EAAsBD,GAC9F"}
1	+ {"version":3,"file":"useFocusOnMount.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useFocusOnMount.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { type ReactElement } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport interface UseFocusOnMountProps {\n focusItemIndexOnMount: number;\n focusChildOnMount: ReactElement;\n getNextSelectableIndex: (index: number) => number \| null;\n updateActiveItemIndex: (index: number) => void;\n setIsInitialFocusSet: (state: boolean) => void;\n}\n\nexport const useFocusOnMount = ({\n focusItemIndexOnMount,\n focusChildOnMount,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet\n}: UseFocusOnMountProps) => {\n useEffect(() => {\n if (focusItemIndexOnMount === -1) {\n return;\n }\n\n const indexToFocusOnMount = isMenuChildSelectable(focusChildOnMount)\n ? focusItemIndexOnMount\n : getNextSelectableIndex(focusItemIndexOnMount);\n\n if (indexToFocusOnMount !== null) {\n requestAnimationFrame(() => {\n updateActiveItemIndex(indexToFocusOnMount);\n setIsInitialFocusSet(true);\n });\n }\n }, [focusChildOnMount, focusItemIndexOnMount, getNextSelectableIndex, setIsInitialFocusSet, updateActiveItemIndex]);\n};\n"],"names":["useFocusOnMount","_ref","focusItemIndexOnMount","focusChildOnMount","getNextSelectableIndex","updateActiveItemIndex","setIsInitialFocusSet","useEffect","indexToFocusOnMount","isMenuChildSelectable","requestAnimationFrame"],"mappings":"gGAYaA,EAAkB,SAAHC,GAMD,IALzBC,EAAqBD,EAArBC,sBACAC,EAAiBF,EAAjBE,kBACAC,EAAsBH,EAAtBG,uBACAC,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBAEAC,GAAU,WACR,IAA+B,IAA3BL,EAAJ,CAIA,IAAMM,EAAsBC,EAAsBN,GAC9CD,EACAE,EAAuBF,GAEC,OAAxBM,GACFE,uBAAsB,WACpBL,EAAsBG,GACtBF,GAAqB,EACvB,GAVF,CAYF,GAAG,CAACH,EAAmBD,EAAuBE,EAAwBE,EAAsBD,GAC9F"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={item:"item_f8d2bb5c86",splitMenuItem:"splitMenuItem_7e008f0ba3",disabled:"disabled_893c9c52de",focused:"focused_d88aff9d69",initialSelected:"initialSelected_8f715d1262",selected:"selected_3b449671a2"};!function(e){const n="s_id-5b7b751737f9_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_f8d2bb5c86 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_f8d2bb5c86.splitMenuItem_7e008f0ba3 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_f8d2bb5c86.disabled_893c9c52de {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_f8d2bb5c86.focused_d88aff9d69:not(.disabled_893c9c52de) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_f8d2bb5c86.focused_d88aff9d69:not(.disabled_893c9c52de):not(:hover):not(.initialSelected_8f715d1262) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_f8d2bb5c86.selected_3b449671a2:not(.disabled_893c9c52de) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_f91bcb5324",splitMenuItem:"splitMenuItem_c85eb31542",disabled:"disabled_928352d190",focused:"focused_07b4fadd6c",initialSelected:"initialSelected_7386c995f8",selected:"selected_85342aa76f"};!function(e){const n="s_id-5b7b751737f9_4_0_0-alpha_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_f91bcb5324 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_f91bcb5324.splitMenuItem_c85eb31542 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_f91bcb5324.disabled_928352d190 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_f91bcb5324.focused_07b4fadd6c:not(.disabled_928352d190) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_f91bcb5324.focused_07b4fadd6c:not(.disabled_928352d190):not(:hover):not(.initialSelected_7386c995f8) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_f91bcb5324.selected_85342aa76f:not(.disabled_928352d190) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_4006417eb3",rightIcon:"rightIcon_47939b1c91",withBackgroundColor:"withBackgroundColor_8a7b2d4117",disabled:"disabled_0cf6c081d3",icon:"icon_4a5b3cc12f",selected:"selected_0abeb4aaac"};!function(e){const n="s_id-031e2c862ceb_4_0_0-alpha_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_4006417eb3 {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_4006417eb3.rightIcon_47939b1c91 {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_4006417eb3.withBackgroundColor_8a7b2d4117 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_4006417eb3.withBackgroundColor_8a7b2d4117.disabled_0cf6c081d3 {\n  opacity: 0.4;\n}\n.iconWrapper_4006417eb3.withBackgroundColor_8a7b2d4117 .icon_4a5b3cc12f {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_4006417eb3.disabled_0cf6c081d3 .icon_4a5b3cc12f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_4006417eb3 .icon_4a5b3cc12f {\n  color: var(--icon-color);\n}\n.iconWrapper_4006417eb3 .icon_4a5b3cc12f.selected_0abeb4aaac {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_0e5fdd4398",rightIcon:"rightIcon_141de6af2a",withBackgroundColor:"withBackgroundColor_9676057ff6",disabled:"disabled_63b6d03b0d",icon:"icon_68aa83e1f9",selected:"selected_b5ac467e4d"};!function(e){const n="s_id-031e2c862ceb_4_0_0-alpha_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_0e5fdd4398 {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_0e5fdd4398.rightIcon_141de6af2a {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_0e5fdd4398.withBackgroundColor_9676057ff6 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_0e5fdd4398.withBackgroundColor_9676057ff6.disabled_63b6d03b0d {\n  opacity: 0.4;\n}\n.iconWrapper_0e5fdd4398.withBackgroundColor_9676057ff6 .icon_68aa83e1f9 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_0e5fdd4398.disabled_63b6d03b0d .icon_68aa83e1f9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_0e5fdd4398 .icon_68aa83e1f9 {\n  color: var(--icon-color);\n}\n.iconWrapper_0e5fdd4398 .icon_68aa83e1f9.selected_b5ac467e4d {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useFloating, flip, type Placement } from \"@floating-ui/react-dom\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst DEFAULT_FALLBACK_PLACEMENTS: Placement[] = [\"right-end\", \"left-start\", \"left-end\"];\n\nconst MenuItemSubMenu = ({\n anchorRef,\n open,\n autoFocusOnMount,\n onClose,\n children,\n submenuPosition\n}: MenuItemSubMenuProps) => {\n const childRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n if (!autoFocusOnMount \|\| !open \|\| !childRef?.current) {\n return;\n }\n requestAnimationFrame(() => {\n childRef.current.focus();\n });\n }, [autoFocusOnMount, open]);\n\n const placement = useMemo<Placement>(\n () => (submenuPosition === \"left\" ? \"left-start\" : \"right-start\"),\n [submenuPosition]\n );\n\n const {\n refs,\n floatingStyles,\n placement: actualPlacement\n } = useFloating({\n placement,\n middleware: [flip({ fallbackPlacements: DEFAULT_FALLBACK_PLACEMENTS })],\n elements: {\n reference: anchorRef?.current\n }\n });\n\n const subMenu: MenuChild = children && React.Children.only(children);\n if (!subMenu?.type?.isMenu) {\n console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n return null;\n }\n\n return (\n <div\n style={{ ...floatingStyles, visibility: open ? \"visible\" : \"hidden\" }}\n ref={refs.setFloating}\n data-popper-placement={actualPlacement}\n >\n {subMenu && open && (\n <DialogContentContainer>\n {React.cloneElement(subMenu, {\n ...subMenu?.props,\n isVisible: open,\n isSubMenu: true,\n onClose,\n ref: childRef,\n useDocumentEventListeners: !autoFocusOnMount\n })}\n </DialogContentContainer>\n )}\n </div>\n );\n};\n\nexport default MenuItemSubMenu;\n"],"names":["DEFAULT_FALLBACK_PLACEMENTS","MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","childRef","useRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","placement","useMemo","_useFloating","useFloating","middleware","flip","fallbackPlacements","elements","reference","refs","floatingStyles","actualPlacement","subMenu","React","Children","only","_a","type","isMenu","createElement","style","Object","assign","visibility","ref","setFloating","DialogContentContainer","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"wUAOA,IAAMA,EAA2C,CAAC,YAAa,aAAc,YAEvEC,EAAkB,SAAHC,GAOM,MANzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBAEMC,EAAWC,EAAuB,MAExCC,GAA0B,WACnBN,GAAqBD,IAASK,aAAA,EAAAA,EAAUG,UAG7CC,uBAAsB,WACpBJ,EAASG,QAAQE,OACnB,GACF,GAAG,CAACT,EAAkBD,IAEtB,IAAMW,EAAYC,GAChB,WAAA,MAA2B,SAApBR,EAA6B,aAAe,aAAa,GAChE,CAACA,IAGHS,EAIIC,EAAY,CACdH,UAAAA,EACAI,WAAY,CAACC,EAAK,CAAEC,mBAAoBrB,KACxCsB,SAAU,CACRC,UAAWpB,aAAA,EAAAA,EAAWS,WAPxBY,EAAIP,EAAJO,KACAC,EAAcR,EAAdQ,eACWC,EAAeT,EAA1BF,UASIY,EAAqBpB,GAAYqB,EAAMC,SAASC,KAAKvB,GAC3D,~~OAAoB~~,~~QAAfwB~~,EAAAJ,~~aAAA~~,~~EAAAA~~,EAASK,~~YAAM~~,IAAAD,OAAA,EAAAA,~~EAAAE~~,QAMlBL,EAAAM,cAAA,MAAA,CACEC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOZ,GAAgB,CAAAa,WAAYlC,EAAO,UAAY,WAC3DmC,IAAKf,EAAKgB,YACa,wBAAAd,GAEtBC,GAAWvB,GACVwB,EAAAM,cAACO,EACE,KAAAb,EAAMc,aAAaf,EACfS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAO,EAAPA,EAASgB,OACZ,CAAAC,UAAWxC,EACXyC,WAAW,EACXvC,QAAAA,EACAiC,IAAK9B,EACLqC,2BAA4BzC,QAlBpC0C,QAAQC,MAAM,0FAA2FrB,GAClG,KAuBX"}
1	+ {"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useFloating, flip, type Placement } from \"@floating-ui/react-dom\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst DEFAULT_FALLBACK_PLACEMENTS: Placement[] = [\"right-end\", \"left-start\", \"left-end\"];\n\nconst MenuItemSubMenu = ({\n anchorRef,\n open,\n autoFocusOnMount,\n onClose,\n children,\n submenuPosition\n}: MenuItemSubMenuProps) => {\n const childRef = useRef<HTMLDivElement>(null);\n\n useIsomorphicLayoutEffect(() => {\n if (!autoFocusOnMount \|\| !open \|\| !childRef?.current) {\n return;\n }\n requestAnimationFrame(() => {\n childRef.current.focus();\n });\n }, [autoFocusOnMount, open]);\n\n const placement = useMemo<Placement>(\n () => (submenuPosition === \"left\" ? \"left-start\" : \"right-start\"),\n [submenuPosition]\n );\n\n const {\n refs,\n floatingStyles,\n placement: actualPlacement\n } = useFloating({\n placement,\n middleware: [flip({ fallbackPlacements: DEFAULT_FALLBACK_PLACEMENTS })],\n elements: {\n reference: anchorRef?.current\n }\n });\n\n const subMenu: MenuChild = children && React.Children.only(children);\n if (!subMenu?.type?.isMenu) {\n console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n return null;\n }\n\n return (\n <div\n style={{ ...floatingStyles, visibility: open ? \"visible\" : \"hidden\" }}\n ref={refs.setFloating}\n data-popper-placement={actualPlacement}\n >\n {subMenu && open && (\n <DialogContentContainer>\n {React.cloneElement(subMenu, {\n ...subMenu?.props,\n isVisible: open,\n isSubMenu: true,\n onClose,\n ref: childRef,\n useDocumentEventListeners: !autoFocusOnMount\n })}\n </DialogContentContainer>\n )}\n </div>\n );\n};\n\nexport default MenuItemSubMenu;\n"],"names":["DEFAULT_FALLBACK_PLACEMENTS","MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","childRef","useRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","placement","useMemo","_useFloating","useFloating","middleware","flip","fallbackPlacements","elements","reference","refs","floatingStyles","actualPlacement","subMenu","React","Children","only","_a","type","isMenu","createElement","style","Object","assign","visibility","ref","setFloating","DialogContentContainer","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"wUAOA,IAAMA,EAA2C,CAAC,YAAa,aAAc,YAEvEC,EAAkB,SAAHC,GAOM,MANzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBAEMC,EAAWC,EAAuB,MAExCC,GAA0B,WACnBN,GAAqBD,IAASK,aAAA,EAAAA,EAAUG,UAG7CC,uBAAsB,WACpBJ,EAASG,QAAQE,OACnB,GACF,GAAG,CAACT,EAAkBD,IAEtB,IAAMW,EAAYC,GAChB,WAAA,MAA2B,SAApBR,EAA6B,aAAe,aAAa,GAChE,CAACA,IAGHS,EAIIC,EAAY,CACdH,UAAAA,EACAI,WAAY,CAACC,EAAK,CAAEC,mBAAoBrB,KACxCsB,SAAU,CACRC,UAAWpB,aAAA,EAAAA,EAAWS,WAPxBY,EAAIP,EAAJO,KACAC,EAAcR,EAAdQ,eACWC,EAAeT,EAA1BF,UASIY,EAAqBpB,GAAYqB,EAAMC,SAASC,KAAKvB,GAC3D,OAAkB,QAAbwB,EAAAJ,aAAO,EAAPA,EAASK,YAAI,IAAAD,OAAA,EAAAA,EAAEE,QAMlBL,EAAAM,cAAA,MAAA,CACEC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOZ,GAAgB,CAAAa,WAAYlC,EAAO,UAAY,WAC3DmC,IAAKf,EAAKgB,YACa,wBAAAd,GAEtBC,GAAWvB,GACVwB,EAAAM,cAACO,EACE,KAAAb,EAAMc,aAAaf,EACfS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAO,EAAPA,EAASgB,OACZ,CAAAC,UAAWxC,EACXyC,WAAW,EACXvC,QAAAA,EACAiC,IAAK9B,EACLqC,2BAA4BzC,QAlBpC0C,QAAQC,MAAM,0FAA2FrB,GAClG,KAuBX"}

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_80643ae14d",divider:"divider_2f7e97f4c0",splitSubMenuIcon:"splitSubMenuIcon_9e8bd6d78f",subMenuIcon:"subMenuIcon_b704a6783f",disabled:"disabled_893c9c52de",splitMenuItemIconButton:"splitMenuItemIconButton_ab924d6a5b"};!function(e){const n="s_id-b28b9c0c92bb_4_0_0-alpha_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_80643ae14d {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_80643ae14d .divider_2f7e97f4c0 {\n  height: 19px;\n}\n.subMenuIconWrapper_80643ae14d .splitSubMenuIcon_9e8bd6d78f {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_80643ae14d .subMenuIcon_b704a6783f,\n.subMenuIconWrapper_80643ae14d .splitSubMenuIcon_9e8bd6d78f {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_80643ae14d .subMenuIcon_b704a6783f.disabled_893c9c52de,\n.subMenuIconWrapper_80643ae14d .splitSubMenuIcon_9e8bd6d78f.disabled_893c9c52de {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_80643ae14d .splitMenuItemIconButton_ab924d6a5b {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper_fe3c687d91",divider:"divider_723f06b152",splitSubMenuIcon:"splitSubMenuIcon_565d4cdf92",subMenuIcon:"subMenuIcon_5f242f9a59",disabled:"disabled_928352d190",splitMenuItemIconButton:"splitMenuItemIconButton_b2556c5f3b"};!function(e){const n="s_id-b28b9c0c92bb_4_0_0-alpha_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_fe3c687d91 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_fe3c687d91 .divider_723f06b152 {\n  height: 19px;\n}\n.subMenuIconWrapper_fe3c687d91 .splitSubMenuIcon_565d4cdf92 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_fe3c687d91 .subMenuIcon_5f242f9a59,\n.subMenuIconWrapper_fe3c687d91 .splitSubMenuIcon_565d4cdf92 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_fe3c687d91 .subMenuIcon_5f242f9a59.disabled_928352d190,\n.subMenuIconWrapper_fe3c687d91 .splitSubMenuIcon_565d4cdf92.disabled_928352d190 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_fe3c687d91 .splitMenuItemIconButton_b2556c5f3b {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenuItemKeyboardEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.ts"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type CloseMenuOption } from \"../../Menu/MenuConstants\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.RIGHT_ARROW];\n\nexport default function useMenuItemKeyboardEvents({\n onClick,\n disabled,\n isActive,\n index,\n setActiveItemIndex,\n hasChildren,\n shouldShowSubMenu,\n setSubMenuIsOpenByIndex,\n menuRef,\n isMouseEnter,\n closeMenu,\n useDocumentEventListeners,\n splitMenuItem,\n isMouseEnterMenuItem,\n isMouseEnterIconButton\n}: {\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n disabled: boolean;\n isActive: boolean;\n index: number;\n hasChildren: boolean;\n shouldShowSubMenu: boolean;\n setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n setActiveItemIndex: (index: number) => void;\n menuRef: React.RefObject<HTMLElement>;\n isMouseEnter: boolean;\n closeMenu: (option: CloseMenuOption) => void;\n useDocumentEventListeners: boolean;\n splitMenuItem?: boolean;\n isMouseEnterMenuItem?: boolean;\n isMouseEnterIconButton?: boolean;\n}) {\n const onClickCallback = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (!isActive && !isMouseEnter) return;\n if (!setActiveItemIndex \|\| !setSubMenuIsOpenByIndex) {\n console.error(\"MenuItem must be a first level child of a menu\");\n return;\n }\n\n const isKeyEvent = event instanceof KeyboardEvent;\n\n if (isActive && hasChildren) {\n setActiveItemIndex(index);\n if (!splitMenuItem \|\| isMouseEnterIconButton) {\n setSubMenuIsOpenByIndex(index, true);\n return;\n }\n }\n\n if (isKeyEvent && splitMenuItem) {\n setSubMenuIsOpenByIndex(index, true);\n }\n\n if (shouldShowSubMenu) return;\n\n const clickCallback = () => {\n event.preventDefault();\n onClick(event);\n closeMenu({ propagate: true });\n };\n\n if (isKeyEvent && onClick && !disabled && isActive) {\n if ((event as React.KeyboardEvent).key === \"ArrowRight\") {\n return;\n }\n clickCallback();\n }\n\n if (!isKeyEvent && onClick && !disabled && isMouseEnter) {\n if (!isActive) {\n setActiveItemIndex(index);\n if (hasChildren) {\n setSubMenuIsOpenByIndex(index, true);\n }\n }\n\n if ((splitMenuItem && isMouseEnterMenuItem && !isMouseEnterIconButton) \|\| !hasChildren) {\n // wait for background of menu item to change before trigger click\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n clickCallback();\n });\n });\n }\n }\n },\n [\n isActive,\n isMouseEnter,\n setActiveItemIndex,\n setSubMenuIsOpenByIndex,\n hasChildren,\n splitMenuItem,\n shouldShowSubMenu,\n onClick,\n disabled,\n index,\n closeMenu,\n isMouseEnterMenuItem,\n isMouseEnterIconButton\n ]\n );\n\n const onKeyboardClick = useCallback((event: React.KeyboardEvent) => onClickCallback(event), [onClickCallback]);\n\n useKeyEvent({\n keys: KEYS,\n callback: onKeyboardClick,\n ref: useDocumentEventListeners ? undefined : menuRef\n });\n\n return { onClickCallback };\n}\n"],"names":["KEYS","keyCodes","ENTER","RIGHT_ARROW","useMenuItemKeyboardEvents","_ref","onClick","disabled","isActive","index","setActiveItemIndex","hasChildren","shouldShowSubMenu","setSubMenuIsOpenByIndex","menuRef","isMouseEnter","closeMenu","useDocumentEventListeners","splitMenuItem","isMouseEnterMenuItem","isMouseEnterIconButton","onClickCallback","useCallback","event","isKeyEvent","KeyboardEvent","clickCallback","preventDefault","propagate","key","requestAnimationFrame","console","error","onKeyboardClick","useKeyEvent","keys","callback","ref","undefined"],"mappings":"8LAMA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,aAEf,SAAAC,EAAyBC,GAgChD,IA/BCC,EAAOD,EAAPC,QACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAKJ,EAALI,MACAC,EAAkBL,EAAlBK,mBACAC,EAAWN,EAAXM,YACAC,EAAiBP,EAAjBO,kBACAC,EAAuBR,EAAvBQ,wBACAC,EAAOT,EAAPS,QACAC,EAAYV,EAAZU,aACAC,EAASX,EAATW,UACAC,EAAyBZ,EAAzBY,0BACAC,EAAab,EAAba,cACAC,EAAoBd,EAApBc,qBACAC,EAAsBf,EAAtBe,uBAkBMC,EAAkBC,GACtB,SAACC,GACC,GAAKf,GAAaO,EAClB,GAAKL,GAAuBG,EAA5B,CAKA,IAAMW,EAAaD,aAAiBE,cAEpC,GAAIjB,GAAYG,IACdD,EAAmBD,IACdS,GAAiBE,GACpBP,EAAwBJ,GAAO,QASnC,GAJIe,GAAcN,GAChBL,EAAwBJ,GAAO,IAG7BG,EAAJ,CAEA,IAAMc,EAAgB,WACpBH,EAAMI,iBACNrB,EAAQiB,GACRP,EAAU,CAAEY,WAAW,KAGzB,GAAIJ,GAAclB,IAAYC,GAAYC,EAAU,CAClD,GAA2C,eAAtCe,EAA8BM,IACjC,OAEFH,~~GACD~~,~~EAEIF~~,GAAclB,IAAYC,GAAYQ,IACpCP,IACHE,EAAmBD,GACfE,GACFE,EAAwBJ,GAAO,KAI9BS,GAAiBC,IAAyBC,IAA4BT,IAEzEmB,uBAAsB,WACpBA,uBAAsB,WACpBJ,GACF,GACF,IA7BmB,~~CAhBtB~~,~~MAFCK~~,QAAQC,MAAM,iDAkDlB,GACA,CACExB,EACAO,EACAL,EACAG,EACAF,EACAO,EACAN,EACAN,EACAC,EACAE,EACAO,EACAG,EACAC,IAIEa,EAAkBX,GAAY,SAACC,GAA0B,OAAKF,EAAgBE,KAAQ,CAACF,IAQ7F,OANAa,EAAY,CACVC,KAAMnC,EACNoC,SAAUH,EACVI,IAAKpB,OAA4BqB,EAAYxB,IAGxC,CAAEO,gBAAAA,EACX"}
1	+ {"version":3,"file":"useMenuItemKeyboardEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.ts"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type CloseMenuOption } from \"../../Menu/MenuConstants\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.RIGHT_ARROW];\n\nexport default function useMenuItemKeyboardEvents({\n onClick,\n disabled,\n isActive,\n index,\n setActiveItemIndex,\n hasChildren,\n shouldShowSubMenu,\n setSubMenuIsOpenByIndex,\n menuRef,\n isMouseEnter,\n closeMenu,\n useDocumentEventListeners,\n splitMenuItem,\n isMouseEnterMenuItem,\n isMouseEnterIconButton\n}: {\n onClick: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n disabled: boolean;\n isActive: boolean;\n index: number;\n hasChildren: boolean;\n shouldShowSubMenu: boolean;\n setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n setActiveItemIndex: (index: number) => void;\n menuRef: React.RefObject<HTMLElement>;\n isMouseEnter: boolean;\n closeMenu: (option: CloseMenuOption) => void;\n useDocumentEventListeners: boolean;\n splitMenuItem?: boolean;\n isMouseEnterMenuItem?: boolean;\n isMouseEnterIconButton?: boolean;\n}) {\n const onClickCallback = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (!isActive && !isMouseEnter) return;\n if (!setActiveItemIndex \|\| !setSubMenuIsOpenByIndex) {\n console.error(\"MenuItem must be a first level child of a menu\");\n return;\n }\n\n const isKeyEvent = event instanceof KeyboardEvent;\n\n if (isActive && hasChildren) {\n setActiveItemIndex(index);\n if (!splitMenuItem \|\| isMouseEnterIconButton) {\n setSubMenuIsOpenByIndex(index, true);\n return;\n }\n }\n\n if (isKeyEvent && splitMenuItem) {\n setSubMenuIsOpenByIndex(index, true);\n }\n\n if (shouldShowSubMenu) return;\n\n const clickCallback = () => {\n event.preventDefault();\n onClick(event);\n closeMenu({ propagate: true });\n };\n\n if (isKeyEvent && onClick && !disabled && isActive) {\n if ((event as React.KeyboardEvent).key === \"ArrowRight\") {\n return;\n }\n clickCallback();\n }\n\n if (!isKeyEvent && onClick && !disabled && isMouseEnter) {\n if (!isActive) {\n setActiveItemIndex(index);\n if (hasChildren) {\n setSubMenuIsOpenByIndex(index, true);\n }\n }\n\n if ((splitMenuItem && isMouseEnterMenuItem && !isMouseEnterIconButton) \|\| !hasChildren) {\n // wait for background of menu item to change before trigger click\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n clickCallback();\n });\n });\n }\n }\n },\n [\n isActive,\n isMouseEnter,\n setActiveItemIndex,\n setSubMenuIsOpenByIndex,\n hasChildren,\n splitMenuItem,\n shouldShowSubMenu,\n onClick,\n disabled,\n index,\n closeMenu,\n isMouseEnterMenuItem,\n isMouseEnterIconButton\n ]\n );\n\n const onKeyboardClick = useCallback((event: React.KeyboardEvent) => onClickCallback(event), [onClickCallback]);\n\n useKeyEvent({\n keys: KEYS,\n callback: onKeyboardClick,\n ref: useDocumentEventListeners ? undefined : menuRef\n });\n\n return { onClickCallback };\n}\n"],"names":["KEYS","keyCodes","ENTER","RIGHT_ARROW","useMenuItemKeyboardEvents","_ref","onClick","disabled","isActive","index","setActiveItemIndex","hasChildren","shouldShowSubMenu","setSubMenuIsOpenByIndex","menuRef","isMouseEnter","closeMenu","useDocumentEventListeners","splitMenuItem","isMouseEnterMenuItem","isMouseEnterIconButton","onClickCallback","useCallback","event","isKeyEvent","KeyboardEvent","clickCallback","preventDefault","propagate","key","requestAnimationFrame","console","error","onKeyboardClick","useKeyEvent","keys","callback","ref","undefined"],"mappings":"8LAMA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,aAEf,SAAAC,EAAyBC,GAgChD,IA/BCC,EAAOD,EAAPC,QACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAKJ,EAALI,MACAC,EAAkBL,EAAlBK,mBACAC,EAAWN,EAAXM,YACAC,EAAiBP,EAAjBO,kBACAC,EAAuBR,EAAvBQ,wBACAC,EAAOT,EAAPS,QACAC,EAAYV,EAAZU,aACAC,EAASX,EAATW,UACAC,EAAyBZ,EAAzBY,0BACAC,EAAab,EAAba,cACAC,EAAoBd,EAApBc,qBACAC,EAAsBf,EAAtBe,uBAkBMC,EAAkBC,GACtB,SAACC,GACC,GAAKf,GAAaO,EAClB,GAAKL,GAAuBG,EAA5B,CAKA,IAAMW,EAAaD,aAAiBE,cAEpC,GAAIjB,GAAYG,IACdD,EAAmBD,IACdS,GAAiBE,GACpBP,EAAwBJ,GAAO,QASnC,GAJIe,GAAcN,GAChBL,EAAwBJ,GAAO,IAG7BG,EAAJ,CAEA,IAAMc,EAAgB,WACpBH,EAAMI,iBACNrB,EAAQiB,GACRP,EAAU,CAAEY,WAAW,KAGzB,GAAIJ,GAAclB,IAAYC,GAAYC,EAAU,CAClD,GAA2C,eAAtCe,EAA8BM,IACjC,OAEFH,GACF,EAEKF,GAAclB,IAAYC,GAAYQ,IACpCP,IACHE,EAAmBD,GACfE,GACFE,EAAwBJ,GAAO,KAI9BS,GAAiBC,IAAyBC,IAA4BT,IAEzEmB,uBAAsB,WACpBA,uBAAsB,WACpBJ,GACF,GACF,IA7BmB,CAhBvB,MAFEK,QAAQC,MAAM,iDAkDlB,GACA,CACExB,EACAO,EACAL,EACAG,EACAF,EACAO,EACAN,EACAN,EACAC,EACAE,EACAO,EACAG,EACAC,IAIEa,EAAkBX,GAAY,SAACC,GAA0B,OAAKF,EAAgBE,KAAQ,CAACF,IAQ7F,OANAa,EAAY,CACVC,KAAMnC,EACNoC,SAAUH,EACVI,IAAKpB,OAA4BqB,EAAYxB,IAGxC,CAAEO,gBAAAA,EACX"}

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

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_2f72cf9a9e",buttonComponent:"buttonComponent_daa57fe039",content:"content_20f55caf2a"};!function(e){const t="s_id-5b38a66d7d32_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_2f72cf9a9e {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_2f72cf9a9e .buttonComponent_daa57fe039 {\n  width: 100%;\n}\n\n.itemButton_2f72cf9a9e .buttonComponent_daa57fe039 .content_20f55caf2a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_b6f35e1d68",buttonComponent:"buttonComponent_8a2029e277",content:"content_d74c2acfaa"};!function(e){const t="s_id-5b38a66d7d32_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_b6f35e1d68 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_b6f35e1d68 .buttonComponent_8a2029e277 {\n  width: 100%;\n}\n\n.itemButton_b6f35e1d68 .buttonComponent_8a2029e277 .content_d74c2acfaa {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={title:"title_5a32e2d7ed",titleCaption:"titleCaption_75442a73e6",titleCaptionCenter:"titleCaptionCenter_8280852e0d",titleCaptionBottom:"titleCaptionBottom_abbf6d4274",titleCaptionTop:"titleCaptionTop_92842239b2"};!function(t){const e="s_id-6a10a614e4d8_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_5a32e2d7ed {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_75442a73e6 {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter_8280852e0d {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_abbf6d4274,\n.titleCaptionTop_92842239b2 {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom_abbf6d4274 {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter_8280852e0d::before,\n.titleCaptionCenter_8280852e0d::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--space-8);\n}');export{t as default};
+var t={title:"title_17c4571034",titleCaption:"titleCaption_e9e9542a9f",titleCaptionCenter:"titleCaptionCenter_d5fc030f4a",titleCaptionBottom:"titleCaptionBottom_be2406041f",titleCaptionTop:"titleCaptionTop_2983258479"};!function(t){const e="s_id-6a10a614e4d8_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_17c4571034 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_e9e9542a9f {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n.titleCaptionCenter_d5fc030f4a {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_be2406041f,\n.titleCaptionTop_2983258479 {\n  padding-inline-start: var(--space-8);\n}\n.titleCaptionBottom_be2406041f {\n  padding-bottom: var(--space-8);\n}\n.titleCaptionCenter_d5fc030f4a::before,\n.titleCaptionCenter_d5fc030f4a::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--space-8);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_e8be28592e","focus-visible":"focus-visible_b9390e7de1",active:"active_94f4549a98",sizeXxs:"sizeXxs_60d0f62bdf",sizeXs:"sizeXs_1cbf206bdc",sizeSmall:"sizeSmall_6ceeb3581c",sizeMedium:"sizeMedium_9b0dcffd87",sizeLarge:"sizeLarge_c6725089de",disabled:"disabled_8388b135d1",text:"text_daa57fe039",innerText:"innerText_ea238715b8"};!function(n){const e="s_id-fe45efde1a3d_4_0_0-alpha_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_e8be28592e {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_e8be28592e:focus-visible, .wrapper_e8be28592e.focus-visible_b9390e7de1 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_e8be28592e:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.wrapper_e8be28592e:focus-visible, .wrapper_e8be28592e.focus-visible_b9390e7de1 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_e8be28592e:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.wrapper_e8be28592e:focus,\n.wrapper_e8be28592e:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_e8be28592e:active {\n  transform: scale(0.95);\n}\n.active_94f4549a98 {\n  background-color: var(--primary-selected-color);\n}\n.active_94f4549a98:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_94f4549a98:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_60d0f62bdf {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_1cbf206bdc {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_6ceeb3581c {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_9b0dcffd87 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_c6725089de {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_8388b135d1 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_8388b135d1:hover {\n  background-color: transparent;\n}\n.text_daa57fe039 {\n  width: 100%;\n}\n.innerText_ea238715b8 {\n  margin: 0 var(--space-8);\n}");export{n as default};
+var n={wrapper:"wrapper_a52fc7305c","focus-visible":"focus-visible_2a936b914b",active:"active_3399bbd0ec",sizeXxs:"sizeXxs_61c15b543d",sizeXs:"sizeXs_4158e582a4",sizeSmall:"sizeSmall_284eb47eb1",sizeMedium:"sizeMedium_f4a9b3ca57",sizeLarge:"sizeLarge_5f6381f43b",disabled:"disabled_2d2f69ecf1",text:"text_8a2029e277",innerText:"innerText_37fc6a0936"};!function(n){const e="s_id-fe45efde1a3d_4_0_0-alpha_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_a52fc7305c {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_a52fc7305c:focus-visible, .wrapper_a52fc7305c.focus-visible_2a936b914b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a52fc7305c:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.wrapper_a52fc7305c:focus-visible, .wrapper_a52fc7305c.focus-visible_2a936b914b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a52fc7305c:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.wrapper_a52fc7305c:focus,\n.wrapper_a52fc7305c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_a52fc7305c:active {\n  transform: scale(0.95);\n}\n.active_3399bbd0ec {\n  background-color: var(--primary-selected-color);\n}\n.active_3399bbd0ec:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_3399bbd0ec:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_61c15b543d {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_4158e582a4 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_284eb47eb1 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_f4a9b3ca57 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_5f6381f43b {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_2d2f69ecf1 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_2d2f69ecf1:hover {\n  background-color: transparent;\n}\n.text_8a2029e277 {\n  width: 100%;\n}\n.innerText_37fc6a0936 {\n  margin: 0 var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /*\n Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /*\n Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_9f06931a00",overlay:"overlay_296d4d6a2a",centerPop:"centerPop_3576d7b4cf",anchorPop:"anchorPop_3576d7b4cf",modal:"modal_1b0192fa6f",withHeaderAction:"withHeaderAction_4e3bcb4d02",sizeSmall:"sizeSmall_1f4ca24280",sizeMedium:"sizeMedium_ed691c9315",sizeLarge:"sizeLarge_78f295d1b2",sizeFullView:"sizeFullView_3836914587",containerEnter:"containerEnter_44ccc98997",fullView:"fullView_69be6c1a68",containerEnterActive:"containerEnterActive_1f6b8acc5c",centerPopIn:"centerPopIn_94b87dc993",anchorPopIn:"anchorPopIn_eeea3d4191",fullViewIn:"fullViewIn_55235d2e9f",containerExitActive:"containerExitActive_8b93ea289d",centerPopOut:"centerPopOut_be58a721f0",anchorPopOut:"anchorPopOut_591198fe71",fullViewOut:"fullViewOut_3a26a5db2a"};!function(n){const a="s_id-025304351d4e_4_0_0-alpha_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_9f06931a00 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_296d4d6a2a {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_3576d7b4cf {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_3576d7b4cf {\n  transform: translate(-50%, -50%);\n}\n\n.modal_1b0192fa6f {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_1b0192fa6f.withHeaderAction_4e3bcb4d02 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_1b0192fa6f.sizeSmall_1f4ca24280 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_1b0192fa6f.sizeMedium_ed691c9315 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_1b0192fa6f.sizeLarge_78f295d1b2 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_1b0192fa6f.sizeFullView_3836914587 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_1b0192fa6f.sizeSmall_1f4ca24280 {\n    --modal-width: 480px;\n  }\n  .modal_1b0192fa6f.sizeMedium_ed691c9315 {\n    --modal-width: 580px;\n  }\n  .modal_1b0192fa6f.sizeLarge_78f295d1b2 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_1b0192fa6f.sizeSmall_1f4ca24280 {\n    --modal-width: 520px;\n  }\n  .modal_1b0192fa6f.sizeMedium_ed691c9315 {\n    --modal-width: 620px;\n  }\n  .modal_1b0192fa6f.sizeLarge_78f295d1b2 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_1b0192fa6f.sizeFullView_3836914587 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_44ccc98997 .overlay_296d4d6a2a {\n  opacity: 0;\n}\n\n.containerEnter_44ccc98997 .centerPop_3576d7b4cf {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_44ccc98997 .anchorPop_3576d7b4cf {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_44ccc98997 .fullView_69be6c1a68 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_1f6b8acc5c .overlay_296d4d6a2a {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_1f6b8acc5c .centerPop_3576d7b4cf {\n  animation: centerPopIn_94b87dc993 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_1f6b8acc5c .anchorPop_3576d7b4cf {\n  animation: anchorPopIn_eeea3d4191 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_1f6b8acc5c .fullView_69be6c1a68 {\n  animation: fullViewIn_55235d2e9f 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_8b93ea289d .overlay_296d4d6a2a {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_8b93ea289d .centerPop_3576d7b4cf {\n  animation: centerPopOut_be58a721f0 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_8b93ea289d .anchorPop_3576d7b4cf {\n  animation: anchorPopOut_591198fe71 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_8b93ea289d .fullView_69be6c1a68 {\n  animation: fullViewOut_3a26a5db2a 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_94b87dc993 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_be58a721f0 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_eeea3d4191 {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_591198fe71 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_55235d2e9f {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_3a26a5db2a {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container_5730e11414",overlay:"overlay_012669ad41",centerPop:"centerPop_00b36d1e72",anchorPop:"anchorPop_00b36d1e72",modal:"modal_6464c3b03b",withHeaderAction:"withHeaderAction_421a0eca42",sizeSmall:"sizeSmall_ca36ac885f",sizeMedium:"sizeMedium_82ba9c8ce0",sizeLarge:"sizeLarge_fb2c3ee55b",sizeFullView:"sizeFullView_99e0425f72",containerEnter:"containerEnter_556161688d",fullView:"fullView_91ea31d6cf",containerEnterActive:"containerEnterActive_067ab7de8f",centerPopIn:"centerPopIn_8eb85faed1",anchorPopIn:"anchorPopIn_0ae5993d7f",fullViewIn:"fullViewIn_982602391c",containerExitActive:"containerExitActive_8629086804",centerPopOut:"centerPopOut_c11ae19d9f",anchorPopOut:"anchorPopOut_19bd779e17",fullViewOut:"fullViewOut_cd2c759e65"};!function(n){const e="s_id-025304351d4e_4_0_0-alpha_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_5730e11414 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_012669ad41 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_00b36d1e72 {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_00b36d1e72 {\n  transform: translate(-50%, -50%);\n}\n\n.modal_6464c3b03b {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_6464c3b03b.withHeaderAction_421a0eca42 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_6464c3b03b.sizeSmall_ca36ac885f {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_6464c3b03b.sizeMedium_82ba9c8ce0 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_6464c3b03b.sizeLarge_fb2c3ee55b {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_6464c3b03b.sizeFullView_99e0425f72 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_6464c3b03b.sizeSmall_ca36ac885f {\n    --modal-width: 480px;\n  }\n  .modal_6464c3b03b.sizeMedium_82ba9c8ce0 {\n    --modal-width: 580px;\n  }\n  .modal_6464c3b03b.sizeLarge_fb2c3ee55b {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_6464c3b03b.sizeSmall_ca36ac885f {\n    --modal-width: 520px;\n  }\n  .modal_6464c3b03b.sizeMedium_82ba9c8ce0 {\n    --modal-width: 620px;\n  }\n  .modal_6464c3b03b.sizeLarge_fb2c3ee55b {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_6464c3b03b.sizeFullView_99e0425f72 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_556161688d .overlay_012669ad41 {\n  opacity: 0;\n}\n\n.containerEnter_556161688d .centerPop_00b36d1e72 {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_556161688d .anchorPop_00b36d1e72 {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_556161688d .fullView_91ea31d6cf {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_067ab7de8f .overlay_012669ad41 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_067ab7de8f .centerPop_00b36d1e72 {\n  animation: centerPopIn_8eb85faed1 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_067ab7de8f .anchorPop_00b36d1e72 {\n  animation: anchorPopIn_0ae5993d7f 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_067ab7de8f .fullView_91ea31d6cf {\n  animation: fullViewIn_982602391c 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_8629086804 .overlay_012669ad41 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_8629086804 .centerPop_00b36d1e72 {\n  animation: centerPopOut_c11ae19d9f 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_8629086804 .anchorPop_00b36d1e72 {\n  animation: anchorPopOut_19bd779e17 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_8629086804 .fullView_91ea31d6cf {\n  animation: fullViewOut_cd2c759e65 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_8eb85faed1 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_c11ae19d9f {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_0ae5993d7f {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_19bd779e17 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_982602391c {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_cd2c759e65 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

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

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

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

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

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