@vibe/core 3.58.2-alpha-faacc.0 → 3.58.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridKeyboardNavigationContext.js","sources":["../../../../src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from \"react\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport { useLastNavigationDirection } from \"../Menu/Menu/hooks/useLastNavigationDirection\";\nimport {\n  getDirectionMaps,\n  getNextElementToFocusInDirection,\n  getOppositeDirection,\n  getOutmostElementInDirection\n} from \"./helper\";\nimport { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n  type GridElementRef,\n  type GridKeyboardNavigationContextType,\n  type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nexport const GridKeyboardNavigationContext = React.createContext<GridKeyboardNavigationContextType>(null);\n\n/**\n * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|\n * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items\n * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements\n * @param options - { disabled: boolean }\n */\nexport const useGridKeyboardNavigationContext = (\n  positions: Position[],\n  wrapperRef: GridElementRef,\n  options: { disabled: boolean } = { disabled: false }\n) => {\n  const directionMaps = useMemo(() => getDirectionMaps(positions), [positions]);\n  const upperContext = useContext(GridKeyboardNavigationContext);\n  const { lastNavigationDirectionRef } = useLastNavigationDirection();\n\n  const onWrapperFocus = useCallback(() => {\n    const keyboardDirection = lastNavigationDirectionRef.current;\n    if (!keyboardDirection || options.disabled) {\n      return;\n    }\n    const oppositeDirection = getOppositeDirection(keyboardDirection);\n    const refToFocus = getOutmostElementInDirection(directionMaps, oppositeDirection);\n    refToFocus?.current?.focus();\n  }, [directionMaps, options.disabled, lastNavigationDirectionRef]);\n  useEventListener({ eventName: \"focus\", callback: onWrapperFocus, ref: wrapperRef });\n\n  const onOutboundNavigation = useCallback(\n    (elementRef: GridElementRef, direction: NavDirections) => {\n      if (options.disabled) return;\n      const maybeNextElement = getNextElementToFocusInDirection(directionMaps[direction], elementRef);\n      if (maybeNextElement) {\n        elementRef.current?.blur();\n        maybeNextElement.current?.focus();\n        return;\n      }\n      // nothing on that direction - try updating the upper context\n      upperContext?.onOutboundNavigation(wrapperRef, direction);\n    },\n    [directionMaps, upperContext, wrapperRef, options.disabled]\n  );\n  return { onOutboundNavigation };\n};\n"],"names":["GridKeyboardNavigationContext","React","createContext","useGridKeyboardNavigationContext","positions","wrapperRef","options","arguments","length","undefined","disabled","directionMaps","useMemo","getDirectionMaps","upperContext","useContext","lastNavigationDirectionRef","useLastNavigationDirection","onWrapperFocus","useCallback","keyboardDirection","current","oppositeDirection","getOppositeDirection","refToFocus","getOutmostElementInDirection","_a","focus","useEventListener","eventName","callback","ref","onOutboundNavigation","elementRef","direction","maybeNextElement","getNextElementToFocusInDirection","blur","_b"],"mappings":"wWAgBO,IAAMA,EAAgCC,EAAMC,cAAiD,MAQvFC,EAAmC,SAC9CC,EACAC,GAEE,IADFC,EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAiC,GAAA,CAAEG,UAAU,GAEvCC,EAAgBC,GAAQ,WAAA,OAAMC,EAAiBT,KAAY,CAACA,IAC5DU,EAAeC,EAAWf,GACxBgB,EAA+BC,IAA/BD,2BAEFE,EAAiBC,GAAY,iBAC3BC,EAAoBJ,EAA2BK,QACrD,GAAKD,IAAqBd,EAAQI,SAAlC,CAGA,IAAMY,EAAoBC,EAAqBH,GACzCI,EAAaC,EAA6Bd,EAAeW,GAC5C,QAAnBI,EAAAF,aAAA,EAAAA,EAAYH,eAAO,IAAAK,GAAAA,EAAEC,OAHpB,CAIF,GAAE,CAAChB,EAAeL,EAAQI,SAAUM,IAiBrC,OAhBAY,EAAiB,CAAEC,UAAW,QAASC,SAAUZ,EAAgBa,IAAK1B,IAgB/D,CAAE2B,qBAdoBb,GAC3B,SAACc,EAA4BC,WAC3B,IAAI5B,EAAQI,SAAZ,CACA,IAAMyB,EAAmBC,EAAiCzB,EAAcuB,GAAYD,GACpF,GAAIE,EAGF,OAFoB,QAApBT,EAAAO,EAAWZ,eAAS,IAAAK,GAAAA,EAAAW,YACM,QAA1BC,EAAAH,EAAiBd,eAAS,IAAAiB,GAAAA,EAAAX,SAI5Bb,SAAAA,EAAckB,qBAAqB3B,EAAY6B,EARzB,CASxB,GACA,CAACvB,EAAeG,EAAcT,EAAYC,EAAQI,WAGtD"}

package/dist/src/components/GridKeyboardNavigationContext/helper.js

@@ -0,0 +1,2 @@
+import{defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{NavDirections as r}from"../../hooks/useFullKeyboardListeners.js";var n=function(t){var n=e(e(e(e({},r.RIGHT,new Map),r.LEFT,new Map),r.UP,new Map),r.DOWN,new Map);return t.forEach((function(e){!function(e,t){var n=t.topElement,o=t.bottomElement,a=t.leftElement,l=t.rightElement;function i(e,t){throw Error("Circular positioning detected: the ".concat(e," element is already positioned to the ").concat(t," of the ").concat(t," element. This probably means the layout isn't ordered correctly."))}n&&o&&(e[r.UP].get(n)===o&&i("BOTTOM","TOP"),e[r.DOWN].get(o)===n&&i("TOP","BOTTOM")),a&&l&&(e[r.LEFT].get(a)===l&&i("RIGHT","LEFT"),e[r.RIGHT].get(l)===a&&i("LEFT","RIGHT"))}(n,e);var t=e.topElement,o=e.bottomElement,a=e.leftElement,l=e.rightElement;t&&o&&(n[r.UP].set(o,t),n[r.DOWN].set(t,o)),a&&l&&(n[r.LEFT].set(l,a),n[r.RIGHT].set(a,l))})),n},o=function(e){switch(e){case r.LEFT:return r.RIGHT;case r.RIGHT:return r.LEFT;case r.UP:return r.DOWN;case r.DOWN:return r.UP;default:throw Error("Unexpected direction: ".concat(e))}},a=function e(n,o){var a=n[o],i=t(a)[0];return i?function(e,t){var r=!1,n=t;for(;!r;){var o=l(e,n);o?n=o:r=!0}return n}(a,i[0]):e(n,[r.LEFT,r.RIGHT].includes(o)?r.UP:r.LEFT)},l=function e(t,r){var n,o=t.get(r);return o?!o.current||o.current.disabled||"true"===(null===(n=o.current.dataset)||void 0===n?void 0:n.disabled)?e(t,o):o:null};export{n as getDirectionMaps,l as getNextElementToFocusInDirection,o as getOppositeDirection,a as getOutmostElementInDirection};
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +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,CAIV,CAED,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,UAAb,QAAtBC,EAAAH,EAAKC,QAAQG,eAAS,IAAAD,OAAA,EAAAA,EAAAD,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}

package/dist/src/components/Heading/Heading.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../../_virtual/_tslib.js";import o,{forwardRef as e}from"react";import s from"classnames";import{camelCase as t}from"lodash-es";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HeadingType as p,HeadingWeight as m}from"./HeadingConstants.js";import i from"../Typography/Typography.js";import{TypographyAlign as l,TypographyColor as n}from"../Typography/TypographyConstants.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import c from"./Heading.module.scss.js";import{TypographyContext as f}from"../Typography/utils/TypographyContext.js";var g=a(e((function(e,a){var p=e.className,m=e.type,l=void 0===m?"h1":m,n=e.weight,g=void 0===n?"normal":n,h=r(e,["className","type","weight"]);return o.createElement(f.Provider,{value:{overflowTolerance:4}},o.createElement(i,Object.assign({element:l,ref:a,className:s(c.heading,y(c,t(l+"-"+g)),p)},h)))})),{types:p,weights:m,align:l,colors:n});export{g as default};
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { type HeadingType, type HeadingWeight } from \"./Heading.types\";\nimport { type TypographyAlign, type TypographyColor } from \"../Typography\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n  /**\n   * The heading type.\n   */\n  type?: HeadingType;\n  /**\n   * The font weight of the heading.\n   */\n  weight?: HeadingWeight;\n  /**\n   * The text alignment.\n   */\n  align?: TypographyAlign;\n  /**\n   * The text color.\n   */\n  color?: TypographyColor;\n  /**\n   * The content inside the heading.\n   */\n  children: ReactNode;\n}\n\nconst Heading = forwardRef(\n  (\n    { className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n        <Typography\n          element={type}\n          ref={ref}\n          className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n          {...typographyProps}\n        />\n      </TypographyContext.Provider>\n    );\n  }\n);\n\ninterface HeadingStaticProps {\n  types: typeof HeadingTypeEnum;\n  weights: typeof HeadingWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<HeadingProps, HeadingStaticProps>(Heading, {\n  types: HeadingTypeEnum,\n  weights: HeadingWeightEnum,\n  align: TypographyAlignEnum,\n  colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"4oBAgBA,IAkDeA,EAAAA,EAzBCC,GACd,SACEC,EACAC,GADA,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BAGA,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBA/BV,IAgCzBL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAUwE,CACxEiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}

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

