@vibe/core 3.70.2-alpha-23478.0 → 3.70.3

package/dist/mocked_classnames/src/components/Steps/StepsCommand.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsCommand.js","sources":["../../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { type ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"8uBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
+{"version":3,"file":"StepsCommand.js","sources":["../../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport { Icon } from \"@vibe/icon\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"wzBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){const n="s_id-cedbbb07e913_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){const n="s_id-cedbbb07e913_3_70_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-62748f4c4e74_3_70_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-62748f4c4e74_3_70_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsHeader.js

@@ -1,2 +1,2 @@
-import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{FINISH_TEXT as i}from"./StepsConstants.js";import a from"../Button/Button.js";import c from"./StepsHeader.module.scss.js";var p=function(p){var m=p.activeStepIndex,l=p.onChangeActiveStep,u=p.stepsCount,d=p.areNavigationButtonsHidden,v=p.backButtonProps,S=p.nextButtonProps,f=p.finishButtonProps,C=p.areButtonsIconsHidden,g=p.color,h=void 0===g?"primary":g,x=p.onFinish,j=p.className,B="gallery"===p.type?r:s,H=t((function(){if(x)return m===u-1}),[m,x,u]);return e.createElement("div",{className:o(c.header,j)},d?null:e.createElement(n,{isNext:!1,isIconHidden:C,onChangeActiveStep:l,activeStepIndex:m,stepsCount:u,buttonProps:v,color:h}),e.createElement(B,{activeStepIndex:m,stepsCount:u,onChangeActiveStep:l,color:h}),d?null:e.createElement(e.Fragment,null,H?e.createElement(a,Object.assign({onClick:x,color:h},f),(null==f?void 0:f.children)||i):e.createElement(n,{isNext:!0,isIconHidden:C,activeStepIndex:m,onChangeActiveStep:l,stepsCount:u,buttonProps:S,color:h})))};export{p as StepsHeader};
+import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{FINISH_TEXT as i}from"./StepsConstants.js";import a from"./StepsHeader.module.scss.js";import c from"../../../components/button/dist/Button/Button.js";var p=function(p){var m=p.activeStepIndex,l=p.onChangeActiveStep,u=p.stepsCount,d=p.areNavigationButtonsHidden,v=p.backButtonProps,S=p.nextButtonProps,f=p.finishButtonProps,C=p.areButtonsIconsHidden,g=p.color,h=void 0===g?"primary":g,x=p.onFinish,j=p.className,B="gallery"===p.type?r:s,H=t((function(){if(x)return m===u-1}),[m,x,u]);return e.createElement("div",{className:o(a.header,j)},d?null:e.createElement(n,{isNext:!1,isIconHidden:C,onChangeActiveStep:l,activeStepIndex:m,stepsCount:u,buttonProps:v,color:h}),e.createElement(B,{activeStepIndex:m,stepsCount:u,onChangeActiveStep:l,color:h}),d?null:e.createElement(e.Fragment,null,H?e.createElement(c,Object.assign({onClick:x,color:h},f),(null==f?void 0:f.children)||i):e.createElement(n,{isNext:!0,isIconHidden:C,activeStepIndex:m,onChangeActiveStep:l,stepsCount:u,buttonProps:S,color:h})))};export{p as StepsHeader};
 //# sourceMappingURL=StepsHeader.js.map

package/dist/mocked_classnames/src/components/Steps/StepsHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsHeader.js","sources":["../../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, type StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, type StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { type StepsType, type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Button, { type ButtonProps } from \"../Button/Button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps: Partial<ButtonProps>;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  // TODO: [breaking] make finish button as default in next major\n  const showFinishButton = useMemo(() => {\n    if (!onFinish) {\n      return;\n    }\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, onFinish, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"6WA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAGtCC,EAAmBC,GAAQ,WAC/B,GAAKP,EAGL,OAAOV,IAAoBE,EAAa,CACzC,GAAE,CAACF,EAAiBU,EAAUR,IAE/B,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}
+{"version":3,"file":"StepsHeader.js","sources":["../../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, type StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, type StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { type StepsType, type StepsColor } from \"./Steps.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps: Partial<ButtonProps>;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  // TODO: [breaking] make finish button as default in next major\n  const showFinishButton = useMemo(() => {\n    if (!onFinish) {\n      return;\n    }\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, onFinish, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"0YA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAGtCC,EAAmBC,GAAQ,WAC/B,GAAKP,EAGL,OAAOV,IAAoBE,EAAa,CACzC,GAAE,CAACF,EAAiBU,EAAUR,IAE/B,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}

package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){const t="s_id-918f12c2f9aa_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header"};!function(e){const t="s_id-918f12c2f9aa_3_70_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)}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){const t="s_id-126f9ab60838_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers"};!function(e){const t="s_id-126f9ab60838_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-4506b47fa00c_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-4506b47fa00c_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  type ReactElement,\n  type UIEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  /**\n   * Unique identifier for the column.\n   */\n  id: string;\n  /**\n   * Column title displayed in the header.\n   */\n  title: string;\n  /**\n   * Additional information displayed as a tooltip.\n   */\n  infoContent?: string;\n  /**\n   * Column width configuration.\n   */\n  width?: Width | { min: Width; max: Width };\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Loading state type for the column when data is being fetched.\n   */\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  /**\n   * Defines the columns of the table.\n   */\n  columns: TableColumn[];\n  /**\n   * State of the data being displayed (loading or error).\n   */\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  /**\n   * React element displayed when there is an error state.\n   */\n  errorState: ReactElement;\n  /**\n   * React element displayed when there is no data.\n   */\n  emptyState: ReactElement;\n  /**\n   * Custom styles for the table.\n   */\n  style?: React.CSSProperties;\n  /**\n   * The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n   */\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  /**\n   * The row size of the table.\n   */\n  size?: RowSizes;\n  /**\n   * If true, removes the table's outer border.\n   */\n  withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const tableRootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, tableRootRef);\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n    const resetHoveredRow = useCallback(() => {\n      setIsMenuOpen(false);\n      setHoveredRowRef(null);\n    }, []);\n\n    const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n    const markTableAsVirtualized = useCallback(() => {\n      setIsVirtualized(true);\n    }, []);\n\n    const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n    const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n      e => {\n        resetHoveredRow();\n        if (!isVirtualized) {\n          const newLeft = (e.target as HTMLDivElement).scrollLeft;\n          const hasScroll = newLeft > 0;\n          setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n        }\n      },\n      [resetHoveredRow, isVirtualized]\n    );\n\n    const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n    /**\n     * The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n     * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n     */\n    const calculatedStyle = {\n      \"--table-grid-template-columns\": gridTemplateColumns,\n      \"--table-row-size\": `${RowHeights[size]}px`,\n      ...style\n    } as React.CSSProperties;\n\n    const tableProviderValue = useMemo<TableProviderValue>(\n      () => ({\n        columns,\n        dataState,\n        emptyState,\n        errorState,\n        size,\n        tableRootRef,\n        isVirtualized,\n        markTableAsVirtualized,\n        isScrolled,\n        setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n      }),\n      [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n    );\n\n    const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n      () => ({\n        tableRootRef,\n        hoveredRowRef,\n        isMenuOpen,\n        resetHoveredRow,\n        setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n        setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n      }),\n      [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n    );\n\n    return (\n      <TableProvider value={tableProviderValue}>\n        <TableRowMenuProvider value={tableRowMenuProviderValue}>\n          <div\n            ref={mergedRef}\n            id={id}\n            className={cx(\n              styles.table,\n              {\n                [styles.border]: !withoutBorder,\n                [styles.virtualized]: isVirtualized,\n                [styles.hasScroll]: isScrolled\n              },\n              className\n            )}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE, id)}\n            data-vibe={ComponentVibeId.TABLE}\n            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\ninterface TableStaticProps {\n  sizes: typeof RowSizesEnum;\n}\n\nexport default withStaticProps<TableProps, TableStaticProps>(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role","sizes","RowSizesEnum"],"mappings":"40BAiGA,IAwHeA,EAAAA,EAxHDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAC/E,CACH,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAOkE,CAAEgE,MAAOC"}
+{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  type ReactElement,\n  type UIEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  /**\n   * Unique identifier for the column.\n   */\n  id: string;\n  /**\n   * Column title displayed in the header.\n   */\n  title: string;\n  /**\n   * Additional information displayed as a tooltip.\n   */\n  infoContent?: string;\n  /**\n   * Column width configuration.\n   */\n  width?: Width | { min: Width; max: Width };\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Loading state type for the column when data is being fetched.\n   */\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  /**\n   * Defines the columns of the table.\n   */\n  columns: TableColumn[];\n  /**\n   * State of the data being displayed (loading or error).\n   */\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  /**\n   * React element displayed when there is an error state.\n   */\n  errorState: ReactElement;\n  /**\n   * React element displayed when there is no data.\n   */\n  emptyState: ReactElement;\n  /**\n   * Custom styles for the table.\n   */\n  style?: React.CSSProperties;\n  /**\n   * The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n   */\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  /**\n   * The row size of the table.\n   */\n  size?: RowSizes;\n  /**\n   * If true, removes the table's outer border.\n   */\n  withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const tableRootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, tableRootRef);\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n    const resetHoveredRow = useCallback(() => {\n      setIsMenuOpen(false);\n      setHoveredRowRef(null);\n    }, []);\n\n    const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n    const markTableAsVirtualized = useCallback(() => {\n      setIsVirtualized(true);\n    }, []);\n\n    const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n    const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n      e => {\n        resetHoveredRow();\n        if (!isVirtualized) {\n          const newLeft = (e.target as HTMLDivElement).scrollLeft;\n          const hasScroll = newLeft > 0;\n          setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n        }\n      },\n      [resetHoveredRow, isVirtualized]\n    );\n\n    const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n    /**\n     * The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n     * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n     */\n    const calculatedStyle = {\n      \"--table-grid-template-columns\": gridTemplateColumns,\n      \"--table-row-size\": `${RowHeights[size]}px`,\n      ...style\n    } as React.CSSProperties;\n\n    const tableProviderValue = useMemo<TableProviderValue>(\n      () => ({\n        columns,\n        dataState,\n        emptyState,\n        errorState,\n        size,\n        tableRootRef,\n        isVirtualized,\n        markTableAsVirtualized,\n        isScrolled,\n        setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n      }),\n      [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n    );\n\n    const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n      () => ({\n        tableRootRef,\n        hoveredRowRef,\n        isMenuOpen,\n        resetHoveredRow,\n        setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n        setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n      }),\n      [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n    );\n\n    return (\n      <TableProvider value={tableProviderValue}>\n        <TableRowMenuProvider value={tableRowMenuProviderValue}>\n          <div\n            ref={mergedRef}\n            id={id}\n            className={cx(\n              styles.table,\n              {\n                [styles.border]: !withoutBorder,\n                [styles.virtualized]: isVirtualized,\n                [styles.hasScroll]: isScrolled\n              },\n              className\n            )}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE, id)}\n            data-vibe={ComponentVibeId.TABLE}\n            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\ninterface TableStaticProps {\n  sizes: typeof RowSizesEnum;\n}\n\nexport default withStaticProps<TableProps, TableStaticProps>(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role","sizes","RowSizesEnum"],"mappings":"40BAkGA,IAwHeA,EAAAA,EAxHDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAC/E,CACH,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAOkE,CAAEgE,MAAOC"}

