@vibe/core 3.42.0 → 3.43.1

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { StepsColor, StepsType } from \"./Steps.types\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, VibeComponent, VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\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   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: 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   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps: VibeComponent<StepsProps> & { types?: typeof StepsTypeEnum; colors?: typeof StepsColorEnum } = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\nexport default withStaticProps(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"ukBA+DA,IAuDeA,EAAAA,EAvD6FC,GAC1G,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,IAElEgB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAM,GACC3B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBgC,WAAYlC,EAAMmC,OAClBxB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAEQ,EAAAA,KACVP,EAAOQ,aAAexB,GACtBgB,EAAOS,iBAAmBzB,OAG7BA,GAAkBb,EAAME,GAGhC,IAGoC,CACpCqC,MAAOC,EACPC,OAAQC"}
+{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { StepsColor, StepsType } from \"./Steps.types\";\nimport { ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\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   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: 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   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"ukBA+DA,IA4DeA,EAAAA,EA5DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,IAElEgB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAM,GACC3B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBgC,WAAYlC,EAAMmC,OAClBxB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAEQ,EAAAA,KACVP,EAAOQ,aAAexB,GACtBgB,EAAOS,iBAAmBzB,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEqC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_28cbcd3b57",contentOnTop:"contentOnTop_31d4551e46",contentOnBottom:"contentOnBottom_541dfc4bef"};!function(e){const t="s_id-9e4623f942e8_3_41_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_28cbcd3b57 .contentOnTop_31d4551e46 {\n  margin-top: var(--spacing-medium);\n}\n.steps_28cbcd3b57 .contentOnBottom_541dfc4bef {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_63aec4a64f",contentOnTop:"contentOnTop_06d6cb98d9",contentOnBottom:"contentOnBottom_7e79063c69"};!function(e){const t="s_id-9e4623f942e8_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_63aec4a64f .contentOnTop_06d6cb98d9 {\n  margin-top: var(--spacing-medium);\n}\n.steps_63aec4a64f .contentOnBottom_7e79063c69 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var o={dot:"dot_0742f38d76","focus-visible":"focus-visible_988e67fb06",isActive:"isActive_4dc069b0ae",colorOnPrimaryColor:"colorOnPrimaryColor_797e165d87",colorOnInvertedBackground:"colorOnInvertedBackground_6f52127f5c"};!function(o){const n="s_id-cedbbb07e913_3_41_0";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)}(".dot_0742f38d76 {\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_0742f38d76:focus-visible, .dot_0742f38d76.focus-visible_988e67fb06 {\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_0742f38d76:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.dot_0742f38d76:focus-visible, .dot_0742f38d76.focus-visible_988e67fb06 {\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_0742f38d76:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.dot_0742f38d76:hover {\n  transform: scale(1.3);\n}\n.isActive_4dc069b0ae {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_797e165d87.dot_0742f38d76 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_797e165d87.dot_0742f38d76:focus-visible, .colorOnPrimaryColor_797e165d87.dot_0742f38d76.focus-visible_988e67fb06 {\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_797e165d87.dot_0742f38d76:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.colorOnPrimaryColor_797e165d87.dot_0742f38d76.isActive_4dc069b0ae {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_6f52127f5c.dot_0742f38d76 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_6f52127f5c.dot_0742f38d76.isActive_4dc069b0ae {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_4f7383a01f","focus-visible":"focus-visible_30e51b3368",isActive:"isActive_0a28412882",colorOnPrimaryColor:"colorOnPrimaryColor_f18bf2b7db",colorOnInvertedBackground:"colorOnInvertedBackground_11b007668e"};!function(o){const n="s_id-cedbbb07e913_3_43_0";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)}(".dot_4f7383a01f {\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_4f7383a01f:focus-visible, .dot_4f7383a01f.focus-visible_30e51b3368 {\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_4f7383a01f:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.dot_4f7383a01f:focus-visible, .dot_4f7383a01f.focus-visible_30e51b3368 {\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_4f7383a01f:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.dot_4f7383a01f:hover {\n  transform: scale(1.3);\n}\n.isActive_0a28412882 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_f18bf2b7db.dot_4f7383a01f {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_f18bf2b7db.dot_4f7383a01f:focus-visible, .colorOnPrimaryColor_f18bf2b7db.dot_4f7383a01f.focus-visible_30e51b3368 {\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_f18bf2b7db.dot_4f7383a01f:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.colorOnPrimaryColor_f18bf2b7db.dot_4f7383a01f.isActive_0a28412882 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_11b007668e.dot_4f7383a01f {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_11b007668e.dot_4f7383a01f.isActive_0a28412882 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={header:"header_9da8c3f499"};!function(e){const t="s_id-918f12c2f9aa_3_41_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_9da8c3f499 {\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_85a3dec80e"};!function(e){const t="s_id-918f12c2f9aa_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_85a3dec80e {\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/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_20f48d9f05"};!function(e){const t="s_id-126f9ab60838_3_41_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_20f48d9f05 {\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_4b08ad262f"};!function(e){const t="s_id-126f9ab60838_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_4b08ad262f {\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/src/components/Switch/Switch.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as a,useMemo as i}from"react";import l from"classnames";import r from"../../hooks/useSwitch/index.js";import s from"./Switch.module.scss.js";var t=a((function(a,t){var c=a.id,n=a.name,d=a.value,o=a.role,h=a.disabled,m=a.ariaLabel,u=a.ariaLabelledBy,b=a.inputClassName,p=a.ariaControls,C=a.children,k=a.wrapperClassName,f=a["data-testid"],g=r({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),v=g.onChange,w=g.isChecked,j=i((function(){return e.cloneElement(C,Object.assign(Object.assign({},null==C?void 0:C.props),{checked:w}))}),[C,w]);return e.createElement("label",{htmlFor:c,className:k},e.createElement("input",{ref:t,id:c,"aria-controls":p,value:d,name:n,type:"checkbox",className:l(s["hidden-switch"],b),checked:w,role:o||"switch",onChange:v,disabled:h,"aria-label":m,"aria-labelledby":u,"aria-checked":w,"data-testid":f}),j)}));export{t as Switch};
+import e,{forwardRef as a,useMemo as l}from"react";import s from"classnames";import t from"../../hooks/useSwitch/index.js";import i from"./Switch.module.scss.js";var r=a((function(a,r){var c=a.id,n=a.name,d=a.value,o=a.role,h=a.disabled,m=a.ariaLabel,u=a.ariaLabelledBy,b=a.inputClassName,p=a.ariaControls,C=a.children,f=a.wrapperClassName,k=a["data-testid"],g=t({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),v=g.onChange,w=g.isChecked,j=l((function(){return e.cloneElement(C,Object.assign(Object.assign({},null==C?void 0:C.props),{checked:w}))}),[C,w]);return e.createElement("label",{htmlFor:c,className:f},e.createElement("input",{ref:r,id:c,"aria-controls":p,value:d,name:n,type:"checkbox",className:s(i["hidden-switch"],b),checked:w,role:o||"switch",onChange:v,disabled:h,"aria-label":m,"aria-labelledby":u,"aria-checked":w,"data-testid":k}),j)}));export{r as default};
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\n\nexport interface SwitchProps extends VibeComponentProps {\n  /**\n   * The name of the switch input.\n   */\n  name?: string;\n  /**\n   * The value associated with the switch.\n   */\n  value?: string;\n  /**\n   * The ARIA role of the switch.\n   */\n  role?: string;\n  /**\n   * If true, the switch is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element labeling the switch.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * If true, the switch is checked.\n   */\n  checked?: boolean;\n  /**\n   * Class name applied to the input element.\n   */\n  inputClassName?: string;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The ID of the element controlled by the switch.\n   */\n  ariaControls?: string;\n  /**\n   * If true, the switch is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child component rendered inside the switch.\n   */\n  children?: ReactElement<MockToggleProps>;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\n// TODO no story\nexport const Switch: VibeComponent<SwitchProps, HTMLInputElement> = forwardRef(\n  (\n    {\n      id,\n      name,\n      value,\n      role,\n      disabled,\n      ariaLabel,\n      ariaLabelledBy,\n      checked,\n      inputClassName,\n      onChange,\n      ariaControls,\n      defaultChecked,\n      children: originalChildren,\n      wrapperClassName,\n      \"data-testid\": dataTestId\n    }: SwitchProps,\n    ref\n  ) => {\n    const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n      isDisabled: disabled,\n      isChecked: checked,\n      defaultChecked,\n      onChange\n    });\n\n    const children = useMemo(\n      () =>\n        React.cloneElement(originalChildren, {\n          ...originalChildren?.props,\n          checked: overrideChecked\n        }),\n      [originalChildren, overrideChecked]\n    );\n\n    return (\n      <label htmlFor={id} className={wrapperClassName}>\n        <input\n          ref={ref}\n          id={id}\n          aria-controls={ariaControls}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          className={cx(styles[\"hidden-switch\"], inputClassName)}\n          checked={overrideChecked}\n          role={role ? role : \"switch\"}\n          onChange={overrideOnChange}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-checked={overrideChecked}\n          data-testid={dataTestId}\n        />\n        {children}\n      </label>\n    );\n  }\n);\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","htmlFor","className","createElement","type","cx","styles"],"mappings":"kKA+DO,IAAMA,EAAuDC,GAClE,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACAC,EAASP,EAATO,UACAC,EAAcR,EAAdQ,eAEAC,EAAcT,EAAdS,eAEAC,EAAYV,EAAZU,aAEUC,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,yBAAOK,QAAS5B,EAAI6B,UAAWlB,GAC7BY,EAAAO,cAAA,QAAA,CACE/B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACN8B,KAAK,WACLF,UAAWG,EAAGC,EAAO,iBAAkB1B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { VibeComponentProps } from \"../../types\";\nimport { MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\n\nexport interface SwitchProps extends VibeComponentProps {\n  /**\n   * The name of the switch input.\n   */\n  name?: string;\n  /**\n   * The value associated with the switch.\n   */\n  value?: string;\n  /**\n   * The ARIA role of the switch.\n   */\n  role?: string;\n  /**\n   * If true, the switch is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element labeling the switch.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * If true, the switch is checked.\n   */\n  checked?: boolean;\n  /**\n   * Class name applied to the input element.\n   */\n  inputClassName?: string;\n  /**\n   * Callback fired when the switch state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The ID of the element controlled by the switch.\n   */\n  ariaControls?: string;\n  /**\n   * If true, the switch is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child component rendered inside the switch.\n   */\n  children?: ReactElement<MockToggleProps>;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n  (\n    {\n      id,\n      name,\n      value,\n      role,\n      disabled,\n      ariaLabel,\n      ariaLabelledBy,\n      checked,\n      inputClassName,\n      onChange,\n      ariaControls,\n      defaultChecked,\n      children: originalChildren,\n      wrapperClassName,\n      \"data-testid\": dataTestId\n    }: SwitchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n      isDisabled: disabled,\n      isChecked: checked,\n      defaultChecked,\n      onChange\n    });\n\n    const children = useMemo(\n      () =>\n        React.cloneElement(originalChildren, {\n          ...originalChildren?.props,\n          checked: overrideChecked\n        }),\n      [originalChildren, overrideChecked]\n    );\n\n    return (\n      <label htmlFor={id} className={wrapperClassName}>\n        <input\n          ref={ref}\n          id={id}\n          aria-controls={ariaControls}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          className={cx(styles[\"hidden-switch\"], inputClassName)}\n          checked={overrideChecked}\n          role={role ? role : \"switch\"}\n          onChange={overrideOnChange}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-checked={overrideChecked}\n          data-testid={dataTestId}\n        />\n        {children}\n      </label>\n    );\n  }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","htmlFor","className","createElement","type","cx","styles"],"mappings":"kKA+DMA,IAAAA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACAC,EAASP,EAATO,UACAC,EAAcR,EAAdQ,eAEAC,EAAcT,EAAdS,eAEAC,EAAYV,EAAZU,aAEUC,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,yBAAOK,QAAS5B,EAAI6B,UAAWlB,GAC7BY,EAAAO,cAAA,QAAA,CACE/B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACN8B,KAAK,WACLF,UAAWG,EAAGC,EAAO,iBAAkB1B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_2be4feeedf"};!function(e){const t="s_id-ac5bc6964f98_3_41_0";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)}(".hidden-switch_2be4feeedf {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_17ee7cc982"};!function(e){const t="s_id-ac5bc6964f98_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_17ee7cc982 {\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/src/components/Table/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, UIEventHandler, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { 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 { TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { 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: VibeComponent<TableProps, HTMLDivElement> & {\n  sizes?: typeof RowSizesEnum;\n} = 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\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            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\nexport default withStaticProps(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","role","sizes","RowSizesEnum"],"mappings":"uzBAyFA,IAqHeA,EAAAA,EAnHXC,GACF,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,EAAqBC,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,GACpBK,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,GACnEsE,KAAK,QACL/D,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAGoC,CAAE+D,MAAOC"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, UIEventHandler, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { 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 { TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { 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            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","role","sizes","RowSizesEnum"],"mappings":"uzBAyFA,IAuHeA,EAAAA,EAvHDC,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,EAAqBC,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,GACpBK,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,GACnEsE,KAAK,QACL/D,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAOkE,CAAE+D,MAAOC"}

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

@@ -1,2 +1,2 @@
-var r={table:"table_8498cc0810",border:"border_4338d3eea9",virtualized:"virtualized_8bd64ead09",hasScroll:"hasScroll_228541f45e"};!function(r){const e="s_id-2b8bccf4a9c1_3_41_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_8498cc0810 {\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_8498cc0810.border_4338d3eea9 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_8498cc0810 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_8498cc0810 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_8498cc0810.virtualized_8bd64ead09 {\n  overflow: hidden;\n}\n.table_8498cc0810.hasScroll_228541f45e {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var e={table:"table_746ed36847",border:"border_fe9183c9ec",virtualized:"virtualized_95426a91c0",hasScroll:"hasScroll_479971a7b6"};!function(e){const r="s_id-2b8bccf4a9c1_3_43_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".table_746ed36847 {\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_746ed36847.border_fe9183c9ec {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_746ed36847 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_746ed36847 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_746ed36847.virtualized_95426a91c0 {\n  overflow: hidden;\n}\n.table_746ed36847.hasScroll_479971a7b6 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import React, { ReactElement, ComponentProps, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport TableRow, { TableRowProps } from \"../TableRow/TableRow\";\nimport VirtualizedList from \"../../VirtualizedList/VirtualizedList\";\nimport styles from \"./TableBody.module.scss\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport TableCellSkeleton from \"../TableCellSkeleton/TableCellSkeleton\";\nimport { SKELETON_ROWS_AMOUNT } from \"../Table/TableConsts\";\nimport { getLoadingTypeForCell } from \"../Table/tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableBodyProps extends VibeComponentProps {\n  /**\n   * The child components inside the table body, such as `<TableRow />` elements.\n   */\n  children?:\n    | ReactElement<TableRowProps>\n    | ReactElement<TableRowProps>[]\n    | ReactElement<ComponentProps<typeof VirtualizedList>>;\n}\n\nconst TableBody: VibeComponent<TableBodyProps, HTMLDivElement> = forwardRef(\n  ({ id, className, \"data-testid\": dataTestId, children }: TableBodyProps, ref) => {\n    const { dataState, emptyState, errorState, columns } = useTable();\n    const { isLoading, isError } = dataState || {};\n\n    const skeletonRender = [...new Array(SKELETON_ROWS_AMOUNT)].map((_, rowIndex) => (\n      <TableRow key={rowIndex}>\n        {columns.map(({ loadingStateType }, columnIndex) => (\n          <TableCellSkeleton\n            key={`${rowIndex}-${columnIndex}`}\n            type={getLoadingTypeForCell(loadingStateType, rowIndex)}\n          />\n        ))}\n      </TableRow>\n    ));\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableBody, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_BODY, id)}\n        role=\"rowgroup\"\n      >\n        {isLoading\n          ? skeletonRender\n          : isError\n          ? errorState\n          : !children || (Array.isArray(children) && children.length === 0)\n          ? emptyState\n          : children}\n      </div>\n    );\n  }\n);\n\nexport default TableBody;\n"],"names":["TableBody","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","emptyState","errorState","columns","_ref2","dataState","isLoading","isError","skeletonRender","_toConsumableArray","Array","SKELETON_ROWS_AMOUNT","map","_","rowIndex","React","TableRow","key","_ref3","columnIndex","loadingStateType","createElement","TableCellSkeleton","concat","type","getLoadingTypeForCell","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_BODY","role","isArray","length"],"mappings":"8lBAuBMA,IAAAA,EAA2DC,GAC/D,SAAAC,EAAyEC,GAAO,IAA7EC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAC3CC,EAAuDC,IAApCC,EAAUF,EAAVE,WAAYC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAC3CC,EADiBL,EAATM,WACoC,CAAE,EAAtCC,EAASF,EAATE,UAAWC,EAAOH,EAAPG,QAEbC,EAAiBC,EAAQC,MAAMC,IAAuBC,KAAI,SAACC,EAAGC,GAAQ,OAC1EC,gBAACC,EAAQ,CAACC,IAAKH,GACZX,EAAQS,KAAI,SAAAM,EAAuBC,GAAW,IAA/BC,EAAgBF,EAAhBE,iBAAgB,OAC9BL,EAACM,cAAAC,EACC,CAAAL,IAAG,GAAAM,OAAKT,OAAQS,OAAIJ,GACpBK,KAAMC,EAAsBL,EAAkBN,IAEjD,IACQ,IAGb,OACEC,EACEM,cAAA,MAAA,CAAA3B,IAAKA,EACLC,GAAIA,EACJC,UAAW8B,EAAGC,EAAOC,UAAWhC,iBACnBC,GAAcgC,EAAUC,EAAuBC,WAAYpC,GACxEqC,KAAK,YAEJ1B,EACGE,EACAD,EACAL,GACCJ,GAAaY,MAAMuB,QAAQnC,IAAiC,IAApBA,EAASoC,OAClDjC,EACAH,EAGV"}
+{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import React, { ReactElement, ComponentProps, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableRow, { TableRowProps } from \"../TableRow/TableRow\";\nimport VirtualizedList from \"../../VirtualizedList/VirtualizedList\";\nimport styles from \"./TableBody.module.scss\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport TableCellSkeleton from \"../TableCellSkeleton/TableCellSkeleton\";\nimport { SKELETON_ROWS_AMOUNT } from \"../Table/TableConsts\";\nimport { getLoadingTypeForCell } from \"../Table/tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableBodyProps extends VibeComponentProps {\n  /**\n   * The child components inside the table body, such as `<TableRow />` elements.\n   */\n  children?:\n    | ReactElement<TableRowProps>\n    | ReactElement<TableRowProps>[]\n    | ReactElement<ComponentProps<typeof VirtualizedList>>;\n}\n\nconst TableBody = forwardRef(\n  ({ id, className, \"data-testid\": dataTestId, children }: TableBodyProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    const { dataState, emptyState, errorState, columns } = useTable();\n    const { isLoading, isError } = dataState || {};\n\n    const skeletonRender = [...new Array(SKELETON_ROWS_AMOUNT)].map((_, rowIndex) => (\n      <TableRow key={rowIndex}>\n        {columns.map(({ loadingStateType }, columnIndex) => (\n          <TableCellSkeleton\n            key={`${rowIndex}-${columnIndex}`}\n            type={getLoadingTypeForCell(loadingStateType, rowIndex)}\n          />\n        ))}\n      </TableRow>\n    ));\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableBody, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_BODY, id)}\n        role=\"rowgroup\"\n      >\n        {isLoading\n          ? skeletonRender\n          : isError\n          ? errorState\n          : !children || (Array.isArray(children) && children.length === 0)\n          ? emptyState\n          : children}\n      </div>\n    );\n  }\n);\n\nexport default TableBody;\n"],"names":["TableBody","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","emptyState","errorState","columns","_ref2","dataState","isLoading","isError","skeletonRender","_toConsumableArray","Array","SKELETON_ROWS_AMOUNT","map","_","rowIndex","React","TableRow","key","_ref3","columnIndex","loadingStateType","createElement","TableCellSkeleton","concat","type","getLoadingTypeForCell","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_BODY","role","isArray","length"],"mappings":"8lBAuBMA,IAAAA,EAAYC,GAChB,SAAAC,EAAyEC,GAA2C,IAAjHC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAC3CC,EAAuDC,IAApCC,EAAUF,EAAVE,WAAYC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAC3CC,EADiBL,EAATM,WACoC,CAAE,EAAtCC,EAASF,EAATE,UAAWC,EAAOH,EAAPG,QAEbC,EAAiBC,EAAQC,MAAMC,IAAuBC,KAAI,SAACC,EAAGC,GAAQ,OAC1EC,gBAACC,EAAQ,CAACC,IAAKH,GACZX,EAAQS,KAAI,SAAAM,EAAuBC,GAAW,IAA/BC,EAAgBF,EAAhBE,iBAAgB,OAC9BL,EAACM,cAAAC,EACC,CAAAL,IAAG,GAAAM,OAAKT,OAAQS,OAAIJ,GACpBK,KAAMC,EAAsBL,EAAkBN,IAEjD,IACQ,IAGb,OACEC,EACEM,cAAA,MAAA,CAAA3B,IAAKA,EACLC,GAAIA,EACJC,UAAW8B,EAAGC,EAAOC,UAAWhC,iBACnBC,GAAcgC,EAAUC,EAAuBC,WAAYpC,GACxEqC,KAAK,YAEJ1B,EACGE,EACAD,EACAL,GACCJ,GAAaY,MAAMuB,QAAQnC,IAAiC,IAApBA,EAASoC,OAClDjC,EACAH,EAGV"}

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_d56d38fa85"};!function(e){const t="s_id-afed3a5f5737_3_41_0";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_d56d38fa85 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_eb945200bd"};!function(e){const t="s_id-afed3a5f5737_3_43_0";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_eb945200bd {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport Text from \"../../Text/Text\";\nimport styles from \"./TableCell.module.scss\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableCellProps extends VibeComponentProps {\n  /**\n   * The content inside the table cell.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the cell sticky (typically used for frozen columns).\n   */\n  sticky?: boolean;\n}\n\nconst TableCell: VibeComponent<TableCellProps, HTMLDivElement> = forwardRef(\n  ({ sticky, id, className, \"data-testid\": dataTestId, children }: TableCellProps, ref) => {\n    const isSingleChild = React.Children.count(children) === 1;\n    const typeOfFirstChild = typeof React.Children.toArray(children)[0];\n    const isFirstChildString = typeOfFirstChild === \"string\" || typeOfFirstChild === \"number\";\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableCell, { [styles.sticky]: sticky }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CELL, id)}\n        role=\"cell\"\n      >\n        {isSingleChild && isFirstChildString ? (\n          <Text type=\"text2\" color=\"primary\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableCell;\n"],"names":["TableCell","forwardRef","_ref","ref","sticky","id","className","dataTestId","children","isSingleChild","React","Children","count","typeOfFirstChild","_typeof","toArray","isFirstChildString","createElement","cx","styles","tableCell","_defineProperty","getTestId","ComponentDefaultTestId","TABLE_CELL","role","Text","type","color"],"mappings":"sWAmBMA,IAAAA,EAA2DC,GAC/D,SAAAC,EAAiFC,GAAO,IAArFC,EAAMF,EAANE,OAAQC,EAAEH,EAAFG,GAAIC,EAASJ,EAATI,UAA0BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAC7CC,EAAmD,IAAnCC,EAAMC,SAASC,MAAMJ,GACrCK,EAAgBC,EAAUJ,EAAMC,SAASI,QAAQP,GAAU,IAC3DQ,EAA0C,WAArBH,GAAsD,WAArBA,EAE5D,OACEH,EAAAO,cAAA,MAAA,CACEd,IAAKA,EACLE,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,UAASC,EAAKF,GAAAA,EAAOf,OAASA,GAAUE,GAChD,cAAAC,GAAce,EAAUC,EAAuBC,WAAYnB,GACxEoB,KAAK,QAEJhB,GAAiBO,EAChBN,EAAAO,cAACS,EAAK,CAAAC,KAAK,QAAQC,MAAM,WACtBpB,GAGHA,EAIR"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport Text from \"../../Text/Text\";\nimport styles from \"./TableCell.module.scss\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableCellProps extends VibeComponentProps {\n  /**\n   * The content inside the table cell.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the cell sticky (typically used for frozen columns).\n   */\n  sticky?: boolean;\n}\n\nconst TableCell = forwardRef(\n  (\n    { sticky, id, className, \"data-testid\": dataTestId, children }: TableCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSingleChild = React.Children.count(children) === 1;\n    const typeOfFirstChild = typeof React.Children.toArray(children)[0];\n    const isFirstChildString = typeOfFirstChild === \"string\" || typeOfFirstChild === \"number\";\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableCell, { [styles.sticky]: sticky }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CELL, id)}\n        role=\"cell\"\n      >\n        {isSingleChild && isFirstChildString ? (\n          <Text type=\"text2\" color=\"primary\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableCell;\n"],"names":["TableCell","forwardRef","_ref","ref","sticky","id","className","dataTestId","children","isSingleChild","React","Children","count","typeOfFirstChild","_typeof","toArray","isFirstChildString","createElement","cx","styles","tableCell","_defineProperty","getTestId","ComponentDefaultTestId","TABLE_CELL","role","Text","type","color"],"mappings":"sWAmBMA,IAAAA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAAMF,EAANE,OAAQC,EAAEH,EAAFG,GAAIC,EAASJ,EAATI,UAA0BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG9CC,EAAmD,IAAnCC,EAAMC,SAASC,MAAMJ,GACrCK,EAAgBC,EAAUJ,EAAMC,SAASI,QAAQP,GAAU,IAC3DQ,EAA0C,WAArBH,GAAsD,WAArBA,EAE5D,OACEH,EAAAO,cAAA,MAAA,CACEd,IAAKA,EACLE,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,UAASC,EAAKF,GAAAA,EAAOf,OAASA,GAAUE,GAChD,cAAAC,GAAce,EAAUC,EAAuBC,WAAYnB,GACxEoB,KAAK,QAEJhB,GAAiBO,EAChBN,EAAAO,cAACS,EAAK,CAAAC,KAAK,QAAQC,MAAM,WACtBpB,GAGHA,EAIR"}

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

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_edbecbac1f",sticky:"sticky_e999e1470c"};!function(e){const t="s_id-25789b81dac4_3_41_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_edbecbac1f {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_edbecbac1f.sticky_e999e1470c {\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_cb2f627db6",sticky:"sticky_e00cfec45e"};!function(e){const t="s_id-25789b81dac4_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_cb2f627db6 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_cb2f627db6.sticky_e00cfec45e {\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/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_d56d38fa85",longText:"longText_532e73868a",mediumText:"mediumText_c8bbcb0998",tableCellSkeleton:"tableCellSkeleton_d56d38fa85",circle:"circle_69678fc625",rectangle:"rectangle_1c565eb9c4"};!function(e){const l="s_id-18cab9319884_3_41_0";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_d56d38fa85 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_d56d38fa85.longText_532e73868a {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_d56d38fa85.mediumText_c8bbcb0998 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_d56d38fa85 .tableCellSkeleton_d56d38fa85 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_d56d38fa85 .tableCellSkeleton_d56d38fa85.circle_69678fc625, .tableCellSkeletonWrapper_d56d38fa85 .tableCellSkeleton_d56d38fa85.rectangle_1c565eb9c4 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_d56d38fa85 .tableCellSkeleton_d56d38fa85.circle_69678fc625, .tableCellSkeletonWrapper_d56d38fa85 .tableCellSkeleton_d56d38fa85.rectangle_1c565eb9c4 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_eb945200bd",longText:"longText_26b9a6c224",mediumText:"mediumText_0cb7609185",tableCellSkeleton:"tableCellSkeleton_eb945200bd",circle:"circle_1ec91d56d1",rectangle:"rectangle_6263ac22a5"};!function(e){const l="s_id-18cab9319884_3_43_0";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_eb945200bd {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_eb945200bd.longText_26b9a6c224 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_eb945200bd.mediumText_0cb7609185 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_eb945200bd .tableCellSkeleton_eb945200bd {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_eb945200bd .tableCellSkeleton_eb945200bd.circle_1ec91d56d1, .tableCellSkeletonWrapper_eb945200bd .tableCellSkeleton_eb945200bd.rectangle_6263ac22a5 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_eb945200bd .tableCellSkeleton_eb945200bd.circle_1ec91d56d1, .tableCellSkeletonWrapper_eb945200bd .tableCellSkeleton_eb945200bd.rectangle_6263ac22a5 {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeader.module.scss\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\nexport interface TableHeaderProps extends VibeComponentProps {\n  /**\n   * The child elements inside the table header, typically `<TableHeaderCell />` components.\n   */\n  children?: React.ReactElement<TableHeaderCellProps> | React.ReactElement<TableHeaderCellProps>[];\n}\n\nconst TableHeader: VibeComponent<TableHeaderProps, HTMLDivElement> = forwardRef(\n  ({ id, className, \"data-testid\": dataTestId, children }: TableHeaderProps, ref) => {\n    const { headRef, onHeadScroll, isVirtualized } = useTable();\n    const mergedRef = useMergeRef(headRef, ref);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        className={cx(styles.tableHeader, { [styles.virtualized]: isVirtualized }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER, id)}\n        role=\"rowgroup\"\n        onScroll={onHeadScroll}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableHeader;\n"],"names":["TableHeader","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","onHeadScroll","isVirtualized","mergedRef","useMergeRef","headRef","React","createElement","cx","styles","tableHeader","_defineProperty","virtualized","getTestId","ComponentDefaultTestId","TABLE_HEADER","role","onScroll"],"mappings":"0aAiBMA,IAAAA,EAA+DC,GACnE,SAAAC,EAA2EC,GAAO,IAA/EC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAC3CC,EAAiDC,IAAhCC,EAAYF,EAAZE,aAAcC,EAAaH,EAAbG,cACzBC,EAAYC,EADHL,EAAPM,QAC+BX,GAEvC,OACEY,EACEC,cAAA,MAAA,CAAAb,IAAKS,EACLR,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,YAAWC,EAAKF,GAAAA,EAAOG,YAAcV,GAAiBN,GAAU,cACxEC,GAAcgB,EAAUC,EAAuBC,aAAcpB,GAC1EqB,KAAK,WACLC,SAAUhB,GAETH,EAGP"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeader.module.scss\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\nexport interface TableHeaderProps extends VibeComponentProps {\n  /**\n   * The child elements inside the table header, typically `<TableHeaderCell />` components.\n   */\n  children?: React.ReactElement<TableHeaderCellProps> | React.ReactElement<TableHeaderCellProps>[];\n}\n\nconst TableHeader = forwardRef(\n  (\n    { id, className, \"data-testid\": dataTestId, children }: TableHeaderProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { headRef, onHeadScroll, isVirtualized } = useTable();\n    const mergedRef = useMergeRef(headRef, ref);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        className={cx(styles.tableHeader, { [styles.virtualized]: isVirtualized }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER, id)}\n        role=\"rowgroup\"\n        onScroll={onHeadScroll}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableHeader;\n"],"names":["TableHeader","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","onHeadScroll","isVirtualized","mergedRef","useMergeRef","headRef","React","createElement","cx","styles","tableHeader","_defineProperty","virtualized","getTestId","ComponentDefaultTestId","TABLE_HEADER","role","onScroll"],"mappings":"0aAiBMA,IAAAA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAG5CC,EAAiDC,IAAhCC,EAAYF,EAAZE,aAAcC,EAAaH,EAAbG,cACzBC,EAAYC,EADHL,EAAPM,QAC+BX,GAEvC,OACEY,EACEC,cAAA,MAAA,CAAAb,IAAKS,EACLR,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,YAAWC,EAAKF,GAAAA,EAAOG,YAAcV,GAAiBN,GAAU,cACxEC,GAAcgB,EAAUC,EAAuBC,aAAcpB,GAC1EqB,KAAK,WACLC,SAAUhB,GAETH,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_6d64f39e80",virtualized:"virtualized_9ea93a20f3"};!function(e){const t="s_id-8e924ee64aa4_3_41_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader_6d64f39e80 {\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_6d64f39e80 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_6d64f39e80.virtualized_9ea93a20f3 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_6d64f39e80.virtualized_9ea93a20f3::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_71292351d8",virtualized:"virtualized_8975f0a3de"};!function(e){const t="s_id-8e924ee64aa4_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader_71292351d8 {\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_71292351d8 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_71292351d8.virtualized_8975f0a3de {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_71292351d8.virtualized_8975f0a3de::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/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 { SubIcon, VibeComponent, 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: VibeComponent<TableHeaderCellProps, HTMLDivElement> = 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\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,EAAuEC,GAC3E,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 { SubIcon, 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"}

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_334a9b7e02","focus-visible":"focus-visible_988e67fb06",sticky:"sticky_e999e1470c",sortActive:"sortActive_af831535c0",tableHeaderCellContent:"tableHeaderCellContent_da4721c693",icon:"icon_8c02dda899",infoTooltip:"infoTooltip_5c05a8541b",tableHeaderCellSort:"tableHeaderCellSort_abc86a59af",sort:"sort_7f0b9fafda",asc:"asc_3f50fc0bc4",desc:"desc_6c53bd0bf2",show:"show_12e029e614"};!function(e){const a="s_id-5b3eed132e11_3_41_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_334a9b7e02 {\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_334a9b7e02:focus-visible, .tableHeaderCell_334a9b7e02.focus-visible_988e67fb06 {\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_334a9b7e02:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.tableHeaderCell_334a9b7e02.sticky_e999e1470c {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_334a9b7e02.sticky_e999e1470c:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_334a9b7e02:hover, .tableHeaderCell_334a9b7e02.sortActive_af831535c0 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellContent_da4721c693 {\n  min-width: 0;\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellContent_da4721c693 .icon_8c02dda899 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellContent_da4721c693 .infoTooltip_5c05a8541b {\n  display: inline-flex;\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellSort_abc86a59af {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellSort_abc86a59af .sort_7f0b9fafda {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellSort_abc86a59af .sort_7f0b9fafda.asc_3f50fc0bc4, .tableHeaderCell_334a9b7e02 .tableHeaderCellSort_abc86a59af .sort_7f0b9fafda.desc_6c53bd0bf2 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_334a9b7e02 .tableHeaderCellSort_abc86a59af .sort_7f0b9fafda:not(.show_12e029e614) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_ef818d7944","focus-visible":"focus-visible_30e51b3368",sticky:"sticky_e00cfec45e",sortActive:"sortActive_a4b174023b",tableHeaderCellContent:"tableHeaderCellContent_88bd7c6df2",icon:"icon_37862902f2",infoTooltip:"infoTooltip_107bf139cb",tableHeaderCellSort:"tableHeaderCellSort_adafd694c1",sort:"sort_b88d552f57",asc:"asc_5585507a68",desc:"desc_cbd44bfeb8",show:"show_20abdc22f2"};!function(e){const l="s_id-5b3eed132e11_3_43_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell_ef818d7944 {\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_ef818d7944:focus-visible, .tableHeaderCell_ef818d7944.focus-visible_30e51b3368 {\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_ef818d7944:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.tableHeaderCell_ef818d7944.sticky_e00cfec45e {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_ef818d7944.sticky_e00cfec45e:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_ef818d7944:hover, .tableHeaderCell_ef818d7944.sortActive_a4b174023b {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellContent_88bd7c6df2 {\n  min-width: 0;\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellContent_88bd7c6df2 .icon_37862902f2 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellContent_88bd7c6df2 .infoTooltip_107bf139cb {\n  display: inline-flex;\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellSort_adafd694c1 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellSort_adafd694c1 .sort_b88d552f57 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellSort_adafd694c1 .sort_b88d552f57.asc_5585507a68, .tableHeaderCell_ef818d7944 .tableHeaderCellSort_adafd694c1 .sort_b88d552f57.desc_cbd44bfeb8 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_ef818d7944 .tableHeaderCellSort_adafd694c1 .sort_b88d552f57:not(.show_20abdc22f2) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport { TableCellProps } from \"../TableCell/TableCell\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableRow.module.scss\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\n\nexport interface TableRowProps extends VibeComponentProps {\n  /**\n   * If true, applies a highlighted style to the row.\n   */\n  highlighted?: boolean;\n  /**\n   * The child components inside the table row, typically `<TableCell />` elements.\n   */\n  children?: React.ReactElement<TableCellProps> | React.ReactElement<TableCellProps>[];\n  /**\n   * Custom styles applied to the table row.\n   */\n  style?: React.CSSProperties;\n}\n\nconst TableRow: VibeComponent<TableRowProps, HTMLDivElement> = forwardRef(\n  ({ highlighted, children, style, id, className, \"data-testid\": dataTestId }: TableRowProps, ref) => {\n    const componentRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(componentRef, ref);\n    const { onMouseOverRow, onMouseLeaveRow } = useTableRowMenu();\n\n    const onMouseEnter = useCallback(() => {\n      onMouseOverRow(componentRef);\n    }, [onMouseOverRow]);\n\n    return (\n      <div\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW, id)}\n        ref={mergedRef}\n        role=\"row\"\n        aria-selected={highlighted || false}\n        className={cx(styles.tableRow, className)}\n        style={style}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeaveRow}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableRow;\n"],"names":["TableRow","forwardRef","_ref","ref","highlighted","children","style","id","className","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useTableRowMenu","useTableRowMenu","onMouseOverRow","onMouseLeaveRow","onMouseEnter","useCallback","React","createElement","getTestId","ComponentDefaultTestId","TABLE_ROW","role","cx","styles","tableRow","onMouseLeave","tabIndex"],"mappings":"sYAyBMA,IAAAA,EAAyDC,GAC7D,SAAAC,EAA4FC,GAAO,IAAhGC,EAAWF,EAAXE,YAAaC,EAAQH,EAARG,SAAUC,EAAKJ,EAALI,MAAOC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eACxCQ,EAAeC,EAAuB,MACtCC,EAAYC,EAAYH,EAAcP,GAC5CW,EAA4CC,IAApCC,EAAcF,EAAdE,eAAgBC,EAAeH,EAAfG,gBAElBC,EAAeC,GAAY,WAC/BH,EAAeN,EACjB,GAAG,CAACM,IAEJ,OACEI,EAAAC,cAAA,MAAA,CACEd,GAAIA,EAAE,cACOE,GAAca,EAAUC,EAAuBC,UAAWjB,GACvEJ,IAAKS,EACLa,KAAK,MACU,gBAAArB,IAAe,EAC9BI,UAAWkB,EAAGC,EAAOC,SAAUpB,GAC/BF,MAAOA,EACPY,aAAcA,EACdW,aAAcZ,EACda,UAAW,GAEVzB,EAGP"}
+{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { TableCellProps } from \"../TableCell/TableCell\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableRow.module.scss\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\n\nexport interface TableRowProps extends VibeComponentProps {\n  /**\n   * If true, applies a highlighted style to the row.\n   */\n  highlighted?: boolean;\n  /**\n   * The child components inside the table row, typically `<TableCell />` elements.\n   */\n  children?: React.ReactElement<TableCellProps> | React.ReactElement<TableCellProps>[];\n  /**\n   * Custom styles applied to the table row.\n   */\n  style?: React.CSSProperties;\n}\n\nconst TableRow = forwardRef(\n  (\n    { highlighted, children, style, id, className, \"data-testid\": dataTestId }: TableRowProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(componentRef, ref);\n    const { onMouseOverRow, onMouseLeaveRow } = useTableRowMenu();\n\n    const onMouseEnter = useCallback(() => {\n      onMouseOverRow(componentRef);\n    }, [onMouseOverRow]);\n\n    return (\n      <div\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW, id)}\n        ref={mergedRef}\n        role=\"row\"\n        aria-selected={highlighted || false}\n        className={cx(styles.tableRow, className)}\n        style={style}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeaveRow}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableRow;\n"],"names":["TableRow","forwardRef","_ref","ref","highlighted","children","style","id","className","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useTableRowMenu","useTableRowMenu","onMouseOverRow","onMouseLeaveRow","onMouseEnter","useCallback","React","createElement","getTestId","ComponentDefaultTestId","TABLE_ROW","role","cx","styles","tableRow","onMouseLeave","tabIndex"],"mappings":"sYAyBMA,IAAAA,EAAWC,GACf,SAAAC,EAEEC,GACE,IAFAC,EAAWF,EAAXE,YAAaC,EAAQH,EAARG,SAAUC,EAAKJ,EAALI,MAAOC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAGzCQ,EAAeC,EAAuB,MACtCC,EAAYC,EAAYH,EAAcP,GAC5CW,EAA4CC,IAApCC,EAAcF,EAAdE,eAAgBC,EAAeH,EAAfG,gBAElBC,EAAeC,GAAY,WAC/BH,EAAeN,EACjB,GAAG,CAACM,IAEJ,OACEI,EAAAC,cAAA,MAAA,CACEd,GAAIA,EAAE,cACOE,GAAca,EAAUC,EAAuBC,UAAWjB,GACvEJ,IAAKS,EACLa,KAAK,MACU,gBAAArB,IAAe,EAC9BI,UAAWkB,EAAGC,EAAOC,SAAUpB,GAC/BF,MAAOA,EACPY,aAAcA,EACdW,aAAcZ,EACda,UAAW,GAEVzB,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_6d338d4636"};!function(e){const t="s_id-72a799b963ca_3_41_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_6d338d4636 {\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_6d338d4636[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_6d338d4636 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_6d338d4636:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_6d338d4636:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_fb9edaeb36"};!function(e){const t="s_id-72a799b963ca_3_43_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_fb9edaeb36 {\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_fb9edaeb36[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_fb9edaeb36 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_fb9edaeb36:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_fb9edaeb36: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/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js

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

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_a205c69225",withHeader:"withHeader_5412037d8e"};!function(e){const t="s_id-049f5e61a7a3_3_41_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_a205c69225 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_a205c69225.withHeader_5412037d8e {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_7827c483f8",withHeader:"withHeader_04d8757f3c"};!function(e){const t="s_id-049f5e61a7a3_3_43_0";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_7827c483f8 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_7827c483f8.withHeader_04d8757f3c {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_09e278d5e6",tabInner:"tabInner_3dfa2add0f",tabIcon:"tabIcon_463b328072",right:"right_c244d66e5e",tabFocusVisibleInset:"tabFocusVisibleInset_f27ce2e3fa",active:"active_df4326bf90",disabled:"disabled_4181f872b8"};!function(n){const e="s_id-e9e07df0e1ab_3_41_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_09e278d5e6 {\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\n.tabWrapper_09e278d5e6: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\n.tabWrapper_09e278d5e6 .tabInner_3dfa2add0f {\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\n.tabWrapper_09e278d5e6 .tabInner_3dfa2add0f:focus {\n  outline: none;\n}\n\n.tabWrapper_09e278d5e6 .tabInner_3dfa2add0f .tabIcon_463b328072 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_09e278d5e6 .tabInner_3dfa2add0f .tabIcon_463b328072.right_c244d66e5e {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_09e278d5e6.tabFocusVisibleInset_f27ce2e3fa {\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\n.tabWrapper_09e278d5e6.active_df4326bf90:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_09e278d5e6.disabled_4181f872b8 .tabInner_3dfa2add0f {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_09e278d5e6:not(.disabled_4181f872b8) .tabInner_3dfa2add0f:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_64e6e4210f",tabInner:"tabInner_9af0c1ffa1",tabIcon:"tabIcon_62ad6ba384",right:"right_01dd4a60d1",tabFocusVisibleInset:"tabFocusVisibleInset_9508708fa0",active:"active_f35839ad04",disabled:"disabled_dc66cd0925"};!function(n){const e="s_id-e9e07df0e1ab_3_43_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_64e6e4210f {\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\n.tabWrapper_64e6e4210f: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\n.tabWrapper_64e6e4210f .tabInner_9af0c1ffa1 {\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\n.tabWrapper_64e6e4210f .tabInner_9af0c1ffa1:focus {\n  outline: none;\n}\n\n.tabWrapper_64e6e4210f .tabInner_9af0c1ffa1 .tabIcon_62ad6ba384 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_64e6e4210f .tabInner_9af0c1ffa1 .tabIcon_62ad6ba384.right_01dd4a60d1 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_64e6e4210f.tabFocusVisibleInset_9508708fa0 {\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\n.tabWrapper_64e6e4210f.active_f35839ad04:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_64e6e4210f.disabled_dc66cd0925 .tabInner_9af0c1ffa1 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_64e6e4210f:not(.disabled_dc66cd0925) .tabInner_9af0c1ffa1: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/src/components/Tabs/TabList/TabList.module.scss.js

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_fb33ff5d58",tabsList:"tabsList_f08e67d44c",sm:"sm_da81b24ce5",lg:"lg_9b2b8f46e2",stretched:"stretched_57700d1124",tabListTabWrapper:"tabListTabWrapper_e013e1f128",tabListTabInner:"tabListTabInner_e013e1f128",disabled:"disabled_07cc4e6d13"};!function(e){const t="s_id-10f1ea92a898_3_41_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_fb33ff5d58 .tabsList_f08e67d44c {\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_fb33ff5d58 .tabsList_f08e67d44c.sm_da81b24ce5 {\n  height: 32px;\n}\n\n.tabsWrapper_fb33ff5d58 .tabsList_f08e67d44c.lg_9b2b8f46e2 {\n  height: 48px;\n}\n\n.tabsWrapper_fb33ff5d58.stretched_57700d1124 .tabsList_f08e67d44c {\n  width: 100%;\n}\n\n.tabsWrapper_fb33ff5d58.stretched_57700d1124 .tabsList_f08e67d44c .tabListTabWrapper_e013e1f128 {\n  width: 100%;\n}\n\n.tabsWrapper_fb33ff5d58.stretched_57700d1124 .tabsList_f08e67d44c .tabListTabWrapper_e013e1f128 .tabListTabInner_e013e1f128 {\n  width: 100%;\n}\n\n.tabsWrapper_fb33ff5d58.disabled_07cc4e6d13 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var t={tabsWrapper:"tabsWrapper_134726f733",tabsList:"tabsList_b67628753b",sm:"sm_b7417655b2",lg:"lg_5ef727b5a2",stretched:"stretched_544329a494",tabListTabWrapper:"tabListTabWrapper_a200991dcd",tabListTabInner:"tabListTabInner_a200991dcd",disabled:"disabled_062900751b"};!function(t){const e="s_id-10f1ea92a898_3_43_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper_134726f733 .tabsList_b67628753b {\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_134726f733 .tabsList_b67628753b.sm_b7417655b2 {\n  height: 32px;\n}\n\n.tabsWrapper_134726f733 .tabsList_b67628753b.lg_5ef727b5a2 {\n  height: 48px;\n}\n\n.tabsWrapper_134726f733.stretched_544329a494 .tabsList_b67628753b {\n  width: 100%;\n}\n\n.tabsWrapper_134726f733.stretched_544329a494 .tabsList_b67628753b .tabListTabWrapper_a200991dcd {\n  width: 100%;\n}\n\n.tabsWrapper_134726f733.stretched_544329a494 .tabsList_b67628753b .tabListTabWrapper_a200991dcd .tabListTabInner_a200991dcd {\n  width: 100%;\n}\n\n.tabsWrapper_134726f733.disabled_062900751b {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

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

package/dist/src/components/Tabs/TabPanels/TabPanels.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, { FC, forwardRef, ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps } from \"../../../types\";\nimport styles from \"./TabPanels.module.scss\";\n\nexport interface TabPanelsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active tab panel.\n   */\n  activeTabId?: number;\n  /**\n   * The animation direction when switching between tab panels.\n   */\n  animationDirection?: TabPanelsAnimationDirection;\n  /**\n   * The child elements representing tab panels.\n   */\n  children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];\n}\n\nconst TabPanels: FC<TabPanelsProps> & {\n  animationDirections?: typeof TabPanelsAnimationDirectionEnum;\n} = forwardRef(\n  (\n    { className, id, activeTabId = 0, animationDirection = \"rtl\", children, \"data-testid\": dataTestId }: TabPanelsProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const renderedTabs = useMemo(() => {\n      return React.Children.map(children, (child, index) => {\n        const isActiveTab = activeTabId === index;\n        if (!isActiveTab) return null;\n        const activeClass = isActiveTab ? \"active\" : \"non-active\";\n        const animationClass = isActiveTab ? `animation-direction-${animationDirection}` : \"\";\n        return React.cloneElement(child, {\n          index,\n          ...child.props,\n          className: cx(\n            styles.tabPanel,\n            [getStyle(styles, activeClass)],\n            [getStyle(styles, camelCase(animationClass))],\n            child.props.className\n          )\n        });\n      }).filter(Boolean);\n    }, [children, activeTabId, animationDirection]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabPanelsWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_PANELS, id)}\n      >\n        {renderedTabs}\n      </div>\n    );\n  }\n);\n\nObject.assign(TabPanels, {\n  isTabPanels: true\n});\n\nexport default withStaticProps(TabPanels, {\n  animationDirections: TabPanelsAnimationDirectionEnum\n});\n"],"names":["TabPanels","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","_ref$animationDirecti","animationDirection","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","renderedTabs","useMemo","React","Children","map","child","index","isActiveTab","activeClass","animationClass","concat","cloneElement","Object","assign","props","cx","styles","tabPanel","getStyle","camelCase","filter","Boolean","createElement","tabPanelsWrapper","getTestId","ComponentDefaultTestId","TAB_PANELS","isTabPanels","withStaticProps","animationDirections","TabPanelsAnimationDirectionEnum"],"mappings":"qiBA4BA,IAAMA,EAEFC,GACF,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAN,EAAEO,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAEE,EAAQR,EAARQ,SAAyBC,EAAUT,EAAzB,eAGlEU,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAC7BI,EAAeC,GAAQ,WAC3B,OAAOC,EAAMC,SAASC,IAAIV,GAAU,SAACW,EAAOC,GAC1C,IAAMC,EAAchB,IAAgBe,EACpC,IAAKC,EAAa,OAAO,KACzB,IAAMC,EAAcD,EAAc,SAAW,aACvCE,EAAiBF,EAAW,uBAAAG,OAA0BjB,GAAuB,GACnF,OAAOS,EAAMS,aAAaN,EACxBO,OAAAC,OAAAD,OAAAC,OAAA,CAAAP,MAAAA,GACGD,EAAMS,QACT1B,UAAW2B,EACTC,EAAOC,SACP,CAACC,EAASF,EAAQR,IAClB,CAACU,EAASF,EAAQG,EAAUV,KAC5BJ,EAAMS,MAAM1B,aAGlB,IAAGgC,OAAOC,QACX,GAAE,CAAC3B,EAAUH,EAAaE,IAE3B,OACES,EAAAoB,cAAA,MAAA,CACEnC,IAAKW,EACLV,UAAW2B,EAAGC,EAAOO,iBAAkBnC,GACvCC,GAAIA,EACS,cAAAM,GAAc6B,EAAUC,EAAuBC,WAAYrC,IAEvEW,EAGP,IAGFY,OAAOC,OAAO7B,EAAW,CACvB2C,aAAa,IAGf,IAAeC,EAAAA,EAAgB5C,EAAW,CACxC6C,oBAAqBC"}
+{"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, { forwardRef, ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { VibeComponentProps, withStaticProps } from \"../../../types\";\nimport styles from \"./TabPanels.module.scss\";\n\nexport interface TabPanelsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active tab panel.\n   */\n  activeTabId?: number;\n  /**\n   * The animation direction when switching between tab panels.\n   */\n  animationDirection?: TabPanelsAnimationDirection;\n  /**\n   * The child elements representing tab panels.\n   */\n  children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];\n}\n\nconst TabPanels = forwardRef(\n  (\n    { className, id, activeTabId = 0, animationDirection = \"rtl\", children, \"data-testid\": dataTestId }: TabPanelsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const renderedTabs = useMemo(() => {\n      return React.Children.map(children, (child, index) => {\n        const isActiveTab = activeTabId === index;\n        if (!isActiveTab) return null;\n        const activeClass = isActiveTab ? \"active\" : \"non-active\";\n        const animationClass = isActiveTab ? `animation-direction-${animationDirection}` : \"\";\n        return React.cloneElement(child, {\n          index,\n          ...child.props,\n          className: cx(\n            styles.tabPanel,\n            [getStyle(styles, activeClass)],\n            [getStyle(styles, camelCase(animationClass))],\n            child.props.className\n          )\n        });\n      }).filter(Boolean);\n    }, [children, activeTabId, animationDirection]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabPanelsWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_PANELS, id)}\n      >\n        {renderedTabs}\n      </div>\n    );\n  }\n);\n\nObject.assign(TabPanels, {\n  isTabPanels: true\n});\n\ninterface TabPanelsStaticProps {\n  animationDirections: typeof TabPanelsAnimationDirectionEnum;\n}\n\nexport default withStaticProps<TabPanelsProps, TabPanelsStaticProps>(TabPanels, {\n  animationDirections: TabPanelsAnimationDirectionEnum\n});\n"],"names":["TabPanels","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","_ref$animationDirecti","animationDirection","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","renderedTabs","useMemo","React","Children","map","child","index","isActiveTab","activeClass","animationClass","concat","cloneElement","Object","assign","props","cx","styles","tabPanel","getStyle","camelCase","filter","Boolean","createElement","tabPanelsWrapper","getTestId","ComponentDefaultTestId","TAB_PANELS","isTabPanels","withStaticProps","animationDirections","TabPanelsAnimationDirectionEnum"],"mappings":"qiBA2BA,IAAMA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAN,EAAEO,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAEE,EAAQR,EAARQ,SAAyBC,EAAUT,EAAzB,eAGlEU,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAC7BI,EAAeC,GAAQ,WAC3B,OAAOC,EAAMC,SAASC,IAAIV,GAAU,SAACW,EAAOC,GAC1C,IAAMC,EAAchB,IAAgBe,EACpC,IAAKC,EAAa,OAAO,KACzB,IAAMC,EAAcD,EAAc,SAAW,aACvCE,EAAiBF,EAAW,uBAAAG,OAA0BjB,GAAuB,GACnF,OAAOS,EAAMS,aAAaN,EACxBO,OAAAC,OAAAD,OAAAC,OAAA,CAAAP,MAAAA,GACGD,EAAMS,QACT1B,UAAW2B,EACTC,EAAOC,SACP,CAACC,EAASF,EAAQR,IAClB,CAACU,EAASF,EAAQG,EAAUV,KAC5BJ,EAAMS,MAAM1B,aAGlB,IAAGgC,OAAOC,QACX,GAAE,CAAC3B,EAAUH,EAAaE,IAE3B,OACES,EAAAoB,cAAA,MAAA,CACEnC,IAAKW,EACLV,UAAW2B,EAAGC,EAAOO,iBAAkBnC,GACvCC,GAAIA,EACS,cAAAM,GAAc6B,EAAUC,EAAuBC,WAAYrC,IAEvEW,EAGP,IAGFY,OAAOC,OAAO7B,EAAW,CACvB2C,aAAa,IAOf,IAAeC,EAAAA,EAAsD5C,EAAW,CAC9E6C,oBAAqBC"}

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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_e458e4183f",tabPanel:"tabPanel_b6778f3432",animationDirectionRtl:"animationDirectionRtl_a7cac52420",animationDirectionLtr:"animationDirectionLtr_6ef780f0ae",active:"active_cd79a392ac",panelSlideIn:"panelSlideIn_393f20db6d"};!function(e){const n="s_id-078bacbdb1e4_3_41_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tabPanelsWrapper_e458e4183f .tabPanel_b6778f3432 {\n  display: none;\n}\n\n.tabPanelsWrapper_e458e4183f .tabPanel_b6778f3432.animationDirectionRtl_a7cac52420 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_e458e4183f .tabPanel_b6778f3432.animationDirectionLtr_6ef780f0ae {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_e458e4183f .tabPanel_b6778f3432.active_cd79a392ac {\n  display: block;\n  animation: panelSlideIn_393f20db6d var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_393f20db6d {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper_b89075b3db",tabPanel:"tabPanel_a3f77976d0",animationDirectionRtl:"animationDirectionRtl_02d70a4fe0",animationDirectionLtr:"animationDirectionLtr_5695b57e23",active:"active_29704ca749",panelSlideIn:"panelSlideIn_cdb8404182"};!function(n){const e="s_id-078bacbdb1e4_3_43_0";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_b89075b3db .tabPanel_a3f77976d0 {\n  display: none;\n}\n\n.tabPanelsWrapper_b89075b3db .tabPanel_a3f77976d0.animationDirectionRtl_02d70a4fe0 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_b89075b3db .tabPanel_a3f77976d0.animationDirectionLtr_5695b57e23 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_b89075b3db .tabPanel_a3f77976d0.active_29704ca749 {\n  display: block;\n  animation: panelSlideIn_cdb8404182 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_cdb8404182 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { TextType, TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * The content inside the text component.\n   */\n  children: ReactNode;\n}\n\nconst Text: VibeComponent<TextProps, HTMLElement> & {\n  types?: typeof TextTypeEnum;\n  weights?: typeof TextWeightEnum;\n  colors?: typeof TypographyColorEnum;\n  align?: typeof TypographyAlignEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      type = \"text2\",\n      weight = \"normal\",\n      ellipsis,\n      element = \"div\",\n      children,\n      ...typographyProps\n    }: TextProps,\n    ref\n  ) => {\n    const overrideEllipsis = ellipsis ?? element !== \"p\";\n    return (\n      <Typography\n        ref={ref}\n        className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        ellipsis={overrideEllipsis}\n        element={element}\n        {...typographyProps}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\nexport default withStaticProps(Text, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum,\n  colors: TypographyColorEnum,\n  align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"mjBA8BA,IAiCeA,EAAAA,EA5BXC,GACF,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAGmC,CACnCa,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { TextType, TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * The content inside the text component.\n   */\n  children: ReactNode;\n}\n\nconst Text = forwardRef(\n  (\n    {\n      className,\n      type = \"text2\",\n      weight = \"normal\",\n      ellipsis,\n      element = \"div\",\n      children,\n      ...typographyProps\n    }: TextProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const overrideEllipsis = ellipsis ?? element !== \"p\";\n    return (\n      <Typography\n        ref={ref}\n        className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        ellipsis={overrideEllipsis}\n        element={element}\n        {...typographyProps}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\ninterface TextStaticProps {\n  types: typeof TextTypeEnum;\n  weights: typeof TextWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<TextProps, TextStaticProps>(Text, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum,\n  colors: TypographyColorEnum,\n  align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"mjBA6BA,IAmCeA,EAAAA,EAnCFC,GACX,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAU+D,CAC/Da,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_b34f1ed7ad",text1Medium:"text1Medium_e1a01393e8",text1Normal:"text1Normal_b22b95f4ce",text2Bold:"text2Bold_37ca1b9632",text2Medium:"text2Medium_39d1a5462f",text2Normal:"text2Normal_9c1c25f771",text3Bold:"text3Bold_2b7e4f8e04",text3Medium:"text3Medium_4a79a820df",text3Normal:"text3Normal_dbccb6af79",text:"text_0d4265c97c"};!function(t){const e="s_id-0b8dab5fe88c_3_41_0";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_b34f1ed7ad {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_e1a01393e8 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_b22b95f4ce {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_37ca1b9632 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_39d1a5462f {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_9c1c25f771 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_2b7e4f8e04 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_4a79a820df {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_dbccb6af79 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_0d4265c97c {\n  margin-block: 0;\n}\n\np.text_0d4265c97c + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_573c03e267",text1Medium:"text1Medium_03961a2f54",text1Normal:"text1Normal_7489b361e1",text2Bold:"text2Bold_e983c4ea67",text2Medium:"text2Medium_ebad930ded",text2Normal:"text2Normal_c320367d57",text3Bold:"text3Bold_cf0e7b6ff8",text3Medium:"text3Medium_bf2203e8ff",text3Normal:"text3Normal_b0172cb442",text:"text_97914874bb"};!function(t){const e="s_id-0b8dab5fe88c_3_43_0";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_573c03e267 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_03961a2f54 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7489b361e1 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_e983c4ea67 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_ebad930ded {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_c320367d57 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_cf0e7b6ff8 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_bf2203e8ff {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_b0172cb442 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_97914874bb {\n  margin-block: 0;\n}\n\np.text_97914874bb + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map