@@ -0,0 +1,2 @@
+var n={h1Bold:"h1Bold_7d008b8203",h1Medium:"h1Medium_089a7df7cd",h1Normal:"h1Normal_e48a709e56",h1Light:"h1Light_7cf9b9f794",h2Bold:"h2Bold_65f84ce92a",h2Medium:"h2Medium_b8a9fe7403",h2Normal:"h2Normal_652c7aaefb",h2Light:"h2Light_800cdc2e73",h3Bold:"h3Bold_c85a3fba0f",h3Medium:"h3Medium_6e0190fda0",h3Normal:"h3Normal_7912d89dd6",h3Light:"h3Light_a9ddff36ef",heading:"heading_6fdaafaadc"};!function(n){const o="s_id-7b3706ef5cf5_3_58_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_7d008b8203 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_089a7df7cd {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_e48a709e56 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_7cf9b9f794 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_65f84ce92a {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_b8a9fe7403 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_652c7aaefb {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_800cdc2e73 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_c85a3fba0f {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_6e0190fda0 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_7912d89dd6 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_a9ddff36ef {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_6fdaafaadc {\n  margin: 0;\n}");export{n as default};
+//# sourceMappingURL=Heading.module.scss.js.map

package/dist/src/components/Heading/Heading.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Heading/HeadingConstants.js

@@ -0,0 +1,2 @@
+var n,o;!function(n){n.H1="h1",n.H2="h2",n.H3="h3"}(n||(n={})),function(n){n.BOLD="bold",n.MEDIUM="medium",n.NORMAL="normal",n.LIGHT="light"}(o||(o={}));export{n as HeadingType,o as HeadingWeight};
+//# sourceMappingURL=HeadingConstants.js.map

package/dist/src/components/Heading/HeadingConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingConstants.js","sources":["../../../../src/components/Heading/HeadingConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum HeadingType {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\"\n}\n\n/**\n * @deprecated\n */\nexport enum HeadingWeight {\n  BOLD = \"bold\",\n  MEDIUM = \"medium\",\n  NORMAL = \"normal\",\n  LIGHT = \"light\"\n}\n"],"names":["HeadingType","HeadingWeight"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,IACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

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

@@ -0,0 +1,2 @@
+import e from"classnames";import t,{forwardRef as s,useRef as r}from"react";import a from"../../hooks/useMergeRef.js";import{getTestId as d,ComponentDefaultTestId as o}from"../../tests/testIds.js";import i from"./HiddenText.module.scss.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=a(m,x);return t.createElement("span",{ref:T,id:c,"data-testid":u||d(o.HIDDEN_TEXT,c),className:e(i.hiddenTextWrapper,p)},n)}));export{m as default};
+//# sourceMappingURL=HiddenText.js.map

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

@@ -0,0 +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 \"../../hooks/useMergeRef\";\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":"gPAcMA,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"}

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