package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js

@@ -1,2 +1,2 @@
-var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const o="s_id-55eb48952bb4_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const l=document.createElement("style");l.id=o,e.firstChild?e.insertBefore(l,e.firstChild):e.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}(".table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const o="s_id-55eb48952bb4_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const l=document.createElement("style");l.id=o,e.firstChild?e.insertBefore(l,e.firstChild):e.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}(".table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/Table/tableHelpers.js

@@ -1,2 +1,2 @@
-import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";import t from"../../../../icons/dist/react/SortAscending.js";import e from"../../../../icons/dist/react/SortDescending.js";import o from"../../../../icons/dist/react/Sort.js";function c(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(c(n.min),", ").concat(c(n.max),")"):"minmax(112px, 1fr)"}function i(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return c(n.width)})).join(" ")})}function r(n){return"asc"===n?t:"desc"===n?e:o}function s(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function a(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function u(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{c as generateWidth,a as getAriaSort,u as getLoadingTypeForCell,s as getNextSortState,m as getSkeletonType,r as getSortIcon,i as getTableRowLayoutStyles};
+import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";import t from"../../../../packages/icons/dist/react/SortAscending.js";import e from"../../../../packages/icons/dist/react/SortDescending.js";import c from"../../../../packages/icons/dist/react/Sort.js";function o(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(o(n.min),", ").concat(o(n.max),")"):"minmax(112px, 1fr)"}function i(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return o(n.width)})).join(" ")})}function r(n){return"asc"===n?t:"desc"===n?e:c}function s(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function a(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function u(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{o as generateWidth,a as getAriaSort,u as getLoadingTypeForCell,s as getNextSortState,m as getSkeletonType,r as getSortIcon,i as getTableRowLayoutStyles};
 //# sourceMappingURL=tableHelpers.js.map

