npm - @vibe/core - Versions diffs - 4.2.1 → 4.2.3 - Mend

@vibe/core 4.2.1 → 4.2.3

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

package/dist/src/components/GridKeyboardNavigationContext/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","sources":["../../../../src/components/GridKeyboardNavigationContext/helper.ts"],"sourcesContent":["import { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n type DirectionMap,\n type DirectionMaps,\n type GridElementRef,\n type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nfunction throwIfCausingCircularDependency(directionMaps: DirectionMaps, newPosition: Position) {\n const { topElement, bottomElement, leftElement, rightElement } = newPosition;\n if (topElement && bottomElement) {\n if (directionMaps[NavDirections.UP].get(topElement) === bottomElement) {\n throwMessage(\"BOTTOM\", \"TOP\");\n }\n if (directionMaps[NavDirections.DOWN].get(bottomElement) === topElement) {\n throwMessage(\"TOP\", \"BOTTOM\");\n }\n }\n if (leftElement && rightElement) {\n if (directionMaps[NavDirections.LEFT].get(leftElement) === rightElement) {\n throwMessage(\"RIGHT\", \"LEFT\");\n }\n if (directionMaps[NavDirections.RIGHT].get(rightElement) === leftElement) {\n throwMessage(\"LEFT\", \"RIGHT\");\n }\n }\n\n function throwMessage(directionFrom: string, directionTo: string) {\n throw new Error(\n `Circular positioning detected: the ${directionFrom} element is already positioned to the ${directionTo} of the ${directionTo} element. This probably means the layout isn't ordered correctly.`\n );\n }\n}\n\nexport const getDirectionMaps = (positions: Position[]) => {\n const directionMaps: DirectionMaps = {\n [NavDirections.RIGHT]: new Map(),\n [NavDirections.LEFT]: new Map(),\n [NavDirections.UP]: new Map(),\n [NavDirections.DOWN]: new Map()\n };\n positions.forEach(position => {\n throwIfCausingCircularDependency(directionMaps, position);\n\n const { topElement, bottomElement, leftElement, rightElement } = position;\n if (topElement && bottomElement) {\n directionMaps[NavDirections.UP].set(bottomElement, topElement);\n directionMaps[NavDirections.DOWN].set(topElement, bottomElement);\n }\n if (leftElement && rightElement) {\n directionMaps[NavDirections.LEFT].set(rightElement, leftElement);\n directionMaps[NavDirections.RIGHT].set(leftElement, rightElement);\n }\n });\n return directionMaps;\n};\n\nexport const getOppositeDirection = (direction: NavDirections) => {\n switch (direction) {\n case NavDirections.LEFT:\n return NavDirections.RIGHT;\n case NavDirections.RIGHT:\n return NavDirections.LEFT;\n case NavDirections.UP:\n return NavDirections.DOWN;\n case NavDirections.DOWN:\n return NavDirections.UP;\n default:\n throw new Error(`Unexpected direction: ${direction}`);\n }\n};\n\nexport const getOutmostElementInDirection = (\n directionMaps: DirectionMaps,\n direction: NavDirections\n): GridElementRef => {\n const directionMap = directionMaps[direction];\n const firstEntry = [...directionMap][0]; // start with any element\n if (!firstEntry) {\n // no relations were registered for this direction - fallback to a different direction\n if ([NavDirections.LEFT, NavDirections.RIGHT].includes(direction)) {\n // there are no registered horizontal relations registered, try vertical relations. Get the top-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.UP);\n }\n // there are no registered vertical relations registered, try horizontal relations. Get the left-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.LEFT);\n }\n const firstRef = firstEntry[0];\n return getLastFocusableElementFromElementInDirection(directionMap, firstRef);\n};\n\nexport const getNextElementToFocusInDirection = (\n directionMap: DirectionMap,\n elementRef: GridElementRef\n): null \| GridElementRef => {\n const next = directionMap.get(elementRef);\n if (!next) {\n // this is the last element on the direction map - there' nothing next\n return null;\n }\n if (!next.current \|\| next.current.disabled \|\| next.current.dataset?.disabled === \"true\") {\n // the next element is not mounted or disabled - try the next one\n return getNextElementToFocusInDirection(directionMap, next);\n }\n return next;\n};\n\nfunction getLastFocusableElementFromElementInDirection(directionMap: DirectionMap, initialRef: GridElementRef) {\n let done = false;\n let currentRef = initialRef;\n\n while (!done) {\n // as long as there's a mounted element which in that direction, take it.\n const nextEligible = getNextElementToFocusInDirection(directionMap, currentRef);\n if (!nextEligible) {\n done = true;\n } else {\n currentRef = nextEligible;\n }\n }\n\n return currentRef;\n}\n"],"names":["getDirectionMaps","positions","directionMaps","_defineProperty","NavDirections","RIGHT","Map","LEFT","UP","DOWN","forEach","position","newPosition","topElement","bottomElement","leftElement","rightElement","throwMessage","directionFrom","directionTo","Error","concat","get","throwIfCausingCircularDependency","set","getOppositeDirection","direction","getOutmostElementInDirection","directionMap","firstEntry","_toConsumableArray","initialRef","done","currentRef","nextEligible","getNextElementToFocusInDirection","getLastFocusableElementFromElementInDirection","includes","elementRef","next","current","disabled","_a","dataset"],"mappings":"mLAkCaA,EAAmB,SAACC,GAC/B,IAAMC,EAAaC,EAAAA,EAAAA,EAAAA,EAAA,~~GAChBC~~,EAAcC,MAAQ,IAAIC,KAC1BF,EAAcG,KAAO,IAAID,KACzBF,EAAcI,GAAK,IAAIF,KACvBF,EAAcK,KAAO,IAAIH,KAe5B,OAbAL,EAAUS,SAAQ,SAAAC,IAjCpB,SAA0CT,EAA8BU,GACtE,IAAQC,EAAyDD,EAAzDC,WAAYC,EAA6CF,EAA7CE,cAAeC,EAA8BH,EAA9BG,YAAaC,EAAiBJ,EAAjBI,aAkBhD,SAASC,EAAaC,EAAuBC,GAC3C,MAAUC,~~MAAKC~~,~~sCAAAA~~,OACyBH,EAAa,0CAAAG,OAAyCF,~~EAAWE~~,~~YAAAA~~,OAAWF,uEAEtH,CArBIN,GAAcC,IACZZ,EAAcE,EAAcI,IAAIc,IAAIT,KAAgBC,GACtDG,EAAa,SAAU,OAErBf,EAAcE,EAAcK,MAAMa,IAAIR,KAAmBD,GAC3DI,EAAa,MAAO,WAGpBF,GAAeC,IACbd,EAAcE,EAAcG,MAAMe,IAAIP,KAAiBC,GACzDC,EAAa,QAAS,QAEpBf,EAAcE,EAAcC,OAAOiB,IAAIN,KAAkBD,GAC3DE,EAAa,OAAQ,SAS3B,CAUIM,CAAiCrB,EAAeS,GAEhD,IAAQE,EAAyDF,EAAzDE,WAAYC,EAA6CH,EAA7CG,cAAeC,EAA8BJ,EAA9BI,YAAaC,EAAiBL,EAAjBK,aAC5CH,GAAcC,IAChBZ,EAAcE,EAAcI,IAAIgB,IAAIV,EAAeD,GACnDX,EAAcE,EAAcK,MAAMe,IAAIX,EAAYC,IAEhDC,GAAeC,IACjBd,EAAcE,EAAcG,MAAMiB,IAAIR,EAAcD,GACpDb,EAAcE,EAAcC,OAAOmB,IAAIT,EAAaC,GAExD,IACOd,CACT,EAEauB,EAAuB,SAACC,GACnC,OAAQA,GACN,KAAKtB,EAAcG,KACjB,OAAOH,EAAcC,MACvB,KAAKD,EAAcC,MACjB,OAAOD,EAAcG,KACvB,KAAKH,EAAcI,GACjB,OAAOJ,EAAcK,KACvB,KAAKL,EAAcK,KACjB,OAAOL,EAAcI,GACvB,QACE,MAAUY,MAAK,yBAAAC,OAA0BK,IAE/C,EAEaC,EAA+B,SAA/BA,EACXzB,EACAwB,GAEA,IAAME,EAAe1B,EAAcwB,GAC7BG,EAAaC,EAAIF,GAAc,GACrC,OAAKC,EA6BP,SAAuDD,EAA4BG,GACjF,IAAIC,GAAO,EACPC,EAAaF,EAEjB,MAAQC,GAAM,CAEZ,IAAME,EAAeC,EAAiCP,EAAcK,GAC/DC,EAGHD,EAAaC,EAFbF,GAAO,CAIX,CAEA,OAAOC,CACT,CAlCSG,CAA8CR,EADpCC,EAAW,IALjBF,EAA6BzB,EAFlC,CAACE,EAAcG,KAAMH,EAAcC,OAAOgC,SAASX,GAEFtB,EAAcI,GAGhBJ,EAAcG,KAIrE,EAEa4B,EAAmC,SAAnCA,EACXP,EACAU,SAEMC,EAAOX,EAAaN,IAAIgB,GAC9B,OAAKC,GAIAA,EAAKC,SAAWD,EAAKC,QAAQC,UAA+C,kBAAnCC,EAAAH,EAAKC,QAAQG,8BAASF,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}
1	+ {"version":3,"file":"helper.js","sources":["../../../../src/components/GridKeyboardNavigationContext/helper.ts"],"sourcesContent":["import { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n type DirectionMap,\n type DirectionMaps,\n type GridElementRef,\n type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nfunction throwIfCausingCircularDependency(directionMaps: DirectionMaps, newPosition: Position) {\n const { topElement, bottomElement, leftElement, rightElement } = newPosition;\n if (topElement && bottomElement) {\n if (directionMaps[NavDirections.UP].get(topElement) === bottomElement) {\n throwMessage(\"BOTTOM\", \"TOP\");\n }\n if (directionMaps[NavDirections.DOWN].get(bottomElement) === topElement) {\n throwMessage(\"TOP\", \"BOTTOM\");\n }\n }\n if (leftElement && rightElement) {\n if (directionMaps[NavDirections.LEFT].get(leftElement) === rightElement) {\n throwMessage(\"RIGHT\", \"LEFT\");\n }\n if (directionMaps[NavDirections.RIGHT].get(rightElement) === leftElement) {\n throwMessage(\"LEFT\", \"RIGHT\");\n }\n }\n\n function throwMessage(directionFrom: string, directionTo: string) {\n throw new Error(\n `Circular positioning detected: the ${directionFrom} element is already positioned to the ${directionTo} of the ${directionTo} element. This probably means the layout isn't ordered correctly.`\n );\n }\n}\n\nexport const getDirectionMaps = (positions: Position[]) => {\n const directionMaps: DirectionMaps = {\n [NavDirections.RIGHT]: new Map(),\n [NavDirections.LEFT]: new Map(),\n [NavDirections.UP]: new Map(),\n [NavDirections.DOWN]: new Map()\n };\n positions.forEach(position => {\n throwIfCausingCircularDependency(directionMaps, position);\n\n const { topElement, bottomElement, leftElement, rightElement } = position;\n if (topElement && bottomElement) {\n directionMaps[NavDirections.UP].set(bottomElement, topElement);\n directionMaps[NavDirections.DOWN].set(topElement, bottomElement);\n }\n if (leftElement && rightElement) {\n directionMaps[NavDirections.LEFT].set(rightElement, leftElement);\n directionMaps[NavDirections.RIGHT].set(leftElement, rightElement);\n }\n });\n return directionMaps;\n};\n\nexport const getOppositeDirection = (direction: NavDirections) => {\n switch (direction) {\n case NavDirections.LEFT:\n return NavDirections.RIGHT;\n case NavDirections.RIGHT:\n return NavDirections.LEFT;\n case NavDirections.UP:\n return NavDirections.DOWN;\n case NavDirections.DOWN:\n return NavDirections.UP;\n default:\n throw new Error(`Unexpected direction: ${direction}`);\n }\n};\n\nexport const getOutmostElementInDirection = (\n directionMaps: DirectionMaps,\n direction: NavDirections\n): GridElementRef => {\n const directionMap = directionMaps[direction];\n const firstEntry = [...directionMap][0]; // start with any element\n if (!firstEntry) {\n // no relations were registered for this direction - fallback to a different direction\n if ([NavDirections.LEFT, NavDirections.RIGHT].includes(direction)) {\n // there are no registered horizontal relations registered, try vertical relations. Get the top-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.UP);\n }\n // there are no registered vertical relations registered, try horizontal relations. Get the left-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.LEFT);\n }\n const firstRef = firstEntry[0];\n return getLastFocusableElementFromElementInDirection(directionMap, firstRef);\n};\n\nexport const getNextElementToFocusInDirection = (\n directionMap: DirectionMap,\n elementRef: GridElementRef\n): null \| GridElementRef => {\n const next = directionMap.get(elementRef);\n if (!next) {\n // this is the last element on the direction map - there' nothing next\n return null;\n }\n if (!next.current \|\| next.current.disabled \|\| next.current.dataset?.disabled === \"true\") {\n // the next element is not mounted or disabled - try the next one\n return getNextElementToFocusInDirection(directionMap, next);\n }\n return next;\n};\n\nfunction getLastFocusableElementFromElementInDirection(directionMap: DirectionMap, initialRef: GridElementRef) {\n let done = false;\n let currentRef = initialRef;\n\n while (!done) {\n // as long as there's a mounted element which in that direction, take it.\n const nextEligible = getNextElementToFocusInDirection(directionMap, currentRef);\n if (!nextEligible) {\n done = true;\n } else {\n currentRef = nextEligible;\n }\n }\n\n return currentRef;\n}\n"],"names":["getDirectionMaps","positions","directionMaps","_defineProperty","NavDirections","RIGHT","Map","LEFT","UP","DOWN","forEach","position","newPosition","topElement","bottomElement","leftElement","rightElement","throwMessage","directionFrom","directionTo","Error","concat","get","throwIfCausingCircularDependency","set","getOppositeDirection","direction","getOutmostElementInDirection","directionMap","firstEntry","_toConsumableArray","initialRef","done","currentRef","nextEligible","getNextElementToFocusInDirection","getLastFocusableElementFromElementInDirection","includes","elementRef","next","current","disabled","_a","dataset"],"mappings":"mLAkCaA,EAAmB,SAACC,GAC/B,IAAMC,EAAaC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAChBC,EAAcC,MAAQ,IAAIC,KAC1BF,EAAcG,KAAO,IAAID,KACzBF,EAAcI,GAAK,IAAIF,KACvBF,EAAcK,KAAO,IAAIH,KAe5B,OAbAL,EAAUS,SAAQ,SAAAC,IAjCpB,SAA0CT,EAA8BU,GACtE,IAAQC,EAAyDD,EAAzDC,WAAYC,EAA6CF,EAA7CE,cAAeC,EAA8BH,EAA9BG,YAAaC,EAAiBJ,EAAjBI,aAkBhD,SAASC,EAAaC,EAAuBC,GAC3C,MAAUC,MAAK,sCAAAC,OACyBH,EAAa,0CAAAG,OAAyCF,EAAW,YAAAE,OAAWF,uEAEtH,CArBIN,GAAcC,IACZZ,EAAcE,EAAcI,IAAIc,IAAIT,KAAgBC,GACtDG,EAAa,SAAU,OAErBf,EAAcE,EAAcK,MAAMa,IAAIR,KAAmBD,GAC3DI,EAAa,MAAO,WAGpBF,GAAeC,IACbd,EAAcE,EAAcG,MAAMe,IAAIP,KAAiBC,GACzDC,EAAa,QAAS,QAEpBf,EAAcE,EAAcC,OAAOiB,IAAIN,KAAkBD,GAC3DE,EAAa,OAAQ,SAS3B,CAUIM,CAAiCrB,EAAeS,GAEhD,IAAQE,EAAyDF,EAAzDE,WAAYC,EAA6CH,EAA7CG,cAAeC,EAA8BJ,EAA9BI,YAAaC,EAAiBL,EAAjBK,aAC5CH,GAAcC,IAChBZ,EAAcE,EAAcI,IAAIgB,IAAIV,EAAeD,GACnDX,EAAcE,EAAcK,MAAMe,IAAIX,EAAYC,IAEhDC,GAAeC,IACjBd,EAAcE,EAAcG,MAAMiB,IAAIR,EAAcD,GACpDb,EAAcE,EAAcC,OAAOmB,IAAIT,EAAaC,GAExD,IACOd,CACT,EAEauB,EAAuB,SAACC,GACnC,OAAQA,GACN,KAAKtB,EAAcG,KACjB,OAAOH,EAAcC,MACvB,KAAKD,EAAcC,MACjB,OAAOD,EAAcG,KACvB,KAAKH,EAAcI,GACjB,OAAOJ,EAAcK,KACvB,KAAKL,EAAcK,KACjB,OAAOL,EAAcI,GACvB,QACE,MAAUY,MAAK,yBAAAC,OAA0BK,IAE/C,EAEaC,EAA+B,SAA/BA,EACXzB,EACAwB,GAEA,IAAME,EAAe1B,EAAcwB,GAC7BG,EAAaC,EAAIF,GAAc,GACrC,OAAKC,EA6BP,SAAuDD,EAA4BG,GACjF,IAAIC,GAAO,EACPC,EAAaF,EAEjB,MAAQC,GAAM,CAEZ,IAAME,EAAeC,EAAiCP,EAAcK,GAC/DC,EAGHD,EAAaC,EAFbF,GAAO,CAIX,CAEA,OAAOC,CACT,CAlCSG,CAA8CR,EADpCC,EAAW,IALjBF,EAA6BzB,EAFlC,CAACE,EAAcG,KAAMH,EAAcC,OAAOgC,SAASX,GAEFtB,EAAcI,GAGhBJ,EAAcG,KAIrE,EAEa4B,EAAmC,SAAnCA,EACXP,EACAU,SAEMC,EAAOX,EAAaN,IAAIgB,GAC9B,OAAKC,GAIAA,EAAKC,SAAWD,EAAKC,QAAQC,UAA+C,kBAAnCC,EAAAH,EAAKC,QAAQG,8BAASF,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}

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

@@ -1,2 +1,2 @@
-import e from"classnames";import t,{forwardRef as s,useRef as r}from"react";import{getTestId as a,ComponentDefaultTestId as d}from"../../tests/testIds.js";import o from"./HiddenText.module.scss.js";import{useMergeRef as i}from"../../../shared/dist/hooks/useMergeRef.js";var m=s((function(s,m){var n=s.text,f=s.className,p=void 0===f?"":f,l=s.id,c=void 0===l?"hiddenText":l,u=s["data-testid"],x=r(null),T=i(m,x);return t.createElement("span",{ref:T,id:c,"data-testid":u||a(d.HIDDEN_TEXT,c),className:e(o.hiddenTextWrapper,p)},n)}));export{m as default};
+import e from"classnames";import t,{forwardRef as s,useRef as r}from"react";import{getTestId as a,ComponentDefaultTestId as d}from"../../../testIds.js";import o from"./HiddenText.module.scss.js";import{useMergeRef as i}from"../../../shared/dist/hooks/useMergeRef.js";var m=s((function(s,m){var n=s.text,f=s.className,p=void 0===f?"":f,l=s.id,c=void 0===l?"hiddenText":l,u=s["data-testid"],x=r(null),T=i(m,x);return t.createElement("span",{ref:T,id:c,"data-testid":u||a(d.HIDDEN_TEXT,c),className:e(o.hiddenTextWrapper,p)},n)}));export{m as default};
 //# sourceMappingURL=HiddenText.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HiddenText.js","sources":["../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n /*\n The text content that is hidden but available for assistive technologies.\n */\n text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <span\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n className={cx(styles.hiddenTextWrapper, className)}\n >\n {text}\n </span>\n );\n }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"~~8QAcMA~~,~~IAAAA~~,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,~~OAAY~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,~~OAAK~~,~~IAAHD~~,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}
1	+ {"version":3,"file":"HiddenText.js","sources":["../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n /*\n The text content that is hidden but available for assistive technologies.\n */\n text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <span\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n className={cx(styles.hiddenTextWrapper, className)}\n >\n {text}\n </span>\n );\n }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"2QAcA,IAAMA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAE,IAAAD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_9b2e3fcb46"};!function(e){const t="s_id-5ac012179a41_4_2_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.hiddenTextWrapper_9b2e3fcb46 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_4d901cd5b8"};!function(e){const t="s_id-5ac012179a41_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_4d901cd5b8 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as a,useCallback as n}from"react";import"../../../_virtual/_tslib.js";import"classnames";import{getTestId as s}from"../../tests/testIds.js";import"../Link/Link.module.scss.js";import"es-toolkit";import{ComponentDefaultTestId as r,ComponentVibeId as l}from"../../tests/constants.js";import"./components/InfoLink/InfoLink.module.scss.js";import d from"./components/InfoDialogContent/InfoDialogContent.js";import c from"../../../components/dialog/dist/Dialog/Dialog.js";import m from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/Info.js";import{useMergeRef as u}from"../../../shared/dist/hooks/useMergeRef.js";var f=e((function(e,f){var g=e.id,b=e.className,k=e.title,v=e.body,h=e.link,j=e["aria-label"],y=e["aria-labelledby"],D=e.position,I=void 0===D?"bottom-start":D,N=e.disabled,B=void 0!==N&&N,T=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,L=e.dialogClassName,S=e.containerSelector,_=e["data-testid"],w=t(null),x=u(f,w),C=t(null),F=a(!1),A=o(F,2),O=A[0],R=A[1],q=g?"".concat(g,"-dialog"):void 0,z=n((function(){R(!0),null==T||T(),requestAnimationFrame((function(){var o;null===(o=C.current)||void 0===o||o.focus()}))}),[T]),M=n((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=w.current)||void 0===i||i.focus())}),[E]);return i.createElement(c,{id:q,disable:B,position:I,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:S,content:i.createElement(d,{ref:C,id:q,title:k,body:v,link:h,className:L}),hideWhenReferenceHidden:!0},i.createElement(m,{ref:x,id:g,className:b,icon:p,size:"xs",kind:"tertiary",active:O,disabled:B,"aria-label":j,"aria-labelledby":y,"aria-controls":q,"aria-haspopup":"dialog","aria-expanded":O,"data-testid":_||s(r.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
+import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as a,useCallback as n}from"react";import"../../../_virtual/_tslib.js";import"classnames";import{getTestId as r}from"../../../testIds.js";import"../Link/Link.module.scss.js";import"es-toolkit";import{ComponentVibeId as s,ComponentDefaultTestId as l}from"../../tests/constants.js";import"./components/InfoLink/InfoLink.module.scss.js";import d from"./components/InfoDialogContent/InfoDialogContent.js";import c from"../../../components/dialog/dist/Dialog/Dialog.js";import m from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/Info.js";import{useMergeRef as u}from"../../../shared/dist/hooks/useMergeRef.js";var f=e((function(e,f){var g=e.id,b=e.className,k=e.title,v=e.body,h=e.link,j=e["aria-label"],y=e["aria-labelledby"],D=e.position,I=void 0===D?"bottom-start":D,N=e.disabled,B=void 0!==N&&N,T=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,L=e.dialogClassName,S=e.containerSelector,_=e["data-testid"],w=t(null),x=u(f,w),C=t(null),F=a(!1),A=o(F,2),O=A[0],R=A[1],q=g?"".concat(g,"-dialog"):void 0,z=n((function(){R(!0),null==T||T(),requestAnimationFrame((function(){var o;null===(o=C.current)||void 0===o||o.focus()}))}),[T]),M=n((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=w.current)||void 0===i||i.focus())}),[E]);return i.createElement(c,{id:q,disable:B,position:I,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:S,content:i.createElement(d,{ref:C,id:q,title:k,body:v,link:h,className:L}),hideWhenReferenceHidden:!0},i.createElement(m,{ref:x,id:g,className:b,icon:p,size:"xs",kind:"tertiary",active:O,disabled:B,"aria-label":j,"aria-labelledby":y,"aria-controls":q,"aria-haspopup":"dialog","aria-expanded":O,"data-testid":_||r(l.INFO,g),"data-vibe":s.INFO,hideTooltip:H}))}));export{f as default};
 //# sourceMappingURL=Info.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Info.js","sources":["../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { useMergeRef } from \"@vibe/shared\";\n\nconst Info = forwardRef(\n (\n {\n id,\n className,\n title,\n body,\n link,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n position = \"bottom-start\",\n disabled = false,\n onDialogShow,\n onDialogHide,\n hideButtonTooltip,\n dialogClassName,\n containerSelector,\n \"data-testid\": dataTestId\n }: InfoProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const iconButtonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, iconButtonRef);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n\n const [isOpen, setIsOpen] = useState(false);\n\n const dialogId = id ? `${id}-dialog` : undefined;\n\n const handleDialogShow = useCallback(() => {\n setIsOpen(true);\n onDialogShow?.();\n requestAnimationFrame(() => {\n dialogContentRef.current?.focus();\n });\n }, [onDialogShow]);\n\n const handleDialogHide = useCallback(\n (e: DialogEvent) => {\n setIsOpen(false);\n onDialogHide?.();\n if ((e as React.KeyboardEvent).key === \"Escape\") {\n iconButtonRef.current?.focus();\n }\n },\n [onDialogHide]\n );\n\n return (\n <Dialog\n id={dialogId}\n disable={disabled}\n position={position}\n moveBy={{ main: 4, secondary: 0 }}\n showTrigger={[\"click\"]}\n hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n onDialogDidShow={handleDialogShow}\n onDialogDidHide={handleDialogHide}\n containerSelector={containerSelector}\n content={\n <InfoDialogContent\n ref={dialogContentRef}\n id={dialogId}\n title={title}\n body={body}\n link={link}\n className={dialogClassName}\n />\n }\n hideWhenReferenceHidden\n >\n <IconButton\n ref={mergedRef}\n id={id}\n className={className}\n icon={InfoIcon}\n size=\"xs\"\n kind=\"tertiary\"\n active={isOpen}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-controls={dialogId}\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INFO, id)}\n data-vibe={ComponentVibeId.INFO}\n hideTooltip={hideButtonTooltip}\n />\n </Dialog>\n );\n }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"~~uxBAUMA~~,~~IAAAA~~,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,~~OAAW~~,~~IAAHD~~,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,~~OAAW~~,~~IAAHD~~,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,~~iBACM~~,~~QAA1BC~~,EAAAb,EAAiBc,~~eAAS~~,IAAAD,GAAAA,~~EAAAE~~,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,~~MACN~~,~~QAAvBL~~,EAAAjB,EAAckB,~~eAAS~~,IAAAD,GAAAA,~~EAAAE~~,QAE3B,GACA,CAACxB,IAGH,OACE4B,~~EAACC~~,~~cAAAC~~,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,~~EACC~~,~~CAAArD~~,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}
1	+ {"version":3,"file":"Info.js","sources":["../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { useMergeRef } from \"@vibe/shared\";\n\nconst Info = forwardRef(\n (\n {\n id,\n className,\n title,\n body,\n link,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n position = \"bottom-start\",\n disabled = false,\n onDialogShow,\n onDialogHide,\n hideButtonTooltip,\n dialogClassName,\n containerSelector,\n \"data-testid\": dataTestId\n }: InfoProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const iconButtonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, iconButtonRef);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n\n const [isOpen, setIsOpen] = useState(false);\n\n const dialogId = id ? `${id}-dialog` : undefined;\n\n const handleDialogShow = useCallback(() => {\n setIsOpen(true);\n onDialogShow?.();\n requestAnimationFrame(() => {\n dialogContentRef.current?.focus();\n });\n }, [onDialogShow]);\n\n const handleDialogHide = useCallback(\n (e: DialogEvent) => {\n setIsOpen(false);\n onDialogHide?.();\n if ((e as React.KeyboardEvent).key === \"Escape\") {\n iconButtonRef.current?.focus();\n }\n },\n [onDialogHide]\n );\n\n return (\n <Dialog\n id={dialogId}\n disable={disabled}\n position={position}\n moveBy={{ main: 4, secondary: 0 }}\n showTrigger={[\"click\"]}\n hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n onDialogDidShow={handleDialogShow}\n onDialogDidHide={handleDialogHide}\n containerSelector={containerSelector}\n content={\n <InfoDialogContent\n ref={dialogContentRef}\n id={dialogId}\n title={title}\n body={body}\n link={link}\n className={dialogClassName}\n />\n }\n hideWhenReferenceHidden\n >\n <IconButton\n ref={mergedRef}\n id={id}\n className={className}\n icon={InfoIcon}\n size=\"xs\"\n kind=\"tertiary\"\n active={isOpen}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-controls={dialogId}\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INFO, id)}\n data-vibe={ComponentVibeId.INFO}\n hideTooltip={hideButtonTooltip}\n />\n </Dialog>\n );\n }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"oxBAUA,IAAMA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAQ,IAAAD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,iBACI,QAAxBC,EAAAb,EAAiBc,eAAO,IAAAD,GAAAA,EAAEE,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,MACR,QAArBL,EAAAjB,EAAckB,eAAO,IAAAD,GAAAA,EAAEE,QAE3B,GACA,CAACxB,IAGH,OACE4B,EAAAC,cAACC,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,EAAiB,CAChBrD,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}

package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoDialogContent.js","sources":["../../../../../../src/components/Info/components/InfoDialogContent/InfoDialogContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport InfoLink from \"../InfoLink/InfoLink\";\nimport { type InfoDialogContentProps } from \"./InfoDialogContent.types\";\nimport styles from \"./InfoDialogContent.module.scss\";\n\nconst InfoDialogContent = forwardRef(\n ({ id, title, body, link, className }: InfoDialogContentProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!title && !body && !link) {\n return null;\n }\n\n return (\n <DialogContentContainer id={id} type=\"popover\" size=\"medium\" className={className}>\n <Flex ref={ref} tabIndex={-1} align=\"start\" direction=\"column\" gap=\"xs\" className={styles.contentWrapper}>\n {title && (\n <Text type=\"text2\" weight=\"bold\">\n {title}\n </Text>\n )}\n {body && (\n <Text type=\"text2\" element=\"p\">\n {body}\n </Text>\n )}\n {link && <InfoLink className={styles.link} {...link} />}\n </Flex>\n </DialogContentContainer>\n );\n }\n);\n\nexport default InfoDialogContent;\n"],"names":["InfoDialogContent","forwardRef","_ref","ref","title","body","link","React","createElement","DialogContentContainer","id","type","size","className","Flex","tabIndex","align","direction","gap","styles","contentWrapper","Text","weight","element","InfoLink","Object","assign"],"mappings":"~~6WAQMA~~,~~IAAAA~~,EAAoBC,GACxB,SAAAC,EAA+DC,GAA2C,IAAnGC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KAClB,OAAKF,GAAUC,GAASC,EAKtBC,~~EAACC~~,~~cAAAC~~,GAAuBC,GANvBR,EAAFQ,GAMiCC,KAAK,UAAUC,KAAK,SAASC,UAN9BX,EAATW,WAOpBN,~~EAACC~~,~~cAAAM~~,~~EAAK~~,~~CAAAX~~,IAAKA,EAAKY,~~UAAW~~,~~EAAGC~~,MAAM,QAAQC,UAAU,SAASC,IAAI,KAAKL,UAAWM,EAAOC,gBACvFhB,GACCG,~~EAACC~~,~~cAAAa~~,GAAKV,KAAK,QAAQW,OAAO,QACvBlB,GAGJC,GACCE,~~EAACC~~,~~cAAAa~~,GAAKV,KAAK,QAAQY,QAAQ,KACxBlB,GAGJC,GAAQC,EAAAC,cAACgB,EAAQC,OAAAC,OAAA,CAACb,UAAWM,EAAOb,MAAUA,MAhB5C,IAoBX"}
1	+ {"version":3,"file":"InfoDialogContent.js","sources":["../../../../../../src/components/Info/components/InfoDialogContent/InfoDialogContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport InfoLink from \"../InfoLink/InfoLink\";\nimport { type InfoDialogContentProps } from \"./InfoDialogContent.types\";\nimport styles from \"./InfoDialogContent.module.scss\";\n\nconst InfoDialogContent = forwardRef(\n ({ id, title, body, link, className }: InfoDialogContentProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!title && !body && !link) {\n return null;\n }\n\n return (\n <DialogContentContainer id={id} type=\"popover\" size=\"medium\" className={className}>\n <Flex ref={ref} tabIndex={-1} align=\"start\" direction=\"column\" gap=\"xs\" className={styles.contentWrapper}>\n {title && (\n <Text type=\"text2\" weight=\"bold\">\n {title}\n </Text>\n )}\n {body && (\n <Text type=\"text2\" element=\"p\">\n {body}\n </Text>\n )}\n {link && <InfoLink className={styles.link} {...link} />}\n </Flex>\n </DialogContentContainer>\n );\n }\n);\n\nexport default InfoDialogContent;\n"],"names":["InfoDialogContent","forwardRef","_ref","ref","title","body","link","React","createElement","DialogContentContainer","id","type","size","className","Flex","tabIndex","align","direction","gap","styles","contentWrapper","Text","weight","element","InfoLink","Object","assign"],"mappings":"6WAQA,IAAMA,EAAoBC,GACxB,SAAAC,EAA+DC,GAA2C,IAAnGC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KAClB,OAAKF,GAAUC,GAASC,EAKtBC,EAAAC,cAACC,GAAuBC,GANvBR,EAAFQ,GAMiCC,KAAK,UAAUC,KAAK,SAASC,UAN9BX,EAATW,WAOpBN,EAAAC,cAACM,EAAI,CAACX,IAAKA,EAAKY,UAAU,EAAIC,MAAM,QAAQC,UAAU,SAASC,IAAI,KAAKL,UAAWM,EAAOC,gBACvFhB,GACCG,EAAAC,cAACa,GAAKV,KAAK,QAAQW,OAAO,QACvBlB,GAGJC,GACCE,EAAAC,cAACa,GAAKV,KAAK,QAAQY,QAAQ,KACxBlB,GAGJC,GAAQC,EAAAC,cAACgB,EAAQC,OAAAC,OAAA,CAACb,UAAWM,EAAOb,MAAUA,MAhB5C,IAoBX"}

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

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

package/dist/src/components/Info/components/InfoLink/InfoLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoLink.js","sources":["../../../../../../src/components/Info/components/InfoLink/InfoLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"../../../Link\";\nimport styles from \"./InfoLink.module.scss\";\n\nexport type InfoLinkProps = LinkProps;\n\nconst InfoLink = forwardRef(\n ({ className, ...linkProps }: InfoLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} className={cx(styles.infoLink, className)} {...linkProps} />;\n }\n);\n\nexport default InfoLink;\n"],"names":["InfoLink","forwardRef","_a","ref","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","infoLink"],"mappings":"~~yMAOMA~~,~~IAAAA~~,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,~~EAAwCF~~,~~EAAxCE~~,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,~~EAAKC~~,OAAAC,OAAA,~~CAAAR~~,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}
1	+ {"version":3,"file":"InfoLink.js","sources":["../../../../../../src/components/Info/components/InfoLink/InfoLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"../../../Link\";\nimport styles from \"./InfoLink.module.scss\";\n\nexport type InfoLinkProps = LinkProps;\n\nconst InfoLink = forwardRef(\n ({ className, ...linkProps }: InfoLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} className={cx(styles.infoLink, className)} {...linkProps} />;\n }\n);\n\nexport default InfoLink;\n"],"names":["InfoLink","forwardRef","_a","ref","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","infoLink"],"mappings":"yMAOA,IAAMA,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,EAASF,EAATE,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACR,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoText.js","sources":["../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type InfoTextProps } from \"./InfoText.types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!text) {\n return null;\n }\n\n return (\n <Text\n id={id}\n ref={ref}\n className={cx(styles.infoText, {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n })}\n type=\"text2\"\n >\n {text}\n </Text>\n );\n }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"~~yPAMMA~~,~~IAAAA~~,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,~~EAACC~~,~~cAAAC~~,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,~~EAC1BF~~,~~GAAAA~~,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}
1	+ {"version":3,"file":"InfoText.js","sources":["../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type InfoTextProps } from \"./InfoText.types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n if (!text) {\n return null;\n }\n\n return (\n <Text\n id={id}\n ref={ref}\n className={cx(styles.infoText, {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n })}\n type=\"text2\"\n >\n {text}\n </Text>\n );\n }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"yPAMA,IAAMA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAAAC,cAACC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAAA,GAC1BF,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}

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

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_87f9814ae9",error:"error_ed9ba4a830",success:"success_0e371bf40e",disabled:"disabled_7822144247",readOnly:"readOnly_87f9814ae9"};!function(e){const o="s_id-05a2b3ab5fae_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_87f9814ae9 {\n  color: var(--secondary-text-color);\n}\n.infoText_87f9814ae9.error_ed9ba4a830 {\n  color: var(--negative-color);\n}\n.infoText_87f9814ae9.success_0e371bf40e {\n  color: var(--positive-color);\n}\n.infoText_87f9814ae9.disabled_7822144247 {\n  color: var(--disabled-text-color);\n}\n.infoText_87f9814ae9.readOnly_87f9814ae9 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_e0d266d3e6",error:"error_ef9d15bad2",success:"success_dcc2f5bb52",disabled:"disabled_ddcf1354e4",readOnly:"readOnly_e0d266d3e6"};!function(e){const d="s_id-05a2b3ab5fae_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".infoText_e0d266d3e6 {\n  color: var(--secondary-text-color);\n}\n.infoText_e0d266d3e6.error_ef9d15bad2 {\n  color: var(--negative-color);\n}\n.infoText_e0d266d3e6.success_dcc2f5bb52 {\n  color: var(--positive-color);\n}\n.infoText_e0d266d3e6.disabled_ddcf1354e4 {\n  color: var(--disabled-text-color);\n}\n.infoText_e0d266d3e6.readOnly_e0d266d3e6 {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l,{forwardRef as i,useRef as n,useState as m,useMemo as c,useCallback as p,useEffect as d}from"react";import u from"./Leg.js";import{contentColors as f}from"../../utils/colors-vars-map.js";import b from"./Label.module.scss.js";import v from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as j}from"./LabelConstants.js";import{ComponentVibeId as k}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import L from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as g}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as C}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var E=i((function(i,E){var h=i.className,x=i.labelClassName,A=i.kind,N=void 0===A?"fill":A,P=i.color,T=void 0===P?"primary":P,B=i.text,I=void 0===B?"":B,H=i.isLegIncluded,M=void 0!==H&&H,W=i.id,_=i["data-testid"],w=i.onClick,z=i.celebrationAnimation,D=i.size,O=void 0===D?"medium":D,R=n(null),q=g(E,R),F=m(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=c((function(){return o(b.label,C(b,r("kind-"+N)),C(b,r("color-"+T)),t(t(t({},b.withLeg,M),b.clickable,Q),b.small,"small"===O),x)}),[N,T,M,x,Q,O]),U=c((function(){if(f.includes(T))return"line"===N?{color:"var(--color-".concat(T,")")}:{backgroundColor:"var(--color-".concat(T,")")}}),[T,N]),V=p((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=y({onClick:V,id:W,"aria-hidden":!1,"aria-haspopup":!1,"aria-expanded":!1},R);d((function(){K(z)}),[z]);var Y=c((function(){return l.createElement("span",Object.assign({},Q&&X,{className:o(t({},b.clickableWrapper,Q),h),"data-testid":_||a(s.LABEL,W),"data-vibe":k.LABEL,ref:q}),l.createElement(L,{style:U,element:"span",type:j[O],className:S,color:"dark"===T?"onInverted":"onPrimary","data-celebration-text":J},l.createElement(L,{element:"span",type:j[O],color:"inherit",className:o(t({},b.smallText,"small"===O))},I),l.createElement("span",{className:o(b.legWrapper)},M?l.createElement(u,null):null)))}),[Q,X,h,_,W,q,S,J,I,M,O,U,T]);return J&&"line"===N?l.createElement(v,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{E as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../../testIds.js";import s,{forwardRef as i,useRef as n,useState as m,useMemo as c,useCallback as p,useEffect as d}from"react";import u from"./Leg.js";import{contentColors as f}from"../../utils/colors-vars-map.js";import b from"./Label.module.scss.js";import v from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as j}from"./LabelConstants.js";import{ComponentVibeId as k}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import L from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as g}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as C}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var E=i((function(i,E){var h=i.className,x=i.labelClassName,A=i.kind,N=void 0===A?"fill":A,P=i.color,T=void 0===P?"primary":P,B=i.text,I=void 0===B?"":B,H=i.isLegIncluded,M=void 0!==H&&H,W=i.id,_=i["data-testid"],w=i.onClick,z=i.celebrationAnimation,D=i.size,O=void 0===D?"medium":D,R=n(null),q=g(E,R),F=m(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=c((function(){return o(b.label,C(b,r("kind-"+N)),C(b,r("color-"+T)),t(t(t({},b.withLeg,M),b.clickable,Q),b.small,"small"===O),x)}),[N,T,M,x,Q,O]),U=c((function(){if(f.includes(T))return"line"===N?{color:"var(--color-".concat(T,")")}:{backgroundColor:"var(--color-".concat(T,")")}}),[T,N]),V=p((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=y({onClick:V,id:W,"aria-hidden":!1,"aria-haspopup":!1,"aria-expanded":!1},R);d((function(){K(z)}),[z]);var Y=c((function(){return s.createElement("span",Object.assign({},Q&&X,{className:o(t({},b.clickableWrapper,Q),h),"data-testid":_||a(l.LABEL,W),"data-vibe":k.LABEL,ref:q}),s.createElement(L,{style:U,element:"span",type:j[O],className:S,color:"dark"===T?"onInverted":"onPrimary","data-celebration-text":J},s.createElement(L,{element:"span",type:j[O],color:"inherit",className:o(t({},b.smallText,"small"===O))},I),s.createElement("span",{className:o(b.legWrapper)},M?s.createElement(u,null):null)))}),[Q,X,h,_,W,q,S,J,I,M,O,U,T]);return J&&"line"===N?s.createElement(v,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{E as default};
 //# sourceMappingURL=Label.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\n\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n \"aria-hidden\": false,\n \"aria-haspopup\": false,\n \"aria-expanded\": false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color={color === \"dark\" ? \"onInverted\" : \"onPrimary\"}\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"],"mappings":"~~m7BAqDMA~~,~~IAAAA~~,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,~~OAAQ~~,~~IAAHD~~,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,~~OAAgB~~,~~IAAHD~~,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACA,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAEnBM,GAGFiC,GAAU,WACRxB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEsB,~~EACMC~~,cAAA,OAAAC,OAAAC,OAAA,CAAA,~~EAAC3B~~,GAAeqB,~~EACpB~~,~~CAAA~~/C,UAAW6B,EAAEK,~~EAAIJ~~,~~CAAAA~~,~~EAAAA~~,EAAOwB,iBAAmB5B,GAAe1B,~~GAC7C~~,~~cAAAW~~,GAAc4C,EAAUC,EAAuBC,MAAO/C,eACxDgD,EAAgBD,MAC3B1D,IAAKmB,IAELgC,EAAAC,cAACQ,EAAI,CACHC,MAAOtB,EACPuB,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB0B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,~~EAAIJ~~,~~CAAAA~~,~~EAAAA~~,EAAOkC,UAAqB,UAATjD,KAEnCR,GAEH2C,~~EAAMC~~,cAAA,OAAA,~~CAAAnD~~,UAAW6B,EAAGC,EAAOmC,aAAcxD,EAAgByC,~~EAACC~~,~~cAAAe~~,~~EAAM~~,~~MAAG~~,OAI3E,GAAG,CACDxC,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1B+C,~~EAACC~~,~~cAAAgB~~,~~EAA0B~~,~~CAAAC~~,eAAgB,WAAA,OAAM3C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\n\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n \"aria-hidden\": false,\n \"aria-haspopup\": false,\n \"aria-expanded\": false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color={color === \"dark\" ? \"onInverted\" : \"onPrimary\"}\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"],"mappings":"g7BAqDA,IAAMA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAI,IAAAD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAK,IAAAD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAa,IAAAD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACA,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAEnBM,GAGFiC,GAAU,WACRxB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEsB,EAAAC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EACO3B,GAAeqB,EAAe,CACnC/C,UAAW6B,EAAEK,EAAA,CAAA,EAAIJ,EAAOwB,iBAAmB5B,GAAe1B,GAAU,cACvDW,GAAc4C,EAAUC,EAAuBC,MAAO/C,eACxDgD,EAAgBD,MAC3B1D,IAAKmB,IAELgC,EAAAC,cAACQ,EAAI,CACHC,MAAOtB,EACPuB,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB0B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAA,CAAA,EAAIJ,EAAOkC,UAAqB,UAATjD,KAEnCR,GAEH2C,EAAAC,cAAA,OAAA,CAAMnD,UAAW6B,EAAGC,EAAOmC,aAAcxD,EAAgByC,EAAAC,cAACe,EAAG,MAAM,OAI3E,GAAG,CACDxC,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1B+C,EAAAC,cAACgB,EAAyB,CAACC,eAAgB,WAAA,OAAM3C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}

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

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_f329e53399","focus-visible":"focus-visible_e9fab16d96",label:"label_c9a03e0c66",small:"small_d4ac2a81c3",withLeg:"withLeg_7770f65f13",legWrapper:"legWrapper_5386907e3c",kindFill:"kindFill_06b53ff254",colorPrimary:"colorPrimary_4a93799458",clickable:"clickable_0df2ca056d",colorDark:"colorDark_8164a326f3",colorNegative:"colorNegative_9e8588baa8",colorPositive:"colorPositive_94b6e10155",kindLine:"kindLine_4f8e577b13",smallText:"smallText_a44a1796c8"};!function(e){const n="s_id-05b0d3f05a05_4_2_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_f329e53399 {\n  cursor: pointer;\n}\n.clickableWrapper_f329e53399:focus-visible, .clickableWrapper_f329e53399.focus-visible_e9fab16d96 {\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_f329e53399:focus:not(.focus-visible_e9fab16d96) {\n  outline: none;\n}\n.clickableWrapper_f329e53399:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_c9a03e0c66 {\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_c9a03e0c66.small_d4ac2a81c3 {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_7770f65f13 {\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_5386907e3c {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_06b53ff254.colorPrimary_4a93799458 {\n  background-color: var(--primary-color);\n}\n.kindFill_06b53ff254.colorPrimary_4a93799458 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_06b53ff254.colorPrimary_4a93799458.clickable_0df2ca056d:hover, .kindFill_06b53ff254.colorPrimary_4a93799458.clickable_0df2ca056d:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_06b53ff254.colorDark_8164a326f3 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_06b53ff254.colorDark_8164a326f3 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_06b53ff254.colorNegative_9e8588baa8 {\n  background-color: var(--negative-color);\n}\n.kindFill_06b53ff254.colorNegative_9e8588baa8 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_06b53ff254.colorNegative_9e8588baa8.clickable_0df2ca056d:hover, .kindFill_06b53ff254.colorNegative_9e8588baa8.clickable_0df2ca056d:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_06b53ff254.colorPositive_94b6e10155 {\n  background-color: var(--positive-color);\n}\n.kindFill_06b53ff254.colorPositive_94b6e10155 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_06b53ff254.colorPositive_94b6e10155.clickable_0df2ca056d:hover, .kindFill_06b53ff254.colorPositive_94b6e10155.clickable_0df2ca056d:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_4f8e577b13 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_4f8e577b13 .legWrapper_5386907e3c {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_4f8e577b13.colorPrimary_4a93799458 {\n  color: var(--primary-color);\n}\n.kindLine_4f8e577b13.colorPrimary_4a93799458 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_4f8e577b13.colorPrimary_4a93799458.clickable_0df2ca056d:hover, .kindLine_4f8e577b13.colorPrimary_4a93799458.clickable_0df2ca056d:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_4f8e577b13.colorDark_8164a326f3 {\n  color: var(--inverted-color-background);\n}\n.kindLine_4f8e577b13.colorDark_8164a326f3 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_4f8e577b13.colorDark_8164a326f3.clickable_0df2ca056d:hover, .kindLine_4f8e577b13.colorDark_8164a326f3.clickable_0df2ca056d:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_4f8e577b13.colorNegative_9e8588baa8 {\n  color: var(--negative-color);\n}\n.kindLine_4f8e577b13.colorNegative_9e8588baa8 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_4f8e577b13.colorNegative_9e8588baa8.clickable_0df2ca056d:hover, .kindLine_4f8e577b13.colorNegative_9e8588baa8.clickable_0df2ca056d:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_4f8e577b13.colorPositive_94b6e10155 {\n  color: var(--positive-color);\n}\n.kindLine_4f8e577b13.colorPositive_94b6e10155 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_4f8e577b13.colorPositive_94b6e10155.clickable_0df2ca056d:hover, .kindLine_4f8e577b13.colorPositive_94b6e10155.clickable_0df2ca056d:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_4f8e577b13 .smallText_a44a1796c8 {\n  line-height: 14px;\n}");export{e as default};
+var c={clickableWrapper:"clickableWrapper_7bc4ac0bb4","focus-visible":"focus-visible_248bf03845",label:"label_eed2105e11",small:"small_139576cd6c",withLeg:"withLeg_03f05f7691",legWrapper:"legWrapper_27f9f23805",kindFill:"kindFill_fb9f7bc60c",colorPrimary:"colorPrimary_c81b3d9605",clickable:"clickable_f2f2e52262",colorDark:"colorDark_6594d18607",colorNegative:"colorNegative_59aa295438",colorPositive:"colorPositive_1a2e7c3135",kindLine:"kindLine_5dc11c7c66",smallText:"smallText_8b041a5ef2"};!function(c){const e="s_id-05b0d3f05a05_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(c))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=c)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_7bc4ac0bb4 {\n  cursor: pointer;\n}\n.clickableWrapper_7bc4ac0bb4:focus-visible, .clickableWrapper_7bc4ac0bb4.focus-visible_248bf03845 {\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_7bc4ac0bb4:focus:not(.focus-visible_248bf03845) {\n  outline: none;\n}\n.clickableWrapper_7bc4ac0bb4:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_eed2105e11 {\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_eed2105e11.small_139576cd6c {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_03f05f7691 {\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_27f9f23805 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_fb9f7bc60c.colorPrimary_c81b3d9605 {\n  background-color: var(--primary-color);\n}\n.kindFill_fb9f7bc60c.colorPrimary_c81b3d9605 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_fb9f7bc60c.colorPrimary_c81b3d9605.clickable_f2f2e52262:hover, .kindFill_fb9f7bc60c.colorPrimary_c81b3d9605.clickable_f2f2e52262:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_fb9f7bc60c.colorDark_6594d18607 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_fb9f7bc60c.colorDark_6594d18607 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_fb9f7bc60c.colorNegative_59aa295438 {\n  background-color: var(--negative-color);\n}\n.kindFill_fb9f7bc60c.colorNegative_59aa295438 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_fb9f7bc60c.colorNegative_59aa295438.clickable_f2f2e52262:hover, .kindFill_fb9f7bc60c.colorNegative_59aa295438.clickable_f2f2e52262:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_fb9f7bc60c.colorPositive_1a2e7c3135 {\n  background-color: var(--positive-color);\n}\n.kindFill_fb9f7bc60c.colorPositive_1a2e7c3135 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_fb9f7bc60c.colorPositive_1a2e7c3135.clickable_f2f2e52262:hover, .kindFill_fb9f7bc60c.colorPositive_1a2e7c3135.clickable_f2f2e52262:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_5dc11c7c66 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_5dc11c7c66 .legWrapper_27f9f23805 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_5dc11c7c66.colorPrimary_c81b3d9605 {\n  color: var(--primary-color);\n}\n.kindLine_5dc11c7c66.colorPrimary_c81b3d9605 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_5dc11c7c66.colorPrimary_c81b3d9605.clickable_f2f2e52262:hover, .kindLine_5dc11c7c66.colorPrimary_c81b3d9605.clickable_f2f2e52262:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_5dc11c7c66.colorDark_6594d18607 {\n  color: var(--inverted-color-background);\n}\n.kindLine_5dc11c7c66.colorDark_6594d18607 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_5dc11c7c66.colorDark_6594d18607.clickable_f2f2e52262:hover, .kindLine_5dc11c7c66.colorDark_6594d18607.clickable_f2f2e52262:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_5dc11c7c66.colorNegative_59aa295438 {\n  color: var(--negative-color);\n}\n.kindLine_5dc11c7c66.colorNegative_59aa295438 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_5dc11c7c66.colorNegative_59aa295438.clickable_f2f2e52262:hover, .kindLine_5dc11c7c66.colorNegative_59aa295438.clickable_f2f2e52262:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_5dc11c7c66.colorPositive_1a2e7c3135 {\n  color: var(--positive-color);\n}\n.kindLine_5dc11c7c66.colorPositive_1a2e7c3135 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_5dc11c7c66.colorPositive_1a2e7c3135.clickable_f2f2e52262:hover, .kindLine_5dc11c7c66.colorPositive_1a2e7c3135.clickable_f2f2e52262:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_5dc11c7c66 .smallText_8b041a5ef2 {\n  line-height: 14px;\n}");export{c 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,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"}
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,CAAA,EAA/CC,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,OAAY,IAAAD,EAAG3B,EAAqB2B,EAAAE,EAAAH,EACpCI,YAAAA,OAAW,IAAAD,EAAG5B,EAAoB4B,EAO5BE,EAASD,EAAc,EAE7B,MAAA,KAAAE,OAAYV,EAAQQ,EAAc,EAAC,MAAAE,OAAKJ,EAAY,OAAAI,OAClDZ,EAASQ,EACX,OAAAI,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,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,EAAY,OAAAI,OAClFJ,EAAeG,EACjB,OAAAC,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUJ,EAAY,KAAAI,OAAIF,EAAc,EAAC,OAAAE,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,OAAY,IAAAQ,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,CACF,GACA,IAGFC,EAAkB,CAChBC,IAAKxC,EACLyC,SAAUhC,EACViC,aAAc,IAGhB,IAAMC,EAAwBC,GAAW,SAACC,EAAQL,GAAG,OACnDM,EAAahD,EAAU,CACrB0C,IAAAA,GACA,IAGJ,OACEO,EAAAC,cAAA,MAAA,CAAKC,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,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOQ,OAAQvC,EAAGZ,EAAMR,eAAgBA,KAE7EgD,EAAAC,cAACL,GAAsBH,IAAKtC,IAGlC"}

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

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_7dc1a86de1",svg:"svg_972771438a",stroke:"stroke_7eff29c848","stroke-rotate":"stroke-rotate_c96289a6f8",base:"base_a0e467ff16",fade:"fade_167ecd43d8",first:"first_d247160f78",second:"second_a1fdb913d1",third:"third_0a52daf6ef","gradient-text-fill":"gradient-text-fill_13c3461980"};!function(e){const n="s_id-f81803454b25_4_2_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_7dc1a86de1 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_7dc1a86de1 .svg_972771438a {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_7dc1a86de1 .svg_972771438a .stroke_7eff29c848 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_c96289a6f8 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_7dc1a86de1 .svg_972771438a .stroke_7eff29c848.base_a0e467ff16 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_167ecd43d8 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_7dc1a86de1 .svg_972771438a .stroke_7eff29c848.first_d247160f78 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_7dc1a86de1 .svg_972771438a .stroke_7eff29c848.second_a1fdb913d1 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_7dc1a86de1 .svg_972771438a .stroke_7eff29c848.third_0a52daf6ef {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_7dc1a86de1.celebration_7dc1a86de1 [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_13c3461980 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_167ecd43d8 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_c96289a6f8 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_13c3461980 {\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_a179ccee0b",svg:"svg_ef2f6eb7f1",stroke:"stroke_720726f66f",base:"base_511b8a0968",first:"first_640962bd44",second:"second_7af66bb286",third:"third_414a7b9438"};!function(e){const n="s_id-f81803454b25_4_2_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_a179ccee0b {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_a179ccee0b .svg_ef2f6eb7f1 {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_a179ccee0b .svg_ef2f6eb7f1 .stroke_720726f66f {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_ae7eb18e5c cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_a179ccee0b .svg_ef2f6eb7f1 .stroke_720726f66f.base_511b8a0968 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_e5aac74278 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_a179ccee0b .svg_ef2f6eb7f1 .stroke_720726f66f.first_640962bd44 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_a179ccee0b .svg_ef2f6eb7f1 .stroke_720726f66f.second_7af66bb286 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_a179ccee0b .svg_ef2f6eb7f1 .stroke_720726f66f.third_414a7b9438 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_a179ccee0b.celebration_a179ccee0b [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_4a106aab81 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_e5aac74278 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_ae7eb18e5c {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_4a106aab81 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Leg.js","sources":["../../../../src/components/Label/Leg.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Leg = () => (\n <svg width=\"8\" height=\"5\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 0V2.76772C0 4.21783 1.77351 4.92116 2.76736 3.86519L5.45681 1.00765C6.06097 0.365738 6.90294 0.00127805 7.7843 3.35493e-06C5.30942 2.53165e-06 2.69058 1.4328e-06 0 0Z\"\n fill=\"#E44258\"\n />\n </svg>\n);\n\nLeg.displayName = \"Leg\";\n\nexport default Leg;\n"],"names":["Leg","React","createElement","width","height","viewBox","fill","xmlns","d","displayName"],"mappings":"qBAEA,IAAMA,EAAM,WAAH,OACPC,~~EAAKC~~,cAAA,MAAA,~~CAAAC~~,MAAM,IAAIC,OAAO,IAAIC,QAAQ,UAAUC,KAAK,OAAOC,MAAM,8BAC5DN,~~EACEC~~,cAAA,OAAA,~~CAAAM~~,EAAE,4KACFF,KAAK,YAEH,EAGRN,EAAIS,YAAc"}
1	+ {"version":3,"file":"Leg.js","sources":["../../../../src/components/Label/Leg.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Leg = () => (\n <svg width=\"8\" height=\"5\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 0V2.76772C0 4.21783 1.77351 4.92116 2.76736 3.86519L5.45681 1.00765C6.06097 0.365738 6.90294 0.00127805 7.7843 3.35493e-06C5.30942 2.53165e-06 2.69058 1.4328e-06 0 0Z\"\n fill=\"#E44258\"\n />\n </svg>\n);\n\nLeg.displayName = \"Leg\";\n\nexport default Leg;\n"],"names":["Leg","React","createElement","width","height","viewBox","fill","xmlns","d","displayName"],"mappings":"qBAEA,IAAMA,EAAM,WAAH,OACPC,EAAAC,cAAA,MAAA,CAAKC,MAAM,IAAIC,OAAO,IAAIC,QAAQ,UAAUC,KAAK,OAAOC,MAAM,8BAC5DN,EAAAC,cAAA,OAAA,CACEM,EAAE,4KACFF,KAAK,YAEH,EAGRN,EAAIS,YAAc"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as e,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as a,useCallback as s}from"react";import n from"./Link.module.scss.js";import{camelCase as l}from"es-toolkit";import{ComponentVibeId as d}from"../../tests/constants.js";import m from"../../../components/icon/dist/Icon/Icon.js";import{getStyle as c}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as f}from"../../../shared/dist/utils/function-utils.js";var p=a((function(a,m){var p=a.className,u=a.textClassName,b=a.href,y=void 0===b?"":b,N=a.text,j=void 0===N?"":N,h=a.rel,k=void 0===h?"noreferrer":h,x=a.onClick,I=void 0===x?f:x,g=a.target,C=void 0===g?"_blank":g,E=a["aria-label"],L=void 0===E?"":E,P=a.color,S=void 0===P?"primary":P,_=a["aria-describedby"],z=void 0===_?"":_,F=a.icon,H=void 0===F?"":F,K=a.iconPosition,T=a.id,B=void 0===T?"":T,D=a["aria-labelledby"],M=void 0===D?"":D,q=a.disableNavigation,w=void 0!==q&&q,A=a.inheritFontSize,G=void 0!==A&&A,J=a.inlineText,O=void 0!==J&&J,Q=a.style,R=a["data-testid"],U="start"===(void 0===K?"start":K),V=s((function(t){w&&t.preventDefault(),I&&I(t)}),[w,I]);return r.createElement("a",{"data-testid":R||e(i.LINK,B),"data-vibe":d.LINK,id:B,href:y,rel:k,ref:m,onClick:V,target:C,style:Q,className:o(n.link,p,c(n,l("color-"+S)),t(t({},n.inheritFontSize,G),n.inlineText,O)),"aria-label":L,"aria-describedby":z,"aria-labelledby":M},v(U,H,o(n.iconStart)),r.createElement("span",{className:o(n.text,u)},j),v(!U,H,o(n.iconEnd)))}));function v(t,e,i){if(t)return r.createElement(m,{className:i,icon:e,type:"font"})}export{p as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../../testIds.js";import o from"classnames";import r,{forwardRef as a,useCallback as s}from"react";import n from"./Link.module.scss.js";import{camelCase as l}from"es-toolkit";import{ComponentVibeId as d}from"../../tests/constants.js";import m from"../../../components/icon/dist/Icon/Icon.js";import{NOOP as c}from"../../../shared/dist/utils/function-utils.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var p=a((function(a,m){var p=a.className,u=a.textClassName,b=a.href,y=void 0===b?"":b,N=a.text,j=void 0===N?"":N,h=a.rel,k=void 0===h?"noreferrer":h,x=a.onClick,I=void 0===x?c:x,g=a.target,C=void 0===g?"_blank":g,E=a["aria-label"],L=void 0===E?"":E,P=a.color,S=void 0===P?"primary":P,_=a["aria-describedby"],z=void 0===_?"":_,F=a.icon,H=void 0===F?"":F,K=a.iconPosition,T=a.id,B=void 0===T?"":T,D=a["aria-labelledby"],M=void 0===D?"":D,q=a.disableNavigation,w=void 0!==q&&q,A=a.inheritFontSize,G=void 0!==A&&A,J=a.inlineText,O=void 0!==J&&J,Q=a.style,R=a["data-testid"],U="start"===(void 0===K?"start":K),V=s((function(e){w&&e.preventDefault(),I&&I(e)}),[w,I]);return r.createElement("a",{"data-testid":R||t(i.LINK,B),"data-vibe":d.LINK,id:B,href:y,rel:k,ref:m,onClick:V,target:C,style:Q,className:o(n.link,p,f(n,l("color-"+S)),e(e({},n.inheritFontSize,G),n.inlineText,O)),"aria-label":L,"aria-describedby":z,"aria-labelledby":M},v(U,H,o(n.iconStart)),r.createElement("span",{className:o(n.text,u)},j),v(!U,H,o(n.iconEnd)))}));function v(e,t,i){if(e)return r.createElement(m,{className:i,icon:t,type:"font"})}export{p as default};
 //# sourceMappingURL=Link.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\n\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label for accessibility.\n /\n \"aria-label\"?: string;\n /\n The ID of the element that describes this link.\n /\n \"aria-describedby\"?: string;\n /\n The ID of the element labeling this link.\n /\n \"aria-labelledby\"?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style /\n color?: LinkColor;\n /\n Inline style object applied to the link element.\n */\n style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n \"aria-label\": ariaLabel = \"\",\n color = \"primary\",\n \"aria-describedby\": ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n \"aria-labelledby\": ariaLabelledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n style,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n data-vibe={ComponentVibeId.LINK}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n style={style}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabelledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} type=\"font\" />;\n}\n\nexport default Link;\n"],"names":["Link","forwardRef","_ref","ref","className","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabel","ariaLabel","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabelledby","ariaLabelledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","React","createElement","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","getIcon","iconStart","iconEnd","shouldShow","Icon","type"],"mappings":"~~wkBA6EMA~~,~~IAAAA~~,EAAOC,GACX,SAAAC,EAsBEC,GACE,IArBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAN,EACTO,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAR,EACTS,IAAAA,~~OAAM~~,~~IAAHD~~,EAAG,aAAYA,EAAAE,EAAAV,EAClBW,QAAAA,~~OAAUC~~,~~IAAHF~~,EAAGE,EAAIF,EAAAG,EAAAb,EACdc,OAAAA,~~OAAS~~,~~IAAHD~~,EAAG,SAAQA,EAAAE,EAAAf,EACjB,cAAcgB,~~OAAY~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAjB,EAC5BkB,MAAAA,~~OAAQ~~,~~IAAHD~~,EAAG,UAASA,EAAAE,EAAAnB,EACjB,oBAAoBoB,~~OAAkB~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAArB,EACxCsB,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAvB,EACTwB,aAAsBC,EAAAzB,EACtB0B,GAAAA,~~OAAK~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAA3B,EACP,mBAAmB4B,~~OAAiB~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAA7B,EACtC8B,kBAAAA,~~OAAoB~~,~~IAAHD~~,GAAQA,EAAAE,EAAA/B,EACzBgC,gBAAAA,~~OAAkB~~,~~IAAHD~~,GAAQA,EAAAE,EAAAjC,EACvBkC,WAAAA,~~OAAa~~,~~IAAHD~~,GAAQA,EAClBE,EAAKnC,EAALmC,MACeC,EAAUpC,EAAzB,eAIIqC,EAA2B,~~gBAXhB~~,~~IAAHd~~,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ9B,GAAWA,EAAQ6B,EACrB,GACA,CAACV,EAAmBnB,IAGtB,OACE+B,EAAAC,cAAA,IAAA,CAAA,cACeP,GAAcQ,EAAUC,EAAuBC,KAAMpB,eACvDqB,EAAgBD,KAC3BpB,GAAIA,EACJrB,KAAMA,EACNI,IAAKA,EACLR,IAAKA,EACLU,QAAS2B,EACTxB,OAAQA,EACRqB,MAAOA,EACPjC,UAAW8C,EAAGC,EAAOC,KAAMhD,EAAWiD,EAASF,EAAQG,EAAU,SAAWlC,IAAOmC,EAAAA,EAAA,CAAA,EAChFJ,EAAOjB,gBAAkBA,GACzBiB,EAAOf,WAAaA,~~IAEX~~,~~aAAAlB~~,~~EACM~~,~~mBAAAI~~,oBACDQ,GAEhB0B,EAAQjB,EAASf,EAAM0B,EAAGC,EAAOM,YAClCb,EAAAC,cAAA,OAAA,CAAMzC,UAAW8C,EAAGC,EAAO1C,KAAMJ,IAAiBI,GACjD+C,GAASjB,EAASf,EAAM0B,EAAGC,EAAOO,UAGzC,IAGF,SAASF,EAAQG,EAAqBnC,EAA+CpB,GACnF,GAAKuD,EACL,OAAOf,~~EAACC~~,~~cAAAe~~,~~EAAK~~,~~CAAAxD~~,UAAWA,EAAWoB,KAAMA,EAAMqC,KAAK,QACtD"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\n\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label for accessibility.\n /\n \"aria-label\"?: string;\n /\n The ID of the element that describes this link.\n /\n \"aria-describedby\"?: string;\n /\n The ID of the element labeling this link.\n /\n \"aria-labelledby\"?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style /\n color?: LinkColor;\n /\n Inline style object applied to the link element.\n */\n style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n \"aria-label\": ariaLabel = \"\",\n color = \"primary\",\n \"aria-describedby\": ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n \"aria-labelledby\": ariaLabelledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n style,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n data-vibe={ComponentVibeId.LINK}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n style={style}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabelledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} type=\"font\" />;\n}\n\nexport default Link;\n"],"names":["Link","forwardRef","_ref","ref","className","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabel","ariaLabel","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabelledby","ariaLabelledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","React","createElement","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","getIcon","iconStart","iconEnd","shouldShow","Icon","type"],"mappings":"qkBA6EA,IAAMA,EAAOC,GACX,SAAAC,EAsBEC,GACE,IArBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAR,EACTS,IAAAA,OAAG,IAAAD,EAAG,aAAYA,EAAAE,EAAAV,EAClBW,QAAAA,OAAO,IAAAD,EAAGE,EAAIF,EAAAG,EAAAb,EACdc,OAAAA,OAAM,IAAAD,EAAG,SAAQA,EAAAE,EAAAf,EACjB,cAAcgB,OAAS,IAAAD,EAAG,GAAEA,EAAAE,EAAAjB,EAC5BkB,MAAAA,OAAK,IAAAD,EAAG,UAASA,EAAAE,EAAAnB,EACjB,oBAAoBoB,OAAe,IAAAD,EAAG,GAAEA,EAAAE,EAAArB,EACxCsB,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAvB,EACTwB,aAAsBC,EAAAzB,EACtB0B,GAAAA,OAAE,IAAAD,EAAG,GAAEA,EAAAE,EAAA3B,EACP,mBAAmB4B,OAAc,IAAAD,EAAG,GAAEA,EAAAE,EAAA7B,EACtC8B,kBAAAA,OAAiB,IAAAD,GAAQA,EAAAE,EAAA/B,EACzBgC,gBAAAA,OAAe,IAAAD,GAAQA,EAAAE,EAAAjC,EACvBkC,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EAAKnC,EAALmC,MACeC,EAAUpC,EAAzB,eAIIqC,EAA2B,gBAXnB,IAAAd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ9B,GAAWA,EAAQ6B,EACrB,GACA,CAACV,EAAmBnB,IAGtB,OACE+B,EAAAC,cAAA,IAAA,CAAA,cACeP,GAAcQ,EAAUC,EAAuBC,KAAMpB,eACvDqB,EAAgBD,KAC3BpB,GAAIA,EACJrB,KAAMA,EACNI,IAAKA,EACLR,IAAKA,EACLU,QAAS2B,EACTxB,OAAQA,EACRqB,MAAOA,EACPjC,UAAW8C,EAAGC,EAAOC,KAAMhD,EAAWiD,EAASF,EAAQG,EAAU,SAAWlC,IAAOmC,EAAAA,EAAA,CAAA,EAChFJ,EAAOjB,gBAAkBA,GACzBiB,EAAOf,WAAaA,IACrB,aACUlB,EAAS,mBACHI,oBACDQ,GAEhB0B,EAAQjB,EAASf,EAAM0B,EAAGC,EAAOM,YAClCb,EAAAC,cAAA,OAAA,CAAMzC,UAAW8C,EAAGC,EAAO1C,KAAMJ,IAAiBI,GACjD+C,GAASjB,EAASf,EAAM0B,EAAGC,EAAOO,UAGzC,IAGF,SAASF,EAAQG,EAAqBnC,EAA+CpB,GACnF,GAAKuD,EACL,OAAOf,EAAAC,cAACe,EAAI,CAACxD,UAAWA,EAAWoB,KAAMA,EAAMqC,KAAK,QACtD"}

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

@@ -1,2 +1,2 @@
-var n={link:"link_4b128a3814","focus-visible":"focus-visible_e9fab16d96",colorOnPrimary:"colorOnPrimary_4cc8685e69",colorOnInverted:"colorOnInverted_30ef79ab04",text:"text_239e475f6c",inlineText:"inlineText_44d384b21f",inheritFontSize:"inheritFontSize_9421f4ef7a",iconStart:"iconStart_0db6178654",iconEnd:"iconEnd_8bb218c3b1"};!function(n){const e="s_id-c2cddf2190ae_4_2_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_4b128a3814 {\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_4b128a3814:focus-visible, .link_4b128a3814.focus-visible_e9fab16d96 {\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_4b128a3814:focus:not(.focus-visible_e9fab16d96) {\n  outline: none;\n}\n.link_4b128a3814.colorOnPrimary_4cc8685e69 {\n  color: var(--text-color-on-primary);\n}\n.link_4b128a3814.colorOnInverted_30ef79ab04 {\n  color: var(--text-color-on-inverted);\n}\n.link_4b128a3814:hover .text_239e475f6c {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_4b128a3814.inlineText_44d384b21f {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_4b128a3814.inheritFontSize_9421f4ef7a {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_0db6178654 {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_8bb218c3b1 {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
+var n={link:"link_a949b36843","focus-visible":"focus-visible_248bf03845",colorOnPrimary:"colorOnPrimary_55be730c90",colorOnInverted:"colorOnInverted_1f6a16f895",text:"text_e66f962e36",inlineText:"inlineText_bfdfadb3d2",inheritFontSize:"inheritFontSize_5575cffaf0",iconStart:"iconStart_6e81919714",iconEnd:"iconEnd_00712b05df"};!function(n){const e="s_id-c2cddf2190ae_4_2_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_a949b36843 {\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_a949b36843:focus-visible, .link_a949b36843.focus-visible_248bf03845 {\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_a949b36843:focus:not(.focus-visible_248bf03845) {\n  outline: none;\n}\n.link_a949b36843.colorOnPrimary_55be730c90 {\n  color: var(--text-color-on-primary);\n}\n.link_a949b36843.colorOnInverted_1f6a16f895 {\n  color: var(--text-color-on-inverted);\n}\n.link_a949b36843:hover .text_e66f962e36 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_a949b36843.inlineText_bfdfadb3d2 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_a949b36843.inheritFontSize_5575cffaf0 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_6e81919714 {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_00712b05df {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as i,useRef as n,useState as s,useCallback as o,useEffect as a,useMemo as l}from"react";import{VirtualizedListItems as u}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as c,UP_DOWN_ARROWS as d}from"../../constants/keyCodes.js";import{getTestId as m,ComponentDefaultTestId as f}from"../../tests/testIds.js";import{ListContext as p}from"./utils/ListContext.js";import{useListId as v,getListItemIndexById as b,getNextListItemIndex as y,getPrevListItemIndex as I,getListItemIdByIndex as j,isListItem as h,getListItemComponentType as L}from"./utils/ListUtils.js";import k from"./List.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import{useMergeRef as A}from"../../../shared/dist/hooks/useMergeRef.js";import{useKeyEvent as E}from"../../../shared/dist/hooks/useKeyEvent.js";var g=i((function(i,g){var R=i.className,O=i.id,T=i.component,V=void 0===T?"ul":T,_=i.children,C=i["aria-label"],N=i["aria-describedby"],P=i["aria-controls"],W=i.renderOnlyVisibleItems,z=void 0!==W&&W,D=i.style,H=i.role,M=void 0===H?"listbox":H,S=i["data-testid"],U=n(null),B=A(g,U),F=n([]),K=v(O),q=s(0),w=e(q,2),G=w[0],J=w[1],Q=V,X=o((function(e){var t;J(b(F,e)),null===(t=null==U?void 0:U.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=o((function(e){if(!z){e.preventDefault();var t=e.key===c.UP_ARROW,r=void 0;e.key===c.DOWN_ARROW&&F.current.length>G+1?r=y(G,F):t&&G>0&&(r=I(G,F)),void 0!==r&&(X(j(F,r)),F.current[r].focus())}}),[G,z,X]);E({keys:d,callback:Y,ref:U}),a((function(){var e=F.current.findIndex((function(e){return e instanceof HTMLElement&&h(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(j(F,e));else{var t=F.current.findIndex((function(e){return h(e)}));-1!==t&&X(j(F,t))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return z?e=r.createElement(u,null,e):(F.current=F.current.slice(0,e.length),e=r.Children.map(e,(function(e,t){if(!r.isValidElement(e))return e;var i=e.props.id||"".concat(K,"-item-").concat(t),n=F.current[t],s=null==n||h(n);return r.cloneElement(e,{ref:function(e){return F.current[t]=e},tabIndex:G===t&&s?0:-1,id:i,component:L(V),role:e.props.role})}))),e}),[_,V,G,K,z]);return r.createElement(p.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":S||m(f.LIST,O),"data-vibe":x.LIST,ref:B,style:D,className:t(k.list,R),id:K,"aria-label":C,"aria-describedby":N,"aria-controls":P,tabIndex:-1,role:M},Z))}));export{g as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{forwardRef as i,useRef as n,useState as s,useCallback as o,useEffect as a,useMemo as l}from"react";import{VirtualizedListItems as u}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as c,UP_DOWN_ARROWS as d}from"../../constants/keyCodes.js";import{getTestId as m,ComponentDefaultTestId as f}from"../../../testIds.js";import{ListContext as p}from"./utils/ListContext.js";import{useListId as v,getListItemIndexById as b,getNextListItemIndex as y,getPrevListItemIndex as I,getListItemIdByIndex as j,isListItem as h,getListItemComponentType as L}from"./utils/ListUtils.js";import k from"./List.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import{useMergeRef as A}from"../../../shared/dist/hooks/useMergeRef.js";import{useKeyEvent as E}from"../../../shared/dist/hooks/useKeyEvent.js";var g=i((function(i,g){var R=i.className,O=i.id,T=i.component,V=void 0===T?"ul":T,_=i.children,C=i["aria-label"],N=i["aria-describedby"],P=i["aria-controls"],W=i.renderOnlyVisibleItems,z=void 0!==W&&W,D=i.style,H=i.role,M=void 0===H?"listbox":H,S=i["data-testid"],U=n(null),B=A(g,U),F=n([]),K=v(O),q=s(0),w=e(q,2),G=w[0],J=w[1],Q=V,X=o((function(e){var r;J(b(F,e)),null===(r=null==U?void 0:U.current)||void 0===r||r.setAttribute("aria-activedescendant",e)}),[]),Y=o((function(e){if(!z){e.preventDefault();var r=e.key===c.UP_ARROW,t=void 0;e.key===c.DOWN_ARROW&&F.current.length>G+1?t=y(G,F):r&&G>0&&(t=I(G,F)),void 0!==t&&(X(j(F,t)),F.current[t].focus())}}),[G,z,X]);E({keys:d,callback:Y,ref:U}),a((function(){var e=F.current.findIndex((function(e){return e instanceof HTMLElement&&h(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(j(F,e));else{var r=F.current.findIndex((function(e){return h(e)}));-1!==r&&X(j(F,r))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return z?e=t.createElement(u,null,e):(F.current=F.current.slice(0,e.length),e=t.Children.map(e,(function(e,r){if(!t.isValidElement(e))return e;var i=e.props.id||"".concat(K,"-item-").concat(r),n=F.current[r],s=null==n||h(n);return t.cloneElement(e,{ref:function(e){return F.current[r]=e},tabIndex:G===r&&s?0:-1,id:i,component:L(V),role:e.props.role})}))),e}),[_,V,G,K,z]);return t.createElement(p.Provider,{value:{updateFocusedItem:X}},t.createElement(Q,{"data-testid":S||m(f.LIST,O),"data-vibe":x.LIST,ref:B,style:D,className:r(k.list,R),id:K,"aria-label":C,"aria-describedby":N,"aria-controls":P,tabIndex:-1,role:M},Z))}));export{g as default};
 //# sourceMappingURL=List.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 \"@vibe/shared\";\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":"k7BAsEMA,IAAAA,EAAOC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAChBE,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACoBQ,EAAeR,EAAnC,oBACiBS,EAAYT,EAA7B,iBAAeU,EAAAV,EACfW,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUnB,GAC7BoB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYxB,EAEZyB,EAAoBC,GAAY,SAAC5B,SACrCyB,EAAcI,EAAqBZ,EAAcjB,IAC1B,QAAvB8B,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBhC,EAC9D,GAAE,IAEGiC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd3C,CAgBD,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVnC,IAAKe,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAEzD,CACF,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMkB,MAAwBzE,IAAE0E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/BzD,IAAK,SAAGgF,GAAA,OAAK7D,EAAac,QAAQwC,GAASzE,CAAI,EAC/CiF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD5E,GAAAA,EACAE,UAAW8E,EAAyB9E,GACpCS,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUD,EAAWsB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMtF,GAAG,YAC1DuF,EAAgBD,KAC3BxF,IAAKiB,EACLN,MAAOA,EACPV,UAAWyF,EAAGC,EAAOC,KAAM3F,GAC3BC,GAAIkB,EACQ,aAAAd,EACM,mBAAAC,EACH,gBAAAC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT"}
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 \"@vibe/shared\";\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","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list"],"mappings":"+6BAsEA,IAAMA,EAAOC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAS,IAAAD,EAAG,KAAIA,EAChBE,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACoBQ,EAAeR,EAAnC,oBACiBS,EAAYT,EAA7B,iBAAeU,EAAAV,EACfW,uBAAAA,OAAsB,IAAAD,GAAQA,EAC9BE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,KAAAA,OAAI,IAAAD,EAAG,UAASA,EACDE,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUnB,GAC7BoB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYxB,EAEZyB,EAAoBC,GAAY,SAAC5B,SACrCyB,EAAcI,EAAqBZ,EAAcjB,IAC5B,QAArB8B,EAAAjB,aAAY,EAAZA,EAAckB,eAAO,IAAAD,GAAAA,EAAEE,aAAa,wBAAyBhC,EAC/D,GAAG,IAEGiC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd3C,CAgBF,GACA,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVnC,IAAKe,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAK,EAALA,EAAOG,aAAa,iBAA2B,IAE/G,IAA0B,IAAtBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,EAAM,KACzD,IAAxBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAEzD,CACF,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAAAC,cAACC,EAAoB,KAAEL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMkB,MAAwBzE,IAAE,GAAA0E,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/BzD,IAAK,SAAAA,GAAG,OAAKmB,EAAac,QAAQwC,GAASzE,CAAG,EAC9CgF,SAAUtD,IAAe+C,GAASK,EAAkB,GAAI,EACxD5E,GAAAA,EACAE,UAAW6E,EAAyB7E,GACpCS,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUD,EAAWsB,EAAYN,EAAYV,IAEjD,OACEyD,EAAAC,cAACc,EAAYC,UAASC,MAAO,CAAEvD,kBAAAA,IAC7BsC,EAAAC,cAACxC,EAAS,CAAA,cACKd,GAAcuE,EAAUC,EAAuBC,KAAMrF,GAAG,YAC1DsF,EAAgBD,KAC3BvF,IAAKiB,EACLN,MAAOA,EACPV,UAAWwF,EAAGC,EAAOC,KAAM1F,GAC3BC,GAAIkB,EAAU,aACFd,EAAS,mBACHC,EAAe,gBAClBC,EACfwE,UAAU,EACVnE,KAAMA,GAELiD,GAIT"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_aa1d4c73b6"};!function(e){const t="s_id-ed9bf484fec4_4_2_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_aa1d4c73b6 {\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_aa1d4c73b6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_aa1d4c73b6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_64b3d4f0d5"};!function(e){const t="s_id-ed9bf484fec4_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_64b3d4f0d5 {\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_64b3d4f0d5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_64b3d4f0d5::-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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualizedListItems.js","sources":["../../../../../src/components/List/VirtualizedListItems/VirtualizedListItems.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ListItem, { type ListItemProps } from \"../../../components/ListItem/ListItem\";\nimport ListTitle, { type ListTitleProps } from \"../../ListTitle/ListTitle\";\nimport VirtualizedList from \"../../../components/VirtualizedList/VirtualizedList\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type ListItemIconProps } from \"../../ListItemIcon/ListItemIcon\";\nimport styles from \"./VirtualizedListItems.module.scss\";\n\nconst ITEM_CHILDREN_TYPES = {\n TITLE: \"title\",\n ITEM: \"item\"\n};\n\nconst LIST_TITLE_HEIGHT = 48;\nconst LIST_ITEM_HEIGHT = 32;\n\nexport interface VirtualizedListItemsProps extends VibeComponentProps {\n /*\n The list of children.\n */\n children?: React.ReactElement<ListItemProps \| ListTitleProps> \| React.ReactElement<ListItemProps \| ListTitleProps>[];\n}\n\nexport const VirtualizedListItems: React.FC<VirtualizedListItemsProps> = ({ children }) => {\n const items = useMemo(() => {\n const childrenArr = Array.isArray(children) ? children : [children];\n return childrenArr\n .map((child, index) => {\n // @ts-ignore displayName is coming from Component assigned field: ListTitle, ListItem\n const childTypeDisplayName = child.type.displayName;\n if (childTypeDisplayName === ListTitle.displayName) {\n return {\n type: ITEM_CHILDREN_TYPES.TITLE,\n id: `list-title-${index}`,\n props: child.props,\n // avoid add spacing to the first category on the list\n height: LIST_TITLE_HEIGHT\n };\n } else if (childTypeDisplayName === ListItem.displayName) {\n const { id } = child.props;\n return {\n type: ITEM_CHILDREN_TYPES.ITEM,\n id: id \|\| `list-item-${index}`,\n props: child.props,\n height: LIST_ITEM_HEIGHT\n };\n } else {\n return undefined;\n }\n })\n .filter(item => item !== undefined);\n }, [children]);\n\n const itemRenderer = useCallback(\n (item: ReactElement<ListItemProps \| ListItemIconProps \| ListTitleProps>, index: number, style: CSSProperties) => {\n const { type, props } = item;\n let element;\n switch (type) {\n case ITEM_CHILDREN_TYPES.TITLE: {\n element = <ListTitle {...(props as ListTitleProps)} />;\n break;\n }\n case ITEM_CHILDREN_TYPES.ITEM: {\n element = <ListItem {...(props as ListItemProps)} />;\n break;\n }\n }\n\n return <div style={style}>{element}</div>;\n },\n []\n );\n\n return (\n // @ts-ignore TODO TS-migration fix when VirtualizedList is converted to TS\n <VirtualizedList scrollableClassName={cx(styles.scrollableContainer)} items={items} itemRenderer={itemRenderer} />\n );\n};\n"],"names":["ITEM_CHILDREN_TYPES","VirtualizedListItems","_ref","children","items","useMemo","Array","isArray","map","child","index","childTypeDisplayName","type","displayName","ListTitle","id","concat","props","height","ListItem","filter","item","undefined","itemRenderer","useCallback","style","element","React","createElement","Object","assign","VirtualizedList","scrollableClassName","cx","styles","scrollableContainer"],"mappings":"iRASA,IAAMA,EACG,QADHA,EAEE,OAaKC,EAA4D,SAAxCC,GAAyD,IAAdC,EAAQD,EAARC,SACpEC,EAAQC,GAAQ,WAEpB,OADoBC,MAAMC,QAAQJ,GAAYA,EAAW,CAACA,IAEvDK,KAAI,SAACC,EAAOC,GAEX,IAAMC,EAAuBF,EAAMG,KAAKC,YACxC,OAAIF,IAAyBG,EAAUD,YAC9B,CACLD,KAAMZ,EACNe,~~GAAEC~~,~~cAAAA~~,OAAgBN,GAClBO,MAAOR,EAAMQ,MAEbC,OAvBc,IAyBPP,IAAyBQ,EAASN,YAEpC,CACLD,KAAMZ,EACNe,GAHaN,EAAMQ,MAAbF,IAGA,aAAAC,OAAiBN,GACvBO,MAAOR,EAAMQ,MACbC,OA9Ba,SAiCf,CAEJ,IACCE,QAAO,SAAAC,GAAI,YAAaC,IAATD,~~IACpB~~,GAAG,CAAClB,IAEEoB,EAAeC,GACnB,SAACH,EAAwEX,EAAee,GACtF,IACIC,EADUT,EAAUI,EAAVJ,MAEd,OAFwBI,EAAhBT,MAGN,KAAKZ,EACH0B,EAAUC,~~EAACC~~,~~cAAAd~~,~~EAAee~~,OAAAC,OAAA,CAAA,~~EAAAb~~,IAC1B,MAEF,KAAKjB,EACH0B,EAAUC,~~EAACC~~,~~cAAAT~~,~~EAAcU~~,OAAAC,OAAA,CAAA,~~EAAAb~~,IAK7B,OAAOU,uBAAKF,MAAOA,GAAQC,~~EAC5B~~,~~GACD~~,IAGF,OAEEC,~~EAACC~~,~~cAAAG~~,GAAgBC,oBAAqBC,EAAGC,EAAOC,qBAAsB/B,MAAOA,EAAOmB,aAAcA,GAEtG"}
1	+ {"version":3,"file":"VirtualizedListItems.js","sources":["../../../../../src/components/List/VirtualizedListItems/VirtualizedListItems.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ListItem, { type ListItemProps } from \"../../../components/ListItem/ListItem\";\nimport ListTitle, { type ListTitleProps } from \"../../ListTitle/ListTitle\";\nimport VirtualizedList from \"../../../components/VirtualizedList/VirtualizedList\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type ListItemIconProps } from \"../../ListItemIcon/ListItemIcon\";\nimport styles from \"./VirtualizedListItems.module.scss\";\n\nconst ITEM_CHILDREN_TYPES = {\n TITLE: \"title\",\n ITEM: \"item\"\n};\n\nconst LIST_TITLE_HEIGHT = 48;\nconst LIST_ITEM_HEIGHT = 32;\n\nexport interface VirtualizedListItemsProps extends VibeComponentProps {\n /*\n The list of children.\n */\n children?: React.ReactElement<ListItemProps \| ListTitleProps> \| React.ReactElement<ListItemProps \| ListTitleProps>[];\n}\n\nexport const VirtualizedListItems: React.FC<VirtualizedListItemsProps> = ({ children }) => {\n const items = useMemo(() => {\n const childrenArr = Array.isArray(children) ? children : [children];\n return childrenArr\n .map((child, index) => {\n // @ts-ignore displayName is coming from Component assigned field: ListTitle, ListItem\n const childTypeDisplayName = child.type.displayName;\n if (childTypeDisplayName === ListTitle.displayName) {\n return {\n type: ITEM_CHILDREN_TYPES.TITLE,\n id: `list-title-${index}`,\n props: child.props,\n // avoid add spacing to the first category on the list\n height: LIST_TITLE_HEIGHT\n };\n } else if (childTypeDisplayName === ListItem.displayName) {\n const { id } = child.props;\n return {\n type: ITEM_CHILDREN_TYPES.ITEM,\n id: id \|\| `list-item-${index}`,\n props: child.props,\n height: LIST_ITEM_HEIGHT\n };\n } else {\n return undefined;\n }\n })\n .filter(item => item !== undefined);\n }, [children]);\n\n const itemRenderer = useCallback(\n (item: ReactElement<ListItemProps \| ListItemIconProps \| ListTitleProps>, index: number, style: CSSProperties) => {\n const { type, props } = item;\n let element;\n switch (type) {\n case ITEM_CHILDREN_TYPES.TITLE: {\n element = <ListTitle {...(props as ListTitleProps)} />;\n break;\n }\n case ITEM_CHILDREN_TYPES.ITEM: {\n element = <ListItem {...(props as ListItemProps)} />;\n break;\n }\n }\n\n return <div style={style}>{element}</div>;\n },\n []\n );\n\n return (\n // @ts-ignore TODO TS-migration fix when VirtualizedList is converted to TS\n <VirtualizedList scrollableClassName={cx(styles.scrollableContainer)} items={items} itemRenderer={itemRenderer} />\n );\n};\n"],"names":["ITEM_CHILDREN_TYPES","VirtualizedListItems","_ref","children","items","useMemo","Array","isArray","map","child","index","childTypeDisplayName","type","displayName","ListTitle","id","concat","props","height","ListItem","filter","item","undefined","itemRenderer","useCallback","style","element","React","createElement","Object","assign","VirtualizedList","scrollableClassName","cx","styles","scrollableContainer"],"mappings":"iRASA,IAAMA,EACG,QADHA,EAEE,OAaKC,EAA4D,SAAxCC,GAAyD,IAAdC,EAAQD,EAARC,SACpEC,EAAQC,GAAQ,WAEpB,OADoBC,MAAMC,QAAQJ,GAAYA,EAAW,CAACA,IAEvDK,KAAI,SAACC,EAAOC,GAEX,IAAMC,EAAuBF,EAAMG,KAAKC,YACxC,OAAIF,IAAyBG,EAAUD,YAC9B,CACLD,KAAMZ,EACNe,GAAE,cAAAC,OAAgBN,GAClBO,MAAOR,EAAMQ,MAEbC,OAvBc,IAyBPP,IAAyBQ,EAASN,YAEpC,CACLD,KAAMZ,EACNe,GAHaN,EAAMQ,MAAbF,IAGA,aAAAC,OAAiBN,GACvBO,MAAOR,EAAMQ,MACbC,OA9Ba,SAiCf,CAEJ,IACCE,QAAO,SAAAC,GAAI,YAAaC,IAATD,CAAkB,GACtC,GAAG,CAAClB,IAEEoB,EAAeC,GACnB,SAACH,EAAwEX,EAAee,GACtF,IACIC,EADUT,EAAUI,EAAVJ,MAEd,OAFwBI,EAAhBT,MAGN,KAAKZ,EACH0B,EAAUC,EAAAC,cAACd,EAASe,OAAAC,OAAA,CAAA,EAAMb,IAC1B,MAEF,KAAKjB,EACH0B,EAAUC,EAAAC,cAACT,EAAQU,OAAAC,OAAA,CAAA,EAAMb,IAK7B,OAAOU,uBAAKF,MAAOA,GAAQC,EAC7B,GACA,IAGF,OAEEC,EAAAC,cAACG,GAAgBC,oBAAqBC,EAAGC,EAAOC,qBAAsB/B,MAAOA,EAAOmB,aAAcA,GAEtG"}

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_45a9a88973"};!function(e){const n="s_id-8a3397ff1208_4_2_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_45a9a88973 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_45a9a88973::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_45a9a88973::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_7d460fd2b6"};!function(e){const n="s_id-8a3397ff1208_4_2_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_7d460fd2b6 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_7d460fd2b6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_7d460fd2b6::-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