@@ -0,0 +1,2 @@
+var e={hiddenTextWrapper:"hiddenTextWrapper_f334a755d1"};!function(e){const t="s_id-5ac012179a41_3_58_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)}(".hiddenTextWrapper_f334a755d1 {\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/HiddenText/HiddenText.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js

@@ -0,0 +1,2 @@
+import e,{useCallback as r}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s,ComponentVibeId as a}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";import{useIsMounted as n}from"../../../hooks/ssr/useIsMounted.js";function c(e){return e.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var l=function(l){var d=l.className,m=l.ref,f=l.src,u=l.onClick,p=l.replaceToCurrentColor,C=void 0!==p&&p,v=l.customColor,b=l.id,k=l["data-testid"],g=o({isClickable:l.clickable,label:l.ariaLabel,isDecorationOnly:l.ariaHidden}),j=n(),I=r((function(e){return C?c(e,"currentColor"):v?c(e,v):e}),[C,v]);if("string"!=typeof f)return null;var N=t.default||t,O=e.createElement("div",{className:d,id:b});return j?e.createElement(N,Object.assign({innerRef:m},g,{onClick:u,loader:O,src:f,className:d,preProcessor:I,id:b,"data-testid":k||i(s.SVG_ICON,b),"data-vibe":a.ICON}),O):O};export{l as default};
+//# sourceMappingURL=CustomSvgIcon.js.map

package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { type FunctionComponent, useCallback, type AriaRole, type Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n  return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n  /**\n   * Callback fired when the icon is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The source URL or object of the SVG icon.\n   */\n  src: string | object;\n  /**\n   * The accessible label for the icon.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The ARIA role of the icon.\n   */\n  role?: AriaRole;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, makes the icon clickable.\n   */\n  clickable?: boolean;\n  /**\n   * If true, replaces the `fill` attribute in the SVG with `currentColor`.\n   */\n  replaceToCurrentColor?: boolean;\n  /**\n   * Overrides the default color of the icon.\n   */\n  customColor?: string;\n  /**\n   * Reference to the SVG element.\n   */\n  ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n  className,\n  ref,\n  src,\n  onClick,\n  clickable,\n  ariaLabel,\n  ariaHidden,\n  replaceToCurrentColor = false,\n  customColor,\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  const screenReaderAccessProps = useIconScreenReaderAccessProps({\n    isClickable: clickable,\n    label: ariaLabel,\n    isDecorationOnly: ariaHidden\n  });\n\n  const isMounted = useIsMounted();\n\n  const svgProcessor = useCallback(\n    (svg: string) => {\n      if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n      if (customColor) return modifySvgCode(svg, customColor);\n      return svg;\n    },\n    [replaceToCurrentColor, customColor]\n  );\n\n  if (typeof src !== \"string\") return null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const SVGComponent = (SVG.default || SVG) as React.FC<any>; // fix esm issue\n\n  const PlaceHolder = <div className={className} id={id}></div>;\n\n  if (!isMounted) {\n    // placeholder for server side rendering\n    return PlaceHolder;\n  }\n  return (\n    <SVGComponent\n      innerRef={ref}\n      {...screenReaderAccessProps}\n      onClick={onClick}\n      loader={PlaceHolder} // avoid flickering\n      src={src}\n      className={className}\n      preProcessor={svgProcessor}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n      data-vibe={ComponentVibeId.ICON}\n    >\n      {PlaceHolder}\n    </SVGComponent>\n  );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","default","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON","ComponentVibeId","ICON"],"mappings":"wVAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CA6CA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAgBC,EAAIC,SAAWD,EAE/BE,EAAcC,EAAAC,cAAA,MAAA,CAAK1B,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHQ,EAACC,cAAAL,EACCM,OAAAC,OAAA,CAAAC,SAAU5B,GACNQ,EAAuB,CAC3BN,QAASA,EACT2B,OAAQN,EACRtB,IAAKA,EACLF,UAAWA,EACX+B,aAAcZ,EACdZ,GAAIA,gBACSC,GAAcwB,EAAUC,EAAuBC,SAAU3B,GAAG,YAC9D4B,EAAgBC,OAE1BZ,GAfIA,CAkBX"}

package/dist/src/components/Icon/FontIcon/FontIcon.js

@@ -0,0 +1,2 @@
+import a,{forwardRef as e}from"react";import t from"classnames";import{ComponentVibeId as i}from"../../../tests/constants.js";var r=e((function(e,r){var n=e.id,o=e.onClick,l=e["aria-label"],s=e.tabIndex,d=e.icon,c=e.role,m=void 0===c?"img":c,f=e["data-testid"],p="function"==typeof d;return a.createElement("span",{"aria-hidden":e["aria-hidden"],className:t(e.className,"fa",p?"":d),onClick:o,ref:r,"aria-label":l,tabIndex:s,role:m,id:n,"data-testid":f,"data-vibe":i.ICON},p&&a.createElement(d,null))}));export{r as default};
+//# sourceMappingURL=FontIcon.js.map

package/dist/src/components/Icon/FontIcon/FontIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontIcon.js","sources":["../../../../../src/components/Icon/FontIcon/FontIcon.tsx"],"sourcesContent":["import React, { type AriaRole, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface FontIconProps extends VibeComponentProps {\n  /**\n   * Callback fired when the icon is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * The accessible label for the icon.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The icon name or component.\n   */\n  icon?: SubIcon;\n  /**\n   * The ARIA role of the icon.\n   */\n  role?: AriaRole;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  \"aria-hidden\"?: boolean;\n}\n\nconst FontIcon = forwardRef(\n  (\n    {\n      id,\n      className,\n      onClick,\n      \"aria-label\": iconLabel,\n      tabIndex,\n      icon: Icon,\n      role = \"img\",\n      \"aria-hidden\": ariaHidden,\n      \"data-testid\": dataTestId\n    }: FontIconProps,\n    iconRef: React.ForwardedRef<HTMLElement>\n  ) => {\n    const isIconFunction = typeof Icon === \"function\";\n    const iconClassName = isIconFunction ? \"\" : Icon;\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <span\n        aria-hidden={ariaHidden}\n        className={classNames(className, \"fa\", iconClassName)}\n        onClick={onClick}\n        ref={iconRef}\n        aria-label={iconLabel}\n        tabIndex={tabIndex}\n        role={role}\n        id={id}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ICON}\n      >\n        {isIconFunction && <Icon />}\n      </span>\n    );\n  }\n);\n\nexport default FontIcon;\n"],"names":["FontIcon","forwardRef","_ref","iconRef","id","onClick","iconLabel","tabIndex","Icon","icon","_ref$role","role","dataTestId","isIconFunction","React","createElement","className","classNames","ref","ComponentVibeId","ICON"],"mappings":"8HAgCMA,IAAAA,EAAWC,GACf,SAAAC,EAYEC,GACE,IAXAC,EAAEF,EAAFE,GAEAC,EAAOH,EAAPG,QACcC,EAASJ,EAAvB,cACAK,EAAQL,EAARK,SACMC,EAAIN,EAAVO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EAEGE,EAAUV,EAAzB,eAIIW,EAAiC,mBAATL,EAE9B,OAEEM,EACeC,cAAA,OAAA,CAAA,cAVUb,EAAzB,eAWEc,UAAWC,EAjBJf,EAATc,UAiBmC,KALfH,EAAiB,GAAKL,GAMxCH,QAASA,EACTa,IAAKf,EACO,aAAAG,EACZC,SAAUA,EACVI,KAAMA,EACNP,GAAIA,EAAE,cACOQ,EAAU,YACZO,EAAgBC,MAE1BP,GAAkBC,gBAACN,EAAI,MAG9B"}

package/dist/src/components/Icon/Icon.js

@@ -0,0 +1,2 @@
+import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as o,ComponentDefaultTestId as e}from"../../tests/testIds.js";import s from"classnames";import r,{forwardRef as i}from"react";import a from"../../hooks/useMergeRef.js";import{IconType as n}from"./IconConstants.js";import c from"./CustomSvgIcon/CustomSvgIcon.js";import l from"./FontIcon/FontIcon.js";import m from"./hooks/useIconProps.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as p}from"../../tests/constants.js";var u=d(i((function(i,n){var d=i.id,u=i.icon,f=void 0===u?"":u,C=i.iconType,j=void 0===C?"svg":C,v=i.iconSize,b=void 0===v?16:v,g=i.ignoreFocusStyle,I=i.tabindex,y=i.style,N=i.useCurrentColor,O=void 0!==N&&N,k=i.customColor,S=i["data-testid"],x=m({iconLabel:i.iconLabel,className:i.className,isDecorationOnly:i.ariaHidden,ignoreFocusStyle:void 0!==g&&g,externalTabIndex:I&&+I}),F=x.screenReaderAccessProps,P=x.onClickCallback,h=x.computedClassName,E=a(n,x.iconRef);if(!f)return null;var R="function"==typeof f,T=S||o(e.ICON,d);return"svg"===j||R||"object"===t(f)?function(t,s){return r.createElement(t,Object.assign({},s,{"data-testid":s["data-testid"]||o(e.ICON,s.id),"data-vibe":p.ICON}))}(f,Object.assign(Object.assign({id:d},F),{ref:R?void 0:E,size:""+b,className:h,style:y,"data-testid":T})):"src"===j?r.createElement(c,Object.assign({id:d,src:f},F,{className:s(h),onClick:P,replaceToCurrentColor:O,customColor:k,"data-testid":T})):r.createElement(l,Object.assign({id:d},F,{className:s(h),onClick:P,ref:E,icon:f,"data-testid":T}))})),{type:n});export{u as default};
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, forwardRef, type Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { type IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { type VibeComponentProps, type SubIcon, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface IconSubComponentProps {\n  /**\n   * Ref for the icon component.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * The ID of the icon component.\n   */\n  id?: string;\n  /**\n   * The size of the icon.\n   */\n  size?: string | number;\n  /**\n   * Class name applied to the icon.\n   */\n  className?: string;\n  /**\n   * Inline styles applied to the icon.\n   */\n  style?: CSSProperties;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n  const dataTestId = props[\"data-testid\"];\n  return (\n    <Icon\n      {...props}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON, props.id)}\n      data-vibe={ComponentVibeId.ICON}\n    />\n  );\n}\n\nexport interface IconProps extends VibeComponentProps {\n  /**\n   * The icon name, component, or source URL.\n   */\n  icon: SubIcon;\n  /**\n   * The accessible label for the icon.\n   */\n  iconLabel?: string;\n  /**\n   * The type of the icon: `svg`, `font`, or `src` (external source).\n   */\n  iconType?: IconType;\n  /**\n   * The size of the icon.\n   */\n  iconSize?: number | string;\n  /**\n   * If true, removes focus styles from the icon.\n   */\n  ignoreFocusStyle?: boolean;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabindex?: number | string;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  ariaHidden?: boolean;\n  /**\n   * Inline styles applied to the icon.\n   */\n  style?: React.CSSProperties;\n  /**\n   * If true, replaces `fill` property with `currentColor` when using an `src` icon.\n   */\n  useCurrentColor?: boolean;\n  /**\n   * Overrides the default color with a custom color.\n   */\n  customColor?: string;\n}\n\nconst Icon = forwardRef(\n  (\n    {\n      /**\n       * component id\n       */\n      id,\n      className,\n      icon = \"\",\n      iconLabel,\n      iconType = \"svg\",\n      iconSize = 16,\n      ignoreFocusStyle = false,\n      tabindex: externalTabIndex,\n      ariaHidden,\n      style,\n      useCurrentColor = false,\n      customColor,\n      \"data-testid\": dataTestId\n    }: IconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n    const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n      iconLabel,\n      className,\n      isDecorationOnly: ariaHidden,\n      ignoreFocusStyle,\n      externalTabIndex: overrideExternalTabIndex\n    });\n\n    const mergedRef = useMergeRef(ref, iconRef);\n\n    if (!icon) {\n      return null;\n    }\n\n    const isFunctionType = typeof icon === \"function\";\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.ICON, id);\n\n    if (iconType === \"svg\" || isFunctionType || typeof icon === \"object\") {\n      return renderIcon(icon, {\n        id,\n        ...screenReaderAccessProps,\n        ref: isFunctionType ? undefined : mergedRef,\n        size: iconSize.toString(),\n        className: computedClassName,\n        style,\n        \"data-testid\": overrideDataTestId\n      });\n    }\n    if (iconType === \"src\") {\n      return (\n        <CustomSvgIcon\n          id={id}\n          src={icon}\n          {...screenReaderAccessProps}\n          className={cx(computedClassName)}\n          onClick={onClickCallback}\n          replaceToCurrentColor={useCurrentColor}\n          customColor={customColor}\n          data-testid={overrideDataTestId}\n        />\n      );\n    }\n    return (\n      <FontIcon\n        id={id}\n        {...screenReaderAccessProps}\n        className={cx(computedClassName)}\n        onClick={onClickCallback}\n        ref={mergedRef}\n        icon={icon}\n        data-testid={overrideDataTestId}\n      />\n    );\n  }\n);\n\ninterface IconStaticProps {\n  type: typeof IconTypeEnum;\n}\n\nexport default withStaticProps<IconProps, IconStaticProps>(Icon, {\n  type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","createElement","Object","assign","ComponentVibeId","renderIcon","undefined","size","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"+kBA6FA,IAmFeA,EAAAA,EAnFFC,GACX,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAGT,IAAM0B,EAAiC,mBAAT1B,EACxB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAEhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GA9FvD,SAAoBgC,EAAeC,GAEjC,OACEC,EAACC,cAAAH,EACKI,OAAAC,OAAA,CAAA,EAAAJ,iBAHWA,EAAM,gBAIML,EAAUC,EAAuBC,KAAMG,EAAMnC,IAAG,YAChEwC,EAAgBR,OAGjC,CAsFaS,CAAWvC,EAChBoC,OAAAC,OAAAD,OAAAC,OAAA,CAAAvC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBc,EAAYjB,EAClCkB,KAAMrC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACC,cAAAO,EACCN,OAAAC,OAAA,CAAAvC,GAAIA,EACJ6C,IAAK3C,GACDoB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTyB,sBAAuBnC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAC,cAACY,EAAQX,OAAAC,OAAA,CACPvC,GAAIA,GACAsB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAO+D,CAC/DqB,KAAMC"}

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

@@ -0,0 +1,2 @@
+var e={icon:"icon_509aab80fb",noFocusStyle:"noFocusStyle_80e6235d2a",clickable:"clickable_9d7b9bfb78"};!function(e){const n="s_id-039c30c54242_3_58_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_509aab80fb {\n  position: relative;\n}\n\n.icon_509aab80fb:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_80e6235d2a:focus {\n  outline: none;\n}\n\n.clickable_9d7b9bfb78 {\n  cursor: pointer;\n}");export{e as default};
+//# sourceMappingURL=Icon.module.scss.js.map

package/dist/src/components/Icon/Icon.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Icon/IconConstants.js

@@ -0,0 +1,2 @@
+var n;!function(n){n.SVG="svg",n.ICON_FONT="font",n.SRC="src"}(n||(n={}));export{n as IconType};
+//# sourceMappingURL=IconConstants.js.map

package/dist/src/components/Icon/IconConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconConstants.js","sources":["../../../../src/components/Icon/IconConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum IconType {\n  SVG = \"svg\",\n  ICON_FONT = \"font\",\n  SRC = \"src\"\n}\n"],"names":["IconType"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,IAAA,MACAA,EAAA,UAAA,OACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Icon/hooks/useIconProps.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as o,useCallback as n,useMemo as r}from"react";import t from"classnames";import{noop as a}from"lodash-es";import s from"../../../hooks/useEventListener/index.js";import c from"../../../hooks/useKeyEvent/index.js";import{keyCodes as l}from"../../../constants/keyCodes.js";import i from"../../../hooks/useIconScreenReaderAccessProps.js";import m from"../Icon.module.scss.js";var u=[l.ENTER,l.SPACE];function f(l){var f=l.onClick,p=l.className,d=l.clickable,k=l.ignoreFocusStyle,b=l.isDecorationOnly,v=l.iconLabel,y=l.externalTabIndex,C=o(null),x=n((function(e){document.activeElement===C.current&&f(e)}),[C,f]),E=n((function(e){e.preventDefault()}),[]),j=r((function(){return t(m.icon,p,e(e({},m.clickable,d),m.noFocusStyle,k))}),[d,p,k]);s({eventName:"mousedown",callback:E,ref:C}),c({keys:u,ref:C,callback:x,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var P=n((function(e){(f||a)(e)}),[f]),D=i({isClickable:d,label:v,isDecorationOnly:b});return D.tabIndex=null!=y?y:D.tabIndex,{screenReaderAccessProps:D,onClickCallback:P,computedClassName:j,onEnterCallback:x,iconRef:C}}export{f as default};
+//# sourceMappingURL=useIconProps.js.map

package/dist/src/components/Icon/hooks/useIconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconProps.js","sources":["../../../../../src/components/Icon/hooks/useIconProps.tsx"],"sourcesContent":["import { type KeyboardEvent, type MouseEvent, type UIEvent, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useEventListener from \"../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport styles from \"../Icon.module.scss\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport default function useIconProps({\n  onClick,\n  className,\n  clickable,\n  ignoreFocusStyle,\n  isDecorationOnly,\n  iconLabel,\n  externalTabIndex\n}: {\n  onClick?: (event: UIEvent) => void;\n  className?: string;\n  clickable?: boolean;\n  ignoreFocusStyle?: boolean;\n  isDecorationOnly?: boolean;\n  iconLabel?: string;\n  externalTabIndex?: number | undefined;\n}) {\n  const iconRef = useRef(null);\n  const onEnterCallback = useCallback(\n    (event: KeyboardEvent) => {\n      const isActive = document.activeElement === iconRef.current;\n      if (!isActive) {\n        return;\n      }\n      onClick(event);\n    },\n    [iconRef, onClick]\n  );\n\n  const onMouseDown = useCallback((event: MouseEvent) => {\n    event.preventDefault();\n  }, []);\n\n  const computedClassName = useMemo(() => {\n    return cx(styles.icon, className, {\n      [styles.clickable]: clickable,\n      [styles.noFocusStyle]: ignoreFocusStyle\n    });\n  }, [clickable, className, ignoreFocusStyle]);\n\n  useEventListener({\n    eventName: \"mousedown\",\n    callback: onMouseDown,\n    ref: iconRef\n  });\n\n  useKeyEvent({\n    keys: KEYS,\n    ref: iconRef,\n    callback: onEnterCallback,\n    ignoreDocumentFallback: true,\n    capture: true,\n    stopPropagation: true,\n    preventDefault: true\n  });\n\n  const onClickCallback = useCallback(\n    (event: MouseEvent) => {\n      const callback = onClick || NOOP;\n      callback(event);\n    },\n    [onClick]\n  );\n\n  const screenReaderAccessProps = useIconScreenReaderAccessProps({\n    isClickable: clickable,\n    label: iconLabel,\n    isDecorationOnly\n  });\n\n  screenReaderAccessProps.tabIndex = externalTabIndex ?? screenReaderAccessProps.tabIndex;\n\n  return {\n    screenReaderAccessProps,\n    onClickCallback,\n    computedClassName,\n    onEnterCallback,\n    iconRef\n  };\n}\n"],"names":["KEYS","keyCodes","ENTER","SPACE","useIconProps","_ref","onClick","className","clickable","ignoreFocusStyle","isDecorationOnly","iconLabel","externalTabIndex","iconRef","useRef","onEnterCallback","useCallback","event","document","activeElement","current","onMouseDown","preventDefault","computedClassName","useMemo","cx","styles","icon","_defineProperty","noFocusStyle","useEventListener","eventName","callback","ref","useKeyEvent","keys","ignoreDocumentFallback","capture","stopPropagation","onClickCallback","NOOP","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","label","tabIndex"],"mappings":"sdASA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,OAEzB,SAAUC,EAAYC,GAgBnC,IAfCC,EAAOD,EAAPC,QACAC,EAASF,EAATE,UACAC,EAASH,EAATG,UACAC,EAAgBJ,EAAhBI,iBACAC,EAAgBL,EAAhBK,iBACAC,EAASN,EAATM,UACAC,EAAgBP,EAAhBO,iBAUMC,EAAUC,EAAO,MACjBC,EAAkBC,GACtB,SAACC,GACkBC,SAASC,gBAAkBN,EAAQO,SAIpDd,EAAQW,EACV,GACA,CAACJ,EAASP,IAGNe,EAAcL,GAAY,SAACC,GAC/BA,EAAMK,gBACP,GAAE,IAEGC,EAAoBC,GAAQ,WAChC,OAAOC,EAAGC,EAAOC,KAAMpB,EAASqB,EAAAA,EAAA,CAAA,EAC7BF,EAAOlB,UAAYA,GACnBkB,EAAOG,aAAepB,GAE1B,GAAE,CAACD,EAAWD,EAAWE,IAE1BqB,EAAiB,CACfC,UAAW,YACXC,SAAUX,EACVY,IAAKpB,IAGPqB,EAAY,CACVC,KAAMnC,EACNiC,IAAKpB,EACLmB,SAAUjB,EACVqB,wBAAwB,EACxBC,SAAS,EACTC,iBAAiB,EACjBhB,gBAAgB,IAGlB,IAAMiB,EAAkBvB,GACtB,SAACC,IACkBX,GAAWkC,GACnBvB,EACX,GACA,CAACX,IAGGmC,EAA0BC,EAA+B,CAC7DC,YAAanC,EACboC,MAAOjC,EACPD,iBAAAA,IAKF,OAFA+B,EAAwBI,SAAWjC,QAAAA,EAAoB6B,EAAwBI,SAExE,CACLJ,wBAAAA,EACAF,gBAAAA,EACAhB,kBAAAA,EACAR,gBAAAA,EACAF,QAAAA,EAEJ"}

package/dist/src/components/IconButton/IconButton.js

@@ -0,0 +1,2 @@
+import e,{forwardRef as t,useRef as o,useMemo as s,Fragment as r}from"react";import a from"classnames";import{noop as i}from"lodash-es";import n from"../../hooks/useMergeRef.js";import d from"../Tooltip/Tooltip.js";import c from"../Icon/Icon.js";import{getWidthHeight as l}from"./services/IconButton-helpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as p}from"../../tests/testIds.js";import{ComponentDefaultTestId as u,ComponentVibeId as f}from"../../tests/constants.js";import v from"../Button/Button.js";import{BUTTON_ICON_SIZE as b,SMALL_BUTTON_ICON_SIZE as j}from"../Button/ButtonConstants.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import C from"./IconButton.module.scss.js";import y from"../../../icons/dist/react/AddSmall.js";var N=m(t((function(t,m){var N=t.className,B=t.wrapperClassName,I=t.iconClassName,h=t.id,x=t.icon,O=void 0===x?y:x,T=t.size,k=void 0===T?"medium":T,E=t.tooltipProps,P=void 0===E?{}:E,S=t.tooltipContent,w=t.ariaLabeledBy,z=t.ariaLabel,L=t.ariaHasPopup,F=t.ariaExpanded,H=t.ariaControls,M=t["aria-describedby"],R=t["aria-hidden"],U=t["aria-pressed"],W=t.hideTooltip,_=void 0!==W&&W,A=t.kind,q=void 0===A?"tertiary":A,D=t.active,G=t.disabled,J=void 0!==G&&G,K=t.disabledReason,Q=t.onClick,V=void 0===Q?i:Q,X=t.color,Y=t["data-testid"],Z=t.insetFocus,$=void 0!==Z&&Z,ee=t.tabIndex,te=t.loading,oe=void 0!==te&&te,se=o(null),re=n(m,se),ae=s((function(){return(null==P?void 0:P.content)||S}),[null==P?void 0:P.content,S]),ie=s((function(){return z||("string"==typeof ae?ae:void 0)}),[z,ae]),ne=s((function(){switch(k){case"xxs":case"xs":return j;case"small":case"medium":case"large":return b;default:return 24}}),[k]),de=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return k&&(e=Object.assign(Object.assign({},e),l(k))),e}),[k]),ce=s((function(){return _?null:J&&K?K:ae||z}),[_,J,K,ae,z]),le=B?"div":r,me=s((function(){return B?{className:a(B,C.wrapper)}:{}}),[B]);return e.createElement(le,Object.assign({},me),e.createElement(d,Object.assign({},P,{content:ce,referenceWrapperClassName:C.referenceWrapper}),e.createElement(v,{onClick:V,disabled:J,color:X,kind:q,ariaLabeledBy:w,ariaLabel:ie,ariaHasPopup:L,ariaExpanded:F,ariaControls:H,"aria-describedby":M,"aria-hidden":R,"aria-pressed":U,ref:re,id:h,"data-testid":Y||p(u.ICON_BUTTON,h),"data-vibe":f.ICON_BUTTON,noSidePadding:!0,active:D,className:N,style:de,insetFocus:$,tabIndex:ee,loading:oe,loaderClassName:a(C.loader,g(C,k))},e.createElement(c,{icon:O,iconType:"svg",iconSize:ne,ignoreFocusStyle:!0,className:I}))))})),{sizes:v.sizes,kinds:v.kinds,colors:v.colors});export{N as default};
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { type AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, type Size } from \"./services/IconButton-helpers\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { type ButtonColor, type ButtonType } from \"../Button\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the button wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Class name applied to the icon.\n   */\n  iconClassName?: string;\n  /**\n   * The icon displayed inside the button.\n   */\n  icon?: SubIcon;\n  /**\n   * The ID of the element that labels this button.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, indicates that the button controls a popup.\n   */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /**\n   * If true, indicates that the associated popup is open.\n   */\n  ariaExpanded?: boolean;\n  /**\n   * The ID of the region controlled by the button.\n   */\n  ariaControls?: string;\n  /**\n   * ID of the element describing the button.\n   */\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * If true, hides the button from assistive technologies.\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons.\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /**\n   * The size of the button.\n   */\n  size?: Size;\n  /**\n   * If true, hides the tooltip.\n   */\n  hideTooltip?: boolean;\n  /**\n   * Props for the Tooltip component.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Tooltip content displayed on hover.\n   */\n  tooltipContent?: string;\n  /**\n   * The button variant.\n   */\n  kind?: ButtonType;\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * The color of the button.\n   */\n  color?: ButtonColor;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If disabled, this message will be displayed in the tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the focus indicator is displayed inside the button instead of around it.\n   */\n  insetFocus?: boolean;\n  /**\n   * The tab order of the button.\n   */\n  tabIndex?: number;\n  /**\n   * If true, a loader replaces the icon.\n   */\n  loading?: boolean;\n}\n\nconst IconButton = forwardRef(\n  (\n    {\n      className,\n      wrapperClassName,\n      iconClassName,\n      id,\n      icon = AddSmall,\n      size = \"medium\",\n      tooltipProps = {} as TooltipProps,\n      tooltipContent,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      hideTooltip = false,\n      kind = \"tertiary\",\n      active,\n      disabled = false,\n      disabledReason,\n      onClick = NOOP,\n      color,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex,\n      loading = false\n    }: IconButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const overrideTooltipContent = useMemo(\n      () => tooltipProps?.content || tooltipContent,\n      [tooltipProps?.content, tooltipContent]\n    );\n\n    const buttonAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n      return undefined;\n    }, [ariaLabel, overrideTooltipContent]);\n\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return SMALL_BUTTON_ICON_SIZE;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return BUTTON_ICON_SIZE;\n        default:\n          return 24;\n      }\n    }, [size]);\n\n    const overrideStyle = useMemo(() => {\n      let style = {\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 0\n      } as React.CSSProperties;\n\n      if (size) {\n        style = { ...style, ...getWidthHeight(size) };\n      }\n      return style;\n    }, [size]);\n\n    const calculatedTooltipContent = useMemo(() => {\n      if (hideTooltip) return null;\n      if (disabled && disabledReason) return disabledReason;\n      if (overrideTooltipContent) return overrideTooltipContent as never;\n      return ariaLabel;\n    }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n    const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n    const iconButtonWrapperProps = useMemo(() => {\n      return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n    }, [wrapperClassName]);\n\n    return (\n      <IconButtonWrapper {...iconButtonWrapperProps}>\n        <Tooltip\n          {...tooltipProps}\n          content={calculatedTooltipContent}\n          referenceWrapperClassName={styles.referenceWrapper}\n        >\n          <Button\n            onClick={onClick}\n            disabled={disabled}\n            color={color}\n            kind={kind}\n            ariaLabeledBy={ariaLabeledBy}\n            ariaLabel={buttonAriaLabel}\n            ariaHasPopup={ariaHasPopup}\n            ariaExpanded={ariaExpanded}\n            ariaControls={ariaControls}\n            aria-describedby={ariaDescribedBy}\n            aria-hidden={ariaHidden}\n            aria-pressed={ariaPressed}\n            ref={mergedRef}\n            id={id}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n            data-vibe={ComponentVibeId.ICON_BUTTON}\n            noSidePadding\n            active={active}\n            className={className}\n            style={overrideStyle}\n            insetFocus={insetFocus}\n            tabIndex={tabIndex}\n            loading={loading}\n            loaderClassName={cx(styles.loader, getStyle(styles, size))}\n          >\n            <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n          </Button>\n        </Tooltip>\n      </IconButtonWrapper>\n    );\n  }\n);\n\ninterface IconButtonStaticProps {\n  sizes: typeof Button.sizes;\n  kinds: typeof Button.kinds;\n  colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(IconButton, {\n  sizes: Button.sizes,\n  kinds: Button.kinds,\n  colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","ComponentVibeId","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"+0BAoHA,IAqIeA,EAAAA,EArIIC,GACjB,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eACgBqB,EAAWrB,EAA3B,gBAAcsB,EAAAtB,EACduB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAxB,EACnByB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAM1B,EAAN0B,OAAMC,EAAA3B,EACN4B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc7B,EAAd6B,eAAcC,EAAA9B,EACd+B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAAamC,EAAAnC,EACboC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,GAAQrC,EAARqC,SAAQC,GAAAtC,EACRuC,QAAAA,QAAU,IAAHD,IAAQA,GAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAY1C,EAAKuC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMjC,aAAY,EAAZA,EAAckC,UAAWjC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAckC,QAASjC,IAGpBkC,GAAkBF,GAAQ,WAC9B,OAAI9B,IACkC,iBAA3B6B,GAA4CA,QAAvD,EAEF,GAAG,CAAC7B,EAAW6B,KAETI,GAAWH,GAAQ,WACvB,OAAQnC,GACN,IAAK,MACL,IAAK,KACH,OAAOuC,EACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOC,EACT,QACE,OAAO,GAEb,GAAG,CAACxC,IAEEyC,GAAgBN,GAAQ,WAC5B,IAAIO,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI7C,IACF0C,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAehD,KAEjC0C,CACT,GAAG,CAAC1C,IAEEiD,GAA2Bd,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG7B,CACT,GAAG,CAACQ,EAAaK,EAAUC,EAAgBe,GAAwB7B,IAE7D6C,GAAoBzD,EAAmB,MAAQ0D,EAC/CC,GAAyBjB,GAAQ,WACrC,OAAO1C,EAAmB,CAAED,UAAW6D,EAAG5D,EAAkB6D,EAAOC,UAAa,EAClF,GAAG,CAAC9D,IAEJ,OACE+D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF7C,EAAY,CAChBkC,QAASa,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCxC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNX,cAAeA,EACfC,UAAWgC,GACX/B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACI,mBAAAC,gBACLC,EAAU,eACTC,EACdpB,IAAKyC,GACLrC,GAAIA,EACS,cAAA6B,GAAcsC,EAAUC,EAAuBC,YAAarE,GAAG,YACjEsE,EAAgBD,YAC3BE,eACA,EAAAlD,OAAQA,EACRxB,UAAWA,EACXkD,MAAOD,GACPf,WAAYA,EACZC,SAAUA,GACVE,QAASA,GACTsC,gBAAiBd,EAAGC,EAAOc,OAAQC,EAASf,EAAQtD,KAEpDwD,EAACC,cAAAa,EAAK,CAAAzE,KAAMA,EAAM0E,SAAS,MAAMjC,SAAUA,GAAUkC,kBAAiB,EAAAhF,UAAWE,MAK3F,IASiF,CACjF+E,MAAOZ,EAAOY,MACdC,MAAOb,EAAOa,MACdC,OAAQd,EAAOc"}

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

@@ -0,0 +1,2 @@
+var e={wrapper:"wrapper_c8d60e21a8",referenceWrapper:"referenceWrapper_7d37b1e1f5",loader:"loader_9ffe93fed5",xxs:"xxs_4bce8d3059"};!function(e){const n="s_id-8d1605f1f87b_3_58_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_c8d60e21a8 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_7d37b1e1f5 {\n  display: inline-flex;\n}\n\n.referenceWrapper_7d37b1e1f5 button .loader_9ffe93fed5 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_7d37b1e1f5 button .loader_9ffe93fed5.xxs_4bce8d3059 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_7d37b1e1f5 button .loader_9ffe93fed5.xxs_4bce8d3059 svg {\n  display: block;\n}");export{e as default};
+//# sourceMappingURL=IconButton.module.scss.js.map

package/dist/src/components/IconButton/IconButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/IconButton/services/IconButton-helpers.js

@@ -0,0 +1,2 @@
+import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as t}from"../../../constants/sizes.js";var o=r(r(r(r(r({},t.XXS,16),t.XS,24),t.SMALL,32),t.MEDIUM,40),t.LARGE,48);function e(r){return{width:"".concat(o[r],"px"),height:"".concat(o[r],"px")}}export{e as getWidthHeight};
+//# sourceMappingURL=IconButton-helpers.js.map

package/dist/src/components/IconButton/services/IconButton-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-helpers.js","sources":["../../../../../src/components/IconButton/services/IconButton-helpers.ts"],"sourcesContent":["import { SIZES } from \"./../../../constants/sizes\";\n\nconst sizesMap = {\n  [SIZES.XXS]: 16,\n  [SIZES.XS]: 24,\n  [SIZES.SMALL]: 32,\n  [SIZES.MEDIUM]: 40,\n  [SIZES.LARGE]: 48\n} as const;\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport function getWidthHeight(size: Size) {\n  return {\n    width: `${sizesMap[size]}px`,\n    height: `${sizesMap[size]}px`\n  };\n}\n"],"names":["sizesMap","_defineProperty","SIZES","XXS","XS","SMALL","MEDIUM","LARGE","getWidthHeight","size","width","concat","height"],"mappings":"uIAEA,IAAMA,EAAQC,EAAAA,EAAAA,EAAAA,EAAAA,KACXC,EAAMC,IAAM,IACZD,EAAME,GAAK,IACXF,EAAMG,MAAQ,IACdH,EAAMI,OAAS,IACfJ,EAAMK,MAAQ,IAKX,SAAUC,EAAeC,GAC7B,MAAO,CACLC,SAAKC,OAAKX,EAASS,GAAS,MAC5BG,UAAMD,OAAKX,EAASS,GAAK,MAE7B"}