package/dist/mocked_classnames/src/components/Table/Table/tableHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHelpers.js","sources":["../../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n  if (typeof width === \"number\") {\n    return `${width}px`;\n  } else if (typeof width === \"string\") {\n    return /%|px|fr$/.test(width) ? width : `${width}px`;\n  } else if (width?.min && width?.max) {\n    return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n  } else {\n    return \"minmax(112px, 1fr)\";\n  }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n  return {\n    ...style,\n    display: \"grid\",\n    gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n  };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n  if (sortState === \"asc\") {\n    return SortAscending;\n  } else if (sortState === \"desc\") {\n    return SortDescending;\n  } else {\n    return Sort;\n  }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n  if (sortState === \"asc\") {\n    return \"desc\";\n  } else if (sortState === \"desc\") {\n    return \"none\";\n  } else {\n    return \"asc\";\n  }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n  if (sortState === \"asc\") {\n    return \"ascending\";\n  }\n  if (sortState === \"desc\") {\n    return \"descending\";\n  }\n  return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n  if (loadingStateType === \"circle\") {\n    return SkeletonType.CIRCLE;\n  }\n  if (loadingStateType === \"rectangle\") {\n    return SkeletonType.RECTANGLE;\n  }\n  return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n  loadingStateType: TableLoadingStateType,\n  rowIndex: number\n): TableLoadingStateType {\n  return loadingStateType === \"long-text\"\n    ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n    : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"kPAQM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}
+{"version":3,"file":"tableHelpers.js","sources":["../../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n  if (typeof width === \"number\") {\n    return `${width}px`;\n  } else if (typeof width === \"string\") {\n    return /%|px|fr$/.test(width) ? width : `${width}px`;\n  } else if (width?.min && width?.max) {\n    return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n  } else {\n    return \"minmax(112px, 1fr)\";\n  }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n  return {\n    ...style,\n    display: \"grid\",\n    gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n  };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n  if (sortState === \"asc\") {\n    return SortAscending;\n  } else if (sortState === \"desc\") {\n    return SortDescending;\n  } else {\n    return Sort;\n  }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n  if (sortState === \"asc\") {\n    return \"desc\";\n  } else if (sortState === \"desc\") {\n    return \"none\";\n  } else {\n    return \"asc\";\n  }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n  if (sortState === \"asc\") {\n    return \"ascending\";\n  }\n  if (sortState === \"desc\") {\n    return \"descending\";\n  }\n  return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n  if (loadingStateType === \"circle\") {\n    return SkeletonType.CIRCLE;\n  }\n  if (loadingStateType === \"rectangle\") {\n    return SkeletonType.RECTANGLE;\n  }\n  return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n  loadingStateType: TableLoadingStateType,\n  rowIndex: number\n): TableLoadingStateType {\n  return loadingStateType === \"long-text\"\n    ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n    : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"6QAQM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}

package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody"};!function(e){const t="s_id-afed3a5f5737_3_70_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody"};!function(e){const t="s_id-afed3a5f5737_3_70_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-25789b81dac4_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-25789b81dac4_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-18cab9319884_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-18cab9319884_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-c61f3446ce1a_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-c61f3446ce1a_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-8e924ee64aa4_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-8e924ee64aa4_3_70_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)}(".tableHeader {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import s from"classnames";import a from"./TableHeaderCell.module.scss.js";import i from"../../Icon/Icon.js";import l from"../../IconButton/IconButton.js";import c from"../../Text/Text.js";import m from"../../Flex/Flex.js";import{getSortIcon as d,getNextSortState as p,getAriaSort as f}from"../Table/tableHelpers.js";import u from"../../Tooltip/Tooltip.js";import{getTestId as j}from"../../../tests/testIds.js";import{ComponentDefaultTestId as E}from"../../../tests/constants.js";import{getStyle as b}from"../../../helpers/typesciptCssModulesHelper.js";import v from"../../../../icons/dist/react/Info.js";var C=r((function(r,C){var x=r.id,y=r.className,T=r["data-testid"],H=r.title,I=r.onSortClicked,L=r.infoContent,N=r.icon,g=r.sortState,B=void 0===g?"none":g,h=r.sortButtonAriaLabel,k=void 0===h?"Sort":h,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=f(B),P="none"!==M||_;return o.createElement("div",{ref:C,id:x,className:s(a.tableHeaderCell,t(t({},a.sortActive,I&&"none"!==M),a.sticky,A),y),"data-testid":T||j(E.TABLE_HEADER_CELL,x),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":I?M:void 0,tabIndex:I?0:void 0},o.createElement(m,{direction:"row",align:"center",className:a.tableHeaderCellContent,gap:"xs"},N&&o.createElement(i,{icon:N,className:a.icon}),"string"==typeof H?o.createElement(c,{type:"text2",weight:"medium",color:"secondary"},H):H,L&&o.createElement(u,{content:L,referenceWrapperClassName:a.infoTooltip},o.createElement(i,{icon:v,iconLabel:L}))),I&&o.createElement(m,{direction:"row",align:"center",className:a.tableHeaderCellSort},o.createElement(l,{icon:d(B),kind:"tertiary",size:"xs",ariaLabel:k,"aria-hidden":!P,className:s(a.sort,b(a,B),t({},a.show,P)),onClick:function(){return I(p(B))}})))}));export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import s from"classnames";import a from"./TableHeaderCell.module.scss.js";import i from"../../IconButton/IconButton.js";import l from"../../Text/Text.js";import c from"../../Flex/Flex.js";import{getSortIcon as m,getNextSortState as d,getAriaSort as p}from"../Table/tableHelpers.js";import f from"../../Tooltip/Tooltip.js";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../../tests/constants.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import b from"../../../../components/icon/dist/Icon/Icon.js";import v from"../../../../packages/icons/dist/react/Info.js";var C=r((function(r,C){var x=r.id,y=r.className,T=r["data-testid"],H=r.title,g=r.onSortClicked,I=r.infoContent,L=r.icon,N=r.sortState,k=void 0===N?"none":N,B=r.sortButtonAriaLabel,h=void 0===B?"Sort":B,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=p(k),P="none"!==M||_;return o.createElement("div",{ref:C,id:x,className:s(a.tableHeaderCell,t(t({},a.sortActive,g&&"none"!==M),a.sticky,A),y),"data-testid":T||u(j.TABLE_HEADER_CELL,x),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":g?M:void 0,tabIndex:g?0:void 0},o.createElement(c,{direction:"row",align:"center",className:a.tableHeaderCellContent,gap:"xs"},L&&o.createElement(b,{icon:L,className:a.icon}),"string"==typeof H?o.createElement(l,{type:"text2",weight:"medium",color:"secondary"},H):H,I&&o.createElement(f,{content:I,referenceWrapperClassName:a.infoTooltip},o.createElement(b,{icon:v,iconLabel:I}))),g&&o.createElement(c,{direction:"row",align:"center",className:a.tableHeaderCellSort},o.createElement(i,{icon:m(k),kind:"tertiary",size:"xs",ariaLabel:h,"aria-hidden":!P,className:s(a.sort,E(a,k),t({},a.show,P)),onClick:function(){return g(d(k))}})))}));export{C as default};
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","sources":["../../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n  /**\n   * The title of the column, displayed inside the header cell.\n   */\n  title: string | React.ReactNode;\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Tooltip content for additional information about the column.\n   */\n  infoContent?: string;\n  /**\n   * Current sorting state of the column.\n   */\n  sortState?: \"asc\" | \"desc\" | \"none\";\n  /**\n   * Callback fired when the column header is clicked to change sorting.\n   */\n  onSortClicked?: (direction: \"asc\" | \"desc\" | \"none\") => void;\n  /**\n   * ARIA label for the sort button.\n   */\n  sortButtonAriaLabel?: string;\n  /**\n   * If true, the header cell remains visible while scrolling horizontally.\n   */\n  sticky?: boolean;\n}\n\nconst TableHeaderCell = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      title,\n      onSortClicked,\n      infoContent,\n      icon,\n      sortState = \"none\",\n      sortButtonAriaLabel = \"Sort\",\n      sticky\n    }: TableHeaderCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isHovered, setIsHovered] = useState<boolean>(false);\n    const ariaSort = getAriaSort(sortState);\n    const isSortActive = onSortClicked && ariaSort !== \"none\";\n    const shouldShowSortIcon = ariaSort !== \"none\" || isHovered;\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(\n          styles.tableHeaderCell,\n          { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n          className\n        )}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n        role=\"columnheader\"\n        onMouseOver={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onFocus={() => setIsHovered(true)}\n        onBlur={() => setIsHovered(false)}\n        aria-sort={onSortClicked ? ariaSort : undefined}\n        tabIndex={onSortClicked ? 0 : undefined}\n      >\n        <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n          {icon && <Icon icon={icon} className={styles.icon} />}\n          {typeof title === \"string\" ? (\n            <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n          {infoContent && (\n            <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n              <Icon icon={Info} iconLabel={infoContent} />\n            </Tooltip>\n          )}\n        </Flex>\n        {onSortClicked && (\n          <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n            <IconButton\n              icon={getSortIcon(sortState)}\n              kind=\"tertiary\"\n              size=\"xs\"\n              ariaLabel={sortButtonAriaLabel}\n              aria-hidden={!shouldShowSortIcon}\n              className={cx(styles.sort, getStyle(styles, sortState), {\n                [styles.show]: shouldShowSortIcon\n              })}\n              onClick={() => onSortClicked(getNextSortState(sortState))}\n            />\n          </Flex>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"svBA8CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAC3B,iBAAVH,EACNkB,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGHA,EAEDE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}
+{"version":3,"file":"TableHeaderCell.js","sources":["../../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n  /**\n   * The title of the column, displayed inside the header cell.\n   */\n  title: string | React.ReactNode;\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Tooltip content for additional information about the column.\n   */\n  infoContent?: string;\n  /**\n   * Current sorting state of the column.\n   */\n  sortState?: \"asc\" | \"desc\" | \"none\";\n  /**\n   * Callback fired when the column header is clicked to change sorting.\n   */\n  onSortClicked?: (direction: \"asc\" | \"desc\" | \"none\") => void;\n  /**\n   * ARIA label for the sort button.\n   */\n  sortButtonAriaLabel?: string;\n  /**\n   * If true, the header cell remains visible while scrolling horizontally.\n   */\n  sticky?: boolean;\n}\n\nconst TableHeaderCell = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      title,\n      onSortClicked,\n      infoContent,\n      icon,\n      sortState = \"none\",\n      sortButtonAriaLabel = \"Sort\",\n      sticky\n    }: TableHeaderCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isHovered, setIsHovered] = useState<boolean>(false);\n    const ariaSort = getAriaSort(sortState);\n    const isSortActive = onSortClicked && ariaSort !== \"none\";\n    const shouldShowSortIcon = ariaSort !== \"none\" || isHovered;\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(\n          styles.tableHeaderCell,\n          { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n          className\n        )}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n        role=\"columnheader\"\n        onMouseOver={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onFocus={() => setIsHovered(true)}\n        onBlur={() => setIsHovered(false)}\n        aria-sort={onSortClicked ? ariaSort : undefined}\n        tabIndex={onSortClicked ? 0 : undefined}\n      >\n        <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n          {icon && <Icon icon={icon} className={styles.icon} />}\n          {typeof title === \"string\" ? (\n            <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n          {infoContent && (\n            <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n              <Icon icon={Info} iconLabel={infoContent} />\n            </Tooltip>\n          )}\n        </Flex>\n        {onSortClicked && (\n          <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n            <IconButton\n              icon={getSortIcon(sortState)}\n              kind=\"tertiary\"\n              size=\"xs\"\n              ariaLabel={sortButtonAriaLabel}\n              aria-hidden={!shouldShowSortIcon}\n              className={cx(styles.sort, getStyle(styles, sortState), {\n                [styles.show]: shouldShowSortIcon\n              })}\n              onClick={() => onSortClicked(getNextSortState(sortState))}\n            />\n          </Flex>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"0xBA8CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAC3B,iBAAVH,EACNkB,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGHA,EAEDE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-5b3eed132e11_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell:focus-visible, .tableHeaderCell.focus-visible {\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.tableHeaderCell:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-5b3eed132e11_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell:focus-visible, .tableHeaderCell.focus-visible {\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.tableHeaderCell:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_3_70_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_3_70_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-3e6ad01a6799_3_70_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer.small {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-3e6ad01a6799_3_70_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer.small {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody",tableBodyItems:"tableBodyItems",withHeader:"withHeader"};!function(e){const t="s_id-f3eca674d9e8_3_70_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody .tableBodyItems::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody .tableBodyItems::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody.withHeader {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody",tableBodyItems:"tableBodyItems",withHeader:"withHeader"};!function(e){const t="s_id-f3eca674d9e8_3_70_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody .tableBodyItems::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody .tableBodyItems::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody.withHeader {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as i,useRef as s}from"react";import{noop as a}from"es-toolkit";import n from"../../../hooks/useMergeRef.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import c from"../../Icon/Icon.js";import{getTestId as d,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import f from"../../Tooltip/Tooltip.js";import{ComponentVibeId as u}from"../../../tests/constants.js";import{keyCodes as v}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";var b=i((function(i,b){var y=i.className,j=i.tabInnerClassName,C=i.id,I=i.value,k=void 0===I?0:I,T=i.disabled,E=void 0!==T&&T,h=i.active,N=void 0!==h&&h,A=i.focus,g=void 0!==A&&A,P=i.stretchedUnderline,S=void 0!==P&&P,x=i.onClick,B=void 0===x?a:x,H=i.tooltipProps,z=void 0===H?{}:H,D=i.icon,F=i.iconType,M=i.iconSide,R=void 0===M?"left":M,U=i.children,_=i["data-testid"],w=i.tabIndex,K=i.ariaControls,O=s(null),V=n(b,O);return r.createElement(f,Object.assign({},z,{content:z.content}),r.createElement("li",{ref:V,key:C,className:o(p.tabWrapper,y,e(e(e(e({},p.active,N),p.disabled,E),p.tabFocusVisibleInset,g),p.stretchedUnderline,S)),id:C,role:"tab","aria-selected":N,"aria-disabled":E,"aria-controls":K||void 0,tabIndex:w,"data-testid":_||d(m.TAB,C),"data-vibe":u.TAB,onClick:function(){return!E&&B(k)},onKeyDown:function(e){e.key!==v.ENTER&&e.key!==v.SPACE||(e.preventDefault(),!E&&B(k))}},r.createElement("div",{className:o(p.tabInner,j)},function(){if(!D)return U;var e=r.createElement(c,{ariaHidden:!0,iconType:F,icon:D,className:o(p.tabIcon,l(p,R)),iconSize:18,ignoreFocusStyle:!0}),i=r.Children.toArray(U);return"left"===R?[e].concat(t(i)):[].concat(t(i),[e])}())))}));export{b as default};
+import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as i,useRef as s}from"react";import{noop as a}from"es-toolkit";import n from"../../../hooks/useMergeRef.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../../tests/testIds.js";import m from"./Tab.module.scss.js";import p from"../../Tooltip/Tooltip.js";import{ComponentVibeId as f}from"../../../tests/constants.js";import{keyCodes as u}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import v from"../../../../components/icon/dist/Icon/Icon.js";var b=i((function(i,b){var y=i.className,j=i.tabInnerClassName,C=i.id,I=i.value,k=void 0===I?0:I,T=i.disabled,E=void 0!==T&&T,h=i.active,N=void 0!==h&&h,A=i.focus,g=void 0!==A&&A,P=i.stretchedUnderline,S=void 0!==P&&P,x=i.onClick,B=void 0===x?a:x,H=i.tooltipProps,z=void 0===H?{}:H,D=i.icon,F=i.iconType,M=i.iconSide,R=void 0===M?"left":M,U=i.children,_=i["data-testid"],w=i.tabIndex,K=i.ariaControls,O=s(null),V=n(b,O);return r.createElement(p,Object.assign({},z,{content:z.content}),r.createElement("li",{ref:V,key:C,className:o(m.tabWrapper,y,e(e(e(e({},m.active,N),m.disabled,E),m.tabFocusVisibleInset,g),m.stretchedUnderline,S)),id:C,role:"tab","aria-selected":N,"aria-disabled":E,"aria-controls":K||void 0,tabIndex:w,"data-testid":_||l(d.TAB,C),"data-vibe":f.TAB,onClick:function(){return!E&&B(k)},onKeyDown:function(e){e.key!==u.ENTER&&e.key!==u.SPACE||(e.preventDefault(),!E&&B(k))}},r.createElement("div",{className:o(m.tabInner,j)},function(){if(!D)return U;var e=r.createElement(v,{ariaHidden:!0,iconType:F,icon:D,className:o(m.tabIcon,c(m,R)),iconSize:18,ignoreFocusStyle:!0}),i=r.Children.toArray(U);return"left"===R?[e].concat(t(i)):[].concat(t(i),[e])}())))}));export{b as default};
 //# sourceMappingURL=Tab.js.map

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { type SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { type TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner tab content.\n   */\n  tabInnerClassName?: string;\n  /**\n   * The index value of the tab.\n   */\n  value?: number;\n  /**\n   * If true, disables the tab.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the tab as active.\n   */\n  active?: boolean;\n  /**\n   * If true, applies focus styles to the tab.\n   */\n  focus?: boolean;\n  /**\n   * If true, hides the individual tab border when using stretched underline.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The icon displayed in the tab.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconSide?: string;\n  /**\n   * Callback fired when the tab is clicked.\n   */\n  onClick?: (value: number) => void;\n  /**\n   * Props passed to the tab's tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The content displayed inside the tab.\n   */\n  children?: string | ReactElement | ReactElement[];\n  /**\n   * Tab index for focus management.\n   */\n  tabIndex?: number;\n  /**\n   * The id of the associated TabPanel for aria-controls attribute.\n   */\n  ariaControls?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n  (\n    {\n      className,\n      tabInnerClassName,\n      id,\n      value = 0,\n      disabled = false,\n      active = false,\n      focus = false,\n      stretchedUnderline = false,\n      onClick = NOOP,\n      tooltipProps = {} as TooltipProps,\n      icon,\n      iconType,\n      iconSide = \"left\",\n      children,\n      \"data-testid\": dataTestId,\n      tabIndex,\n      ariaControls\n    }: TabProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    function renderIconAndChildren() {\n      if (!icon) return children;\n\n      const iconElement = (\n        <Icon\n          ariaHidden={true}\n          iconType={iconType}\n          icon={icon}\n          className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n          iconSize={18}\n          ignoreFocusStyle\n        />\n      );\n\n      const childrenArray = React.Children.toArray(children);\n\n      if (iconSide === \"left\") {\n        return [iconElement, ...childrenArray];\n      }\n\n      return [...childrenArray, iconElement];\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        event.preventDefault();\n        !disabled && onClick(value);\n      }\n    }\n\n    return (\n      <Tooltip {...tooltipProps} content={tooltipProps.content}>\n        <li\n          ref={mergedRef}\n          key={id}\n          className={cx(styles.tabWrapper, className, {\n            [styles.active]: active,\n            [styles.disabled]: disabled,\n            [styles.tabFocusVisibleInset]: focus,\n            [styles.stretchedUnderline]: stretchedUnderline\n          })}\n          id={id}\n          role=\"tab\"\n          aria-selected={active}\n          aria-disabled={disabled}\n          aria-controls={ariaControls || undefined}\n          tabIndex={tabIndex}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n          data-vibe={ComponentVibeId.TAB}\n          onClick={() => !disabled && onClick(value)}\n          onKeyDown={handleKeyDown}\n        >\n          <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"0qBA0EMA,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACAC,EAAY3B,EAAZ2B,aAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,gBAAC0B,EAAI,CACHC,YAAY,EACZtC,SAAUA,EACVD,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,SAAU,GACVC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}
+{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { Icon, type IconType, type SubIcon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport Tooltip, { type TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner tab content.\n   */\n  tabInnerClassName?: string;\n  /**\n   * The index value of the tab.\n   */\n  value?: number;\n  /**\n   * If true, disables the tab.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the tab as active.\n   */\n  active?: boolean;\n  /**\n   * If true, applies focus styles to the tab.\n   */\n  focus?: boolean;\n  /**\n   * If true, hides the individual tab border when using stretched underline.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The icon displayed in the tab.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconSide?: string;\n  /**\n   * Callback fired when the tab is clicked.\n   */\n  onClick?: (value: number) => void;\n  /**\n   * Props passed to the tab's tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The content displayed inside the tab.\n   */\n  children?: string | ReactElement | ReactElement[];\n  /**\n   * Tab index for focus management.\n   */\n  tabIndex?: number;\n  /**\n   * The id of the associated TabPanel for aria-controls attribute.\n   */\n  ariaControls?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n  (\n    {\n      className,\n      tabInnerClassName,\n      id,\n      value = 0,\n      disabled = false,\n      active = false,\n      focus = false,\n      stretchedUnderline = false,\n      onClick = NOOP,\n      tooltipProps = {} as TooltipProps,\n      icon,\n      iconType,\n      iconSide = \"left\",\n      children,\n      \"data-testid\": dataTestId,\n      tabIndex,\n      ariaControls\n    }: TabProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    function renderIconAndChildren() {\n      if (!icon) return children;\n\n      const iconElement = (\n        <Icon\n          ariaHidden={true}\n          iconType={iconType}\n          icon={icon}\n          className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n          iconSize={18}\n          ignoreFocusStyle\n        />\n      );\n\n      const childrenArray = React.Children.toArray(children);\n\n      if (iconSide === \"left\") {\n        return [iconElement, ...childrenArray];\n      }\n\n      return [...childrenArray, iconElement];\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        event.preventDefault();\n        !disabled && onClick(value);\n      }\n    }\n\n    return (\n      <Tooltip {...tooltipProps} content={tooltipProps.content}>\n        <li\n          ref={mergedRef}\n          key={id}\n          className={cx(styles.tabWrapper, className, {\n            [styles.active]: active,\n            [styles.disabled]: disabled,\n            [styles.tabFocusVisibleInset]: focus,\n            [styles.stretchedUnderline]: stretchedUnderline\n          })}\n          id={id}\n          role=\"tab\"\n          aria-selected={active}\n          aria-disabled={disabled}\n          aria-controls={ariaControls || undefined}\n          tabIndex={tabIndex}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n          data-vibe={ComponentVibeId.TAB}\n          onClick={() => !disabled && onClick(value)}\n          onKeyDown={handleKeyDown}\n        >\n          <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"qsBAwEMA,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACAC,EAAY3B,EAAZ2B,aAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,gBAAC0B,EAAI,CACHC,YAAY,EACZtC,SAAUA,EACVD,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,SAAU,GACVC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper",stretchedUnderline:"stretchedUnderline",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const e="s_id-304dfa4df00e_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable selector-class-pattern */\n.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper.stretchedUnderline {\n  border-bottom: 0;\n}\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper .tabInner {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper:not(.disabled) .tabInner:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper",stretchedUnderline:"stretchedUnderline",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const e="s_id-304dfa4df00e_3_70_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable selector-class-pattern */\n.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper.stretchedUnderline {\n  border-bottom: 0;\n}\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper .tabInner {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper:not(.disabled) .tabInner:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js

@@ -1,2 +1,2 @@
-var t={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(t){const e="s_id-1dd2e005bc2f_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper.stretchedUnderline {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{t as default};
+var t={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(t){const e="s_id-1dd2e005bc2f_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper.stretchedUnderline {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{t as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){const t="s_id-82244d4a2f7b_3_70_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){const t="s_id-82244d4a2f7b_3_70_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){const e="s_id-078bacbdb1e4_3_70_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".tabPanelsWrapper .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){const e="s_id-078bacbdb1e4_3_70_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".tabPanelsWrapper .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

package/dist/mocked_classnames/src/components/Text/Text.module.scss.js

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",text:"text"};!function(t){const e="s_id-0b8dab5fe88c_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",text:"text"};!function(t){const e="s_id-0b8dab5fe88c_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",subTextContainer:"subTextContainer",helpText:"helpText",limitText:"limitText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-c3fc7910bb37_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .label {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .subTextContainer {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .subTextContainer .helpText {\n  display: flex;\n}\n.textAreaWrapper .subTextContainer .limitText {\n  margin-left: auto;\n}\n.textAreaWrapper .textArea {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText,\n.textAreaWrapper.error .limitText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",subTextContainer:"subTextContainer",helpText:"helpText",limitText:"limitText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-c3fc7910bb37_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .label {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .subTextContainer {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .subTextContainer .helpText {\n  display: flex;\n}\n.textAreaWrapper .subTextContainer .limitText {\n  margin-left: auto;\n}\n.textAreaWrapper .textArea {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText,\n.textAreaWrapper.error .limitText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

package/dist/mocked_classnames/src/components/TextField/TextField.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I,ComponentVibeId as j}from"../../tests/constants.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import L from"./TextField.module.scss.js";import k from"../Tooltip/Tooltip.js";import D from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},H=F(n((function(n,f){var C=n.className,E=void 0===C?"":C,F=n.placeholder,H=void 0===F?"":F,A=n.autoComplete,S=void 0===A?"off":A,_=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,z=void 0===W?g:W,B=n.onFocus,O=void 0===B?g:B,K=n.onKeyDown,M=void 0===K?g:K,P=n.onWheel,V=void 0===P?g:P,X=n.debounceRate,U=void 0===X?0:X,Y=n.autoFocus,G=void 0!==Y&&Y,J=n.disabled,Q=void 0!==J&&J,Z=n.readonly,$=void 0!==Z&&Z,ee=n.setRef,te=void 0===ee?g:ee,oe=n.iconName,ae=n.secondaryIconName,ne=n.id,re=void 0===ne?"input":ne,ie=n.title,le=void 0===ie?"":ie,se=n.size,ce=void 0===se?"small":se,de=n.validation,me=void 0===de?null:de,ue=n.wrapperClassName,pe=void 0===ue?"":ue,ve=n.onIconClick,fe=void 0===ve?g:ve,Ce=n.clearOnIconClick,be=void 0!==Ce&&Ce,xe=n.labelIconName,ye=n.showCharCount,Ee=void 0!==ye&&ye,Te=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,je=n.iconsNames,Fe=void 0===je?w:je,Le=n.type,ke=void 0===Le?"text":Le,De=n.maxLength,we=void 0===De?null:De,He=n.allowExceedingMaxLength,Ae=void 0!==He&&He,Se=n.trim,_e=void 0!==Se&&Se,qe=n.role,Re=void 0===qe?"":qe,We=n.required,ze=void 0!==We&&We,Be=n.requiredErrorText,Oe=void 0===Be?"":Be,Ke=n.loading,Me=void 0!==Ke&&Ke,Pe=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Ue=n.underline,Ye=void 0!==Ue&&Ue,Ge=n.name,Je=n.controlled,Qe=void 0!==Je&&Je,Ze=n.iconTooltipContent,$e=n.secondaryTooltipContent,et=n.dir,tt=r(!1),ot=e(tt,2),at=ot[0],nt=ot[1],rt=i(null),it=T(f,rt,te),lt=l((function(e){ze&&!e.target.value&&nt(!0),z(e)}),[z,ze]),st=l((function(e,t){at&&e&&nt(!1),R(e,t||{target:rt.current})}),[R,at]),ct=d({delay:U,onChange:st,initialStateValue:_,trim:_e}),dt=ct.inputValue,mt=ct.onEventChanged,ut=ct.clearValue,pt=s((function(){return Qe?_:dt}),[Qe,_,dt]),vt=l((function(e){Qe?st(e.target.value,e):mt(e)}),[Qe,st,mt]),ft=s((function(){return ae&&pt?ae:oe}),[oe,ae,pt]),Ct=l((function(){Q||(be&&(rt.current&&rt.current.focus(),rt.current.value="",Qe?st(""):ut()),fe(ft))}),[Q,be,fe,ft,Qe,st,ut]),bt=s((function(){return"number"==typeof we&&pt&&pt.length>we?b.error:me&&me.status||at?b[at?"error":me.status]:""}),[we,me,at,pt]),xt=oe||ae,yt=Ee||me&&me.text||at&&Oe,Et=ae===ft,Tt=oe===ft,Nt=(fe!==g||Fe.primary||Ze)&&pt&&oe.length&&Tt,ht=(ae||$e)&&Et&&!!pt,gt=Ae?"".concat(re,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==rt?void 0:rt.current)&&G){var e=requestAnimationFrame((function(){return rt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[rt,G]);var It=fe!==g||be,jt=Fe.primary||Ze,Ft=Fe.secondary||$e;return a.createElement("div",{className:o(L.textField,pe,t(t({},L.disabled,Q),L.onlyUnderline,Ye)),role:Re,"aria-busy":Me},a.createElement("div",{className:o(L.labelWrapper)},a.createElement(v,{labelText:le,icon:xe,labelFor:re,required:ze}),a.createElement("div",{className:o(L.inputWrapper,x[ce],bt)},a.createElement("input",{className:o(E,L.input,t(t({},L.inputHasIcon,!!xt),L.readOnly,$)),placeholder:H,autoComplete:S,value:pt,onChange:vt,disabled:Q,readOnly:$,ref:it,type:ke,id:re,"data-testid":Pe||h(I.TEXT_FIELD,re),"data-vibe":j.TEXT_FIELD,name:Ge,onBlur:lt,onFocus:O,onKeyDown:M,onWheel:V,maxLength:"number"!=typeof we||Ae?void 0:we,role:he&&"combobox","aria-label":Te||H,"aria-invalid":me&&"error"===me.status||at,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":ze,"aria-describedby":gt,required:ze,tabIndex:Xe,dir:et}),Me&&a.createElement("div",{className:o(L.loaderContainer,t({},L.loaderContainerHasIcon,xt))},a.createElement("div",{className:o(L.loader)},a.createElement(u,{className:o(L.loaderSvg)}))),oe&&a.createElement(k,{content:Tt?Ze:void 0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Tt),L.iconContainerClickable,It)),onClick:Ct,tabIndex:Nt?"0":"-1",ariaLabel:jt},a.createElement(m,{icon:oe,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"}))),ae&&a.createElement(k,{content:Et?$e:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Et),L.iconContainerClickable,It)),onClick:Ct,tabIndex:ht?"0":"-1","data-testid":Ve||h(I.TEXT_FIELD_SECONDARY_BUTTON,re),ariaLabel:Ft},a.createElement(m,{icon:ae,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"})))),yt&&a.createElement(p,{type:"text2",color:"secondary",className:o(L.subTextContainer)},(me&&me.text||at&&Oe)&&a.createElement("span",{className:o(L.subTextContainerStatus)},at?Oe:me.text),Ee&&a.createElement("span",{className:o(L.counter),"aria-label":y.CHAR},pt&&pt.length||0,"number"==typeof we&&"/".concat(we),a.createElement(D,{id:gt,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{H as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Text/Text.js";import u from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as p,TextFieldTextType as v,FEEDBACK_CLASSES as f,SIZE_MAPPER as C,TextFieldAriaLabel as b}from"./TextFieldConstants.js";import{BASE_SIZES as x}from"../../constants/sizes.js";import y from"../../hooks/useMergeRef.js";import E from"../Clickable/Clickable.js";import{getTestId as T}from"../../tests/testIds.js";import{NOOP as N}from"../../utils/function-utils.js";import{ComponentDefaultTestId as h,ComponentVibeId as g}from"../../tests/constants.js";import{withStaticProps as I}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import j from"./TextField.module.scss.js";import F from"../Tooltip/Tooltip.js";import L from"../HiddenText/HiddenText.js";import k from"../../../components/loader/dist/Loader/Loader.js";import D from"../../../components/icon/dist/Icon/Icon.js";var w={primary:"",secondary:""},H=I(n((function(n,p){var v=n.className,x=void 0===v?"":v,I=n.placeholder,H=void 0===I?"":I,A=n.autoComplete,S=void 0===A?"off":A,_=n.value,q=n.onChange,R=void 0===q?N:q,W=n.onBlur,z=void 0===W?N:W,B=n.onFocus,O=void 0===B?N:B,K=n.onKeyDown,M=void 0===K?N:K,P=n.onWheel,V=void 0===P?N:P,X=n.debounceRate,U=void 0===X?0:X,Y=n.autoFocus,G=void 0!==Y&&Y,J=n.disabled,Q=void 0!==J&&J,Z=n.readonly,$=void 0!==Z&&Z,ee=n.setRef,oe=void 0===ee?N:ee,te=n.iconName,ae=n.secondaryIconName,ne=n.id,re=void 0===ne?"input":ne,ie=n.title,le=void 0===ie?"":ie,se=n.size,ce=void 0===se?"small":se,de=n.validation,me=void 0===de?null:de,ue=n.wrapperClassName,pe=void 0===ue?"":ue,ve=n.onIconClick,fe=void 0===ve?N:ve,Ce=n.clearOnIconClick,be=void 0!==Ce&&Ce,xe=n.labelIconName,ye=n.showCharCount,Ee=void 0!==ye&&ye,Te=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,je=n.iconsNames,Fe=void 0===je?w:je,Le=n.type,ke=void 0===Le?"text":Le,De=n.maxLength,we=void 0===De?null:De,He=n.allowExceedingMaxLength,Ae=void 0!==He&&He,Se=n.trim,_e=void 0!==Se&&Se,qe=n.role,Re=void 0===qe?"":qe,We=n.required,ze=void 0!==We&&We,Be=n.requiredErrorText,Oe=void 0===Be?"":Be,Ke=n.loading,Me=void 0!==Ke&&Ke,Pe=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Ue=n.underline,Ye=void 0!==Ue&&Ue,Ge=n.name,Je=n.controlled,Qe=void 0!==Je&&Je,Ze=n.iconTooltipContent,$e=n.secondaryTooltipContent,eo=n.dir,oo=r(!1),to=e(oo,2),ao=to[0],no=to[1],ro=i(null),io=y(p,ro,oe),lo=l((function(e){ze&&!e.target.value&&no(!0),z(e)}),[z,ze]),so=l((function(e,o){ao&&e&&no(!1),R(e,o||{target:ro.current})}),[R,ao]),co=d({delay:U,onChange:so,initialStateValue:_,trim:_e}),mo=co.inputValue,uo=co.onEventChanged,po=co.clearValue,vo=s((function(){return Qe?_:mo}),[Qe,_,mo]),fo=l((function(e){Qe?so(e.target.value,e):uo(e)}),[Qe,so,uo]),Co=s((function(){return ae&&vo?ae:te}),[te,ae,vo]),bo=l((function(){Q||(be&&(ro.current&&ro.current.focus(),ro.current.value="",Qe?so(""):po()),fe(Co))}),[Q,be,fe,Co,Qe,so,po]),xo=s((function(){return"number"==typeof we&&vo&&vo.length>we?f.error:me&&me.status||ao?f[ao?"error":me.status]:""}),[we,me,ao,vo]),yo=te||ae,Eo=Ee||me&&me.text||ao&&Oe,To=ae===Co,No=te===Co,ho=(fe!==N||Fe.primary||Ze)&&vo&&te.length&&No,go=(ae||$e)&&To&&!!vo,Io=Ae?"".concat(re,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==ro?void 0:ro.current)&&G){var e=requestAnimationFrame((function(){return ro.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[ro,G]);var jo=fe!==N||be,Fo=Fe.primary||Ze,Lo=Fe.secondary||$e;return a.createElement("div",{className:t(j.textField,pe,o(o({},j.disabled,Q),j.onlyUnderline,Ye)),role:Re,"aria-busy":Me},a.createElement("div",{className:t(j.labelWrapper)},a.createElement(u,{labelText:le,icon:xe,labelFor:re,required:ze}),a.createElement("div",{className:t(j.inputWrapper,C[ce],xo)},a.createElement("input",{className:t(x,j.input,o(o({},j.inputHasIcon,!!yo),j.readOnly,$)),placeholder:H,autoComplete:S,value:vo,onChange:fo,disabled:Q,readOnly:$,ref:io,type:ke,id:re,"data-testid":Pe||T(h.TEXT_FIELD,re),"data-vibe":g.TEXT_FIELD,name:Ge,onBlur:lo,onFocus:O,onKeyDown:M,onWheel:V,maxLength:"number"!=typeof we||Ae?void 0:we,role:he&&"combobox","aria-label":Te||H,"aria-invalid":me&&"error"===me.status||ao,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":ze,"aria-describedby":Io,required:ze,tabIndex:Xe,dir:eo}),Me&&a.createElement("div",{className:t(j.loaderContainer,o({},j.loaderContainerHasIcon,yo))},a.createElement("div",{className:t(j.loader)},a.createElement(k,{className:t(j.loaderSvg)}))),te&&a.createElement(F,{content:No?Ze:void 0,referenceWrapperClassName:j.tooltipContainer},a.createElement(E,{className:t(j.iconContainer,o(o(o({},j.iconContainerHasIcon,yo),j.iconContainerActive,No),j.iconContainerClickable,jo)),onClick:bo,tabIndex:ho?"0":"-1",ariaLabel:Fo},a.createElement(D,{icon:te,className:t(j.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"}))),ae&&a.createElement(F,{content:To?$e:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:j.tooltipContainer},a.createElement(E,{className:t(j.iconContainer,o(o(o({},j.iconContainerHasIcon,yo),j.iconContainerActive,To),j.iconContainerClickable,jo)),onClick:bo,tabIndex:go?"0":"-1","data-testid":Ve||T(h.TEXT_FIELD_SECONDARY_BUTTON,re),ariaLabel:Lo},a.createElement(D,{icon:ae,className:t(j.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"})))),Eo&&a.createElement(m,{type:"text2",color:"secondary",className:t(j.subTextContainer)},(me&&me.text||ao&&Oe)&&a.createElement("span",{className:t(j.subTextContainerStatus)},ao?Oe:me.text),Ee&&a.createElement("span",{className:t(j.counter),"aria-label":b.CHAR},vo&&vo.length||0,"number"==typeof we&&"/".concat(we),a.createElement(L,{id:Io,text:"Maximum of ".concat(we," characters")})))))})),{sizes:x,feedbacks:p,types:v});export{H as default};
 //# sourceMappingURL=TextField.js.map