package/dist/src/components/InfoText/InfoText.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t}from"react";import s from"classnames";import o from"../Text/Text.js";import a from"./InfoText.module.scss.js";var l=t((function(t,l){var i=t.text,m=t.success,n=t.disabled,d=t.readOnly;return i?r.createElement(o,{id:t.id,ref:l,className:s(a.infoText,e(e(e(e({},a.error,t.error),a.success,m),a.disabled,n),a.readOnly,d)),type:"text2"},i):null}));export{l as default};
+//# sourceMappingURL=InfoText.js.map

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

@@ -0,0 +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 \"../Text/Text\";\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":"wNAMMA,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"}

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

@@ -0,0 +1,2 @@
+var e={infoText:"infoText_919aa25420",error:"error_d11be2f8e4",success:"success_f55c695aa9",disabled:"disabled_9eba8023c5",readOnly:"readOnly_919aa25420"};!function(e){const a="s_id-05a2b3ab5fae_3_58_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".infoText_919aa25420 {\n  color: var(--secondary-text-color);\n}\n.infoText_919aa25420.error_d11be2f8e4 {\n  color: var(--negative-color);\n}\n.infoText_919aa25420.success_f55c695aa9 {\n  color: var(--positive-color);\n}\n.infoText_919aa25420.disabled_9eba8023c5 {\n  color: var(--disabled-text-color);\n}\n.infoText_919aa25420.readOnly_919aa25420 {\n  color: var(--secondary-text-color);\n}");export{e as default};
+//# sourceMappingURL=InfoText.module.scss.js.map

package/dist/src/components/InfoText/InfoText.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoText.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\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        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: 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          ref={mergedRef}\n        >\n          <Text\n            style={backgroundColorStyle}\n            element=\"span\"\n            type={mapSizesToTextSize[size]}\n            className={classNames}\n            color=\"onInverted\"\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    ]);\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\ninterface LabelStaticProps {\n  colors: typeof LabelColorEnum;\n  kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n  colors: LabelColorEnum,\n  kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","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","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"23BAoDA,IAsIeA,EAAAA,EAtIDC,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,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EAAe,CACnC/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,GACnEX,IAAKmB,IAELmC,EAACC,cAAAO,EACC,CAAAC,MAAOxB,EACPyB,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,cAACO,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOoC,UAAqB,UAATnD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOqC,aAAc1D,EAAgB4C,EAACC,cAAAc,EAAM,MAAG,OAI1E,GAAE,CACD1C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAe,EAA0B,CAAAC,eAAgB,WAAA,OAAM7C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEwC,OAAQC,EACRC,MAAOC"}

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

@@ -0,0 +1,2 @@
+var e={clickable:"clickable_9d7b9bfb78","focus-visible":"focus-visible_8a4b653a5e",disabled:"disabled_e04112ffbd",disableTextSelection:"disableTextSelection_3cffc4ca57",clickableWrapper:"clickableWrapper_9d7b9bfb78",label:"label_bf94042c50",small:"small_923417b030",withLeg:"withLeg_550c689e69",legWrapper:"legWrapper_7460cd1dce",kindFill:"kindFill_09066aea9f",colorPrimary:"colorPrimary_fe8ceb900e",colorDark:"colorDark_6d0134f9e3",colorNegative:"colorNegative_1ceb163c3b",colorPositive:"colorPositive_85cb4744d4",kindLine:"kindLine_f8b094ad12",smallText:"smallText_63746fa317"};!function(e){const n="s_id-4bcc4b0ff746_3_58_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable_9d7b9bfb78 {\n  cursor: pointer;\n}\n.clickable_9d7b9bfb78:focus-visible, .clickable_9d7b9bfb78.focus-visible_8a4b653a5e {\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.clickable_9d7b9bfb78:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.clickable_9d7b9bfb78.disabled_e04112ffbd {\n  cursor: default;\n}\n.disableTextSelection_3cffc4ca57 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_9d7b9bfb78 {\n  cursor: pointer;\n}\n.clickableWrapper_9d7b9bfb78:focus-visible, .clickableWrapper_9d7b9bfb78.focus-visible_8a4b653a5e {\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_9d7b9bfb78:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.clickableWrapper_9d7b9bfb78:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_bf94042c50 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_bf94042c50.small_923417b030 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_550c689e69 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_7460cd1dce {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_09066aea9f.colorPrimary_fe8ceb900e {\n  background-color: var(--primary-color);\n}\n.kindFill_09066aea9f.colorPrimary_fe8ceb900e svg path {\n  fill: var(--primary-color);\n}\n.kindFill_09066aea9f.colorPrimary_fe8ceb900e.clickable_9d7b9bfb78:hover, .kindFill_09066aea9f.colorPrimary_fe8ceb900e.clickable_9d7b9bfb78:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_09066aea9f.colorDark_6d0134f9e3 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_09066aea9f.colorDark_6d0134f9e3 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_09066aea9f.colorNegative_1ceb163c3b {\n  background-color: var(--negative-color);\n}\n.kindFill_09066aea9f.colorNegative_1ceb163c3b svg path {\n  fill: var(--negative-color);\n}\n.kindFill_09066aea9f.colorNegative_1ceb163c3b.clickable_9d7b9bfb78:hover, .kindFill_09066aea9f.colorNegative_1ceb163c3b.clickable_9d7b9bfb78:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_09066aea9f.colorPositive_85cb4744d4 {\n  background-color: var(--positive-color);\n}\n.kindFill_09066aea9f.colorPositive_85cb4744d4 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_09066aea9f.colorPositive_85cb4744d4.clickable_9d7b9bfb78:hover, .kindFill_09066aea9f.colorPositive_85cb4744d4.clickable_9d7b9bfb78:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_f8b094ad12 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_f8b094ad12 .legWrapper_7460cd1dce {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_f8b094ad12.colorPrimary_fe8ceb900e {\n  color: var(--primary-color);\n}\n.kindLine_f8b094ad12.colorPrimary_fe8ceb900e svg path {\n  fill: var(--primary-color);\n}\n.kindLine_f8b094ad12.colorPrimary_fe8ceb900e.clickable_9d7b9bfb78:hover, .kindLine_f8b094ad12.colorPrimary_fe8ceb900e.clickable_9d7b9bfb78:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f8b094ad12.colorDark_6d0134f9e3 {\n  color: var(--inverted-color-background);\n}\n.kindLine_f8b094ad12.colorDark_6d0134f9e3 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_f8b094ad12.colorDark_6d0134f9e3.clickable_9d7b9bfb78:hover, .kindLine_f8b094ad12.colorDark_6d0134f9e3.clickable_9d7b9bfb78:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f8b094ad12.colorNegative_1ceb163c3b {\n  color: var(--negative-color);\n}\n.kindLine_f8b094ad12.colorNegative_1ceb163c3b svg path {\n  fill: var(--negative-color);\n}\n.kindLine_f8b094ad12.colorNegative_1ceb163c3b.clickable_9d7b9bfb78:hover, .kindLine_f8b094ad12.colorNegative_1ceb163c3b.clickable_9d7b9bfb78:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_f8b094ad12.colorPositive_85cb4744d4 {\n  color: var(--positive-color);\n}\n.kindLine_f8b094ad12.colorPositive_85cb4744d4 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_f8b094ad12.colorPositive_85cb4744d4.clickable_9d7b9bfb78:hover, .kindLine_f8b094ad12.colorPositive_85cb4744d4.clickable_9d7b9bfb78:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_f8b094ad12 .smallText_63746fa317 {\n  line-height: 14px;\n}");export{e as default};
+//# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/Label.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

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

@@ -0,0 +1,2 @@
+var e={celebration:"celebration_400847ec4e",svg:"svg_bb5d3be961",stroke:"stroke_77dce9ff31","stroke-rotate":"stroke-rotate_f70343e012",base:"base_53b00455fa",fade:"fade_a093a0071a",first:"first_15e8c3b67b",second:"second_226963203c",third:"third_e0f4991a83","gradient-text-fill":"gradient-text-fill_a90f9da94f"};!function(e){const n="s_id-cc5df975abc6_3_58_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_400847ec4e {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_400847ec4e .svg_bb5d3be961 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_400847ec4e .svg_bb5d3be961 .stroke_77dce9ff31 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_f70343e012 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_400847ec4e .svg_bb5d3be961 .stroke_77dce9ff31.base_53b00455fa {\n  stroke: var(--color-egg_yolk);\n  animation: fade_a093a0071a 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_400847ec4e .svg_bb5d3be961 .stroke_77dce9ff31.first_15e8c3b67b {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_400847ec4e .svg_bb5d3be961 .stroke_77dce9ff31.second_226963203c {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_400847ec4e .svg_bb5d3be961 .stroke_77dce9ff31.third_e0f4991a83 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_400847ec4e.celebration_400847ec4e [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_a90f9da94f 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_a093a0071a {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_f70343e012 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_a90f9da94f {\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/LabelCelebrationAnimation.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelCelebrationAnimation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

package/dist/src/components/Label/Leg.js

@@ -0,0 +1,2 @@
+import e from"react";var t=function(){return e.createElement("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{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",fill:"#E44258"}))};t.displayName="Leg";export{t as default};
+//# sourceMappingURL=Leg.js.map

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

@@ -0,0 +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"}

package/dist/src/components/LayerProvider/LayerContext.js

@@ -0,0 +1,2 @@
+import e from"react";var r=e.createContext({layerRef:null});export{r as default};
+//# sourceMappingURL=LayerContext.js.map

package/dist/src/components/LayerProvider/LayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerContext.js","sources":["../../../../src/components/LayerProvider/LayerContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface LayersContextType {\n  /**\n   * A reference to the layer container element.\n   */\n  layerRef: React.RefObject<HTMLElement>;\n}\n\nconst LayerContext = React.createContext<LayersContextType>({\n  layerRef: null\n});\n\nexport default LayerContext;\n"],"names":["LayerContext","React","createContext","layerRef"],"mappings":"qBASA,IAAMA,EAAeC,EAAMC,cAAiC,CAC1DC,SAAU"}

package/dist/src/components/LayerProvider/LayerProvider.js

@@ -0,0 +1,2 @@
+import e from"react";import r from"./LayerContext.js";var t=function(t){return e.createElement(r.Provider,{value:{layerRef:t.layerRef}},t.children)};export{t as default};
+//# sourceMappingURL=LayerProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerProvider.js","sources":["../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { type FC, type ReactNode, type RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n  /**\n   * The child elements.\n   */\n  children: ReactNode | ReactNode[];\n  /**\n   * A reference to the layer container element.\n   */\n  layerRef: RefObject<HTMLElement> | null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n  return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAcA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}

package/dist/src/components/LegacyModal/LegacyModal.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useMemo as r,useCallback as i,cloneElement as l}from"react";import a from"react-dom";import n from"classnames";import{useA11yDialog as s}from"./a11yDialog.js";import d from"./LegacyModalContent/LegacyModalContent.js";import m from"./LegacyModalHeader/LegacyModalHeader.js";import c from"./useBodyScrollLock.js";import u from"./useShowHideModal.js";import{ModalWidth as f,validateTitleProp as p,isModalHeader as v,isModalContent as y,isModalFooter as g}from"./ModalHelper.js";import{NOOP as j}from"../../utils/function-utils.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as L}from"../../tests/testIds.js";import{ComponentDefaultTestId as M}from"../../tests/constants.js";import w from"./LegacyModal.module.scss.js";import E from"../LayerProvider/LayerProvider.js";import{isClient as C}from"../../utils/ssr-utils.js";var A=h((function(f){var h=f.classNames,A=void 0===h?{container:"",overlay:"",modal:""}:h,b=f.id,D=f.show,O=f.title,P=void 0===O?"":O,H=f.description,S=void 0===H?"":H,B=f.onClose,N=void 0===B?j:B,x=f.alertDialog,_=void 0!==x&&x,k=f.children,z=f.triggerElement,I=f.width,R=void 0===I?"default":I,T=f.closeButtonAriaLabel,V=void 0===T?"Close":T,Y=f.contentSpacing,$=void 0!==Y&&Y,q=f.zIndex,F=void 0===q?1e4:q,G=f.unmountOnClose,J=void 0===G||G,K=f["data-testid"],Q=r((function(){return k?o.Children.toArray(k):[]}),[k]);p(P,Q);var U=s({id:b,alertDialog:_}),W=e(U,2),X=W[0],Z=W[1],ee=i((function(){_||null==N||N()}),[_,N]);c({instance:X});var te=u({instance:X,show:D,triggerElement:z,onClose:N,alertDialog:_}).shouldShow,oe=r((function(){var e=Z.title.id,t=Q.find(v);return t?l(t,{id:e,closeModal:N}):o.createElement(m,{title:P,description:S,closeModal:N,id:e,closeButtonAriaLabel:V})}),[Z.title,Q,P,S,N,V]),re=r((function(){return Q.find(y)||o.createElement(d,null,Q.filter((function(e){return!v(e)&&!g(e)})))}),[Q]),ie=r((function(){return Q.find(g)||null}),[Q]),le="default"!==R&&"full-width"!==R,ae=o.createElement(E,{layerRef:{current:null==X?void 0:X.$el}},o.createElement("div",Object.assign({},Z.container,{className:n(w.container,A.container),"data-testid":K||L(M.MODAL,b),style:{"--monday-modal-z-index":F}}),o.createElement("div",{onClick:ee,className:n(w.overlay,A.overlay),"data-testid":M.MODAL_OVERLAY}),o.createElement("div",Object.assign({},Z.dialog,{className:n(w.dialog,A.modal,t(t(t({},w.default,"default"===R),w.full,"full-width"===R),w.spacing,$)),style:{width:le?R:null}}),oe,re,ie)));return J&&!te?null:C()?a.createPortal(ae,document.body):null}),{width:f});export{A as default};
+//# sourceMappingURL=LegacyModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModal.js","sources":["../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, type ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { type ModalWidth } from \"./LegacyModal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = (\n    <LayerProvider layerRef={{ current: instance?.$el }}>\n      <div\n        {...attr.container}\n        className={cx(styles.container, classNames.container)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n        style={{ \"--monday-modal-z-index\": zIndex }}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={closeIfNotAlertType}\n          className={cx(styles.overlay, classNames.overlay)}\n          data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n        />\n        <div\n          {...attr.dialog}\n          className={cx(styles.dialog, classNames.modal, {\n            [styles.default]: width === \"default\",\n            [styles.full]: width === \"full-width\",\n            [styles.spacing]: contentSpacing\n          })}\n          style={{ width: customWidth ? width : null }}\n        >\n          {header}\n          {content}\n          {footer}\n        </div>\n      </div>\n    </LayerProvider>\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n  return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\ninterface LegacyModalStaticProps {\n  width: typeof ModalWidthEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<LegacyModalProps, LegacyModalStaticProps>(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"4/BAyFA,IAsHeA,EAAAA,GAtHD,SAAHC,GAgBY,IAAAC,EAAAD,EAfrBE,WAAAA,OAAa,IAAHD,EAAG,CAAEE,UAAW,GAAIC,QAAS,GAAIC,MAAO,IAAIJ,EACtDK,EAAEN,EAAFM,GACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACVW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAChBa,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAf,EACdgB,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAQjB,EAARiB,SACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAArB,EACjBsB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAvB,EAC9BwB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAzB,EACtB0B,OAAAA,OAAS,IAAHD,EAAG,IAAKA,EAAAE,EAAA3B,EACd4B,eAAAA,OAAiB,IAAHD,GAAOA,EACNE,EAAU7B,EAAzB,eAEM8B,EAAgCC,GACpC,WAAA,OAAOd,EAAYe,EAAMC,SAASC,QAAQjB,GAA+B,EAAE,GAC3E,CAACA,IAEHkB,EAAkB1B,EAAOqB,GAEzB,IAAAM,EAAyBC,EAAc,CACrC/B,GAAAA,EACAU,YAAAA,IACAsB,EAAAC,EAAAH,EAAA,GAHKI,EAAQF,EAAA,GAAEG,EAAIH,EAAA,GAKfI,GAAsBC,GAAY,WACjC3B,GACHH,SAAAA,GAEJ,GAAG,CAACG,EAAaH,IAGjB+B,EAAkB,CAAEJ,SAAAA,IAGpB,IAAQK,GAAeC,EAAiB,CACtCN,SAAAA,EACAjC,KAAAA,EACAW,eAAAA,EACAL,QAAAA,EACAG,YAAAA,IALM6B,WAQFE,GAAShB,GAAQ,WACrB,IAAQzB,EAAOmC,EAAKhC,MAAZH,GACFyC,EAASjB,EAAckB,KAAKC,GAClC,OAAIF,EACKG,EAAaH,EAAQ,CAAEzC,GAAAA,EAAI6C,WAAYtC,IAG9CmB,EAACoB,cAAAC,EACC,CAAA5C,MAAOA,EACPE,YAAaA,EACbwC,WAAYtC,EACZP,GAAIA,EACJgB,qBAAsBA,GAG5B,GAAG,CAACmB,EAAKhC,MAAOqB,EAAerB,EAAOE,EAAaE,EAASS,IAEtDgC,GAAUvB,GAAQ,WACtB,OACED,EAAckB,KAAKO,IACjBvB,gBAACwB,EAAY,KAAE1B,EAAc2B,QAAO,SAAAC,GAAK,OAAKT,EAAcS,KAAWC,EAAcD,EAAM,IAGjG,GAAG,CAAC5B,IAEE8B,GAAS7B,GAAQ,WACrB,OAAOD,EAAckB,KAAKW,IAAkB,IAC9C,GAAG,CAAC7B,IAEE+B,GAAwB,YAAVzC,GAAiC,eAAVA,EAErC0C,GACJ9B,gBAAC+B,EAAa,CAACC,SAAU,CAAEC,QAASzB,eAAAA,EAAU0B,MAC5ClC,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,EAAKtC,UAAS,CAClBkE,UAAWC,EAAGC,EAAOpE,UAAWD,EAAWC,WAAU,cACxC0B,GAAc2C,EAAUC,EAAuBC,MAAOpE,GACnEqE,MAAO,CAAE,yBAA0BjD,KAGnCM,EACEoB,cAAA,MAAA,CAAAwB,QAASlC,GACT2B,UAAWC,EAAGC,EAAOnE,QAASF,EAAWE,uBAC5BqE,EAAuBI,gBAEtC7C,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,EAAKqB,OAAM,CACfO,UAAWC,EAAGC,EAAOT,OAAQ5D,EAAWG,MAAKyE,EAAAA,EAAAA,KAC1CP,EAAOQ,QAAoB,YAAV3D,GACjBmD,EAAOS,KAAiB,eAAV5D,GACdmD,EAAOU,QAAUzD,IAEpBmD,MAAO,CAAEvD,MAAOyC,GAAczC,EAAQ,QAErC2B,GACAO,GACAM,MAMT,OAAIhC,IAAmBiB,GACd,KAEFqC,IAAaC,EAASC,aAAatB,GAAQuB,SAASC,MAAQ,IACrE,GAMiG,CAC/FlE,MAAOmE"}

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

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

package/dist/src/components/LegacyModal/LegacyModal.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModal.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

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

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

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModalContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js

@@ -0,0 +1,2 @@
+import a from"react";import e from"classnames";import r from"./LegacyModalFooter.module.scss.js";var o=function(o){var s=o.children;return a.createElement("div",{className:e(r.container,o.className)},s)};Object.assign(o,{displayName:"ModalFooter"});export{o as default};
+//# sourceMappingURL=LegacyModalFooter.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModalFooter.js","sources":["../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport styles from \"./LegacyModalFooter.module.scss\";\n\nexport interface LegacyModalFooterProps extends VibeComponentProps {\n  children: ReactElement | ReactElement[] | string;\n}\n\nconst LegacyModalFooter: FC<LegacyModalFooterProps> = ({ className, children }) => {\n  return <div className={cx(styles.container, className)}>{children}</div>;\n};\n\nObject.assign(LegacyModalFooter, {\n  displayName: \"ModalFooter\"\n});\n\nexport default LegacyModalFooter;\n"],"names":["LegacyModalFooter","_ref","children","React","createElement","className","cx","styles","container","Object","assign","displayName"],"mappings":"iGASA,IAAMA,EAAgD,SAA/BC,GAA2D,IAAdC,EAAQD,EAARC,SAClE,OAAOC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,UAD+BP,EAATI,YACEH,EAC3D,EAEAO,OAAOC,OAAOV,EAAmB,CAC/BW,YAAa"}

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

@@ -0,0 +1,2 @@
+var e={container:"container_f6a932587a"};!function(e){const t="s_id-9ff7e713f88b_3_58_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_f6a932587a {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+//# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModalFooter.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js

@@ -0,0 +1,2 @@
+import t,{forwardRef as e}from"react";import{getTestId as o}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../../../tests/constants.js";import r from"../../../Flex/Flex.js";import s from"../../../Button/Button.js";import n from"../LegacyModalFooter.js";var i=e((function(e,i){var m=e.primaryButtonText,l=e.secondaryButtonText,d=e.disablePrimaryButton,c=e.onPrimaryButtonClick,u=e.onSecondaryButtonClick,p=e.id;return t.createElement(n,{id:p,className:e.className,"data-testid":e["data-testid"]||o(a.MODAL_FOOTER_BUTTONS,p)},t.createElement(r,{justify:"end",gap:"small"},l&&t.createElement(s,{onClick:u,kind:"tertiary"},l),t.createElement(s,{onClick:c,disabled:d},m)))}));Object.assign(i,{displayName:"ModalFooterButtons"});export{i as default};
+//# sourceMappingURL=LegacyModalFooterButtons.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport Button from \"../../../Button/Button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n  primaryButtonText: string;\n  secondaryButtonText?: string;\n  disablePrimaryButton?: boolean;\n  onPrimaryButtonClick?: () => void;\n  onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons = forwardRef(\n  (\n    {\n      primaryButtonText,\n      secondaryButtonText,\n      disablePrimaryButton,\n      onPrimaryButtonClick,\n      onSecondaryButtonClick,\n      className,\n      id,\n      \"data-testid\": dataTestId\n    }: LegacyModalFooterButtonsProps,\n    // As ModalFooter does not currently forward refs\n    // eslint-disable-next-line\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <LegacyModalFooter\n        id={id}\n        className={className}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n      >\n        <Flex justify=\"end\" gap=\"small\">\n          {secondaryButtonText && (\n            <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n              {secondaryButtonText}\n            </Button>\n          )}\n          <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n            {primaryButtonText}\n          </Button>\n        </Flex>\n      </LegacyModalFooter>\n    );\n  }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n  displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"4RAgBA,IAAMA,EAA2BC,GAC/B,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}