@vibe/core 3.60.0 → 3.61.1

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_a0500e8e9d",galleryHeaderDot:"galleryHeaderDot_9335900c40"};!function(e){const a="s_id-62748f4c4e74_3_59_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_a0500e8e9d {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_a0500e8e9d .galleryHeaderDot_9335900c40 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_a0500e8e9d .galleryHeaderDot_9335900c40:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_86c6ba7954",galleryHeaderDot:"galleryHeaderDot_e15e830f67"};!function(e){const a="s_id-62748f4c4e74_3_61_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_86c6ba7954 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_86c6ba7954 .galleryHeaderDot_e15e830f67 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_86c6ba7954 .galleryHeaderDot_e15e830f67: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_f061eec804"};!function(e){const t="s_id-918f12c2f9aa_3_59_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_f061eec804 {\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_3538e7699f"};!function(e){const t="s_id-918f12c2f9aa_3_61_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_3538e7699f {\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_5a3dfaf4dd"};!function(e){const t="s_id-126f9ab60838_3_59_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_5a3dfaf4dd {\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_735013131b"};!function(e){const t="s_id-126f9ab60838_3_61_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_735013131b {\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 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};
+import e,{forwardRef as a,useMemo as t}from"react";import s from"classnames";import i from"../../hooks/useSwitch/index.js";import r from"./Switch.module.scss.js";import{ComponentVibeId as l}from"../../tests/constants.js";var c=a((function(a,c){var n=a.id,o=a.name,d=a.value,m=a.role,h=a.disabled,u=a.ariaLabel,b=a.ariaLabelledBy,p=a.inputClassName,f=a.ariaControls,C=a.children,k=a.wrapperClassName,g=a["data-testid"],v=i({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),j=v.onChange,w=v.isChecked,E=t((function(){return e.cloneElement(C,Object.assign(Object.assign({},null==C?void 0:C.props),{checked:w}))}),[C,w]);return e.createElement("label",{htmlFor:n,className:k,"data-vibe":l.TOGGLE},e.createElement("input",{ref:c,id:n,"aria-controls":f,value:d,name:o,type:"checkbox",className:s(r["hidden-switch"],p),checked:w,role:m||"switch",onChange:j,disabled:h,"aria-label":u,"aria-labelledby":b,"aria-checked":w,"data-testid":g}),E)}));export{c 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, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type 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"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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} data-vibe={ComponentVibeId.TOGGLE}>\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","createElement","htmlFor","className","ComponentVibeId","TOGGLE","type","cx","styles"],"mappings":"6NAgEMA,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,EAAAK,cAAA,QAAA,CAAOC,QAAS7B,EAAI8B,UAAWnB,EAAgB,YAAaoB,EAAgBC,QAC1ET,EAAAK,cAAA,QAAA,CACE7B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACNgC,KAAK,WACLH,UAAWI,EAAGC,EAAO,iBAAkB5B,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_362b983822"};!function(e){const t="s_id-4506b47fa00c_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_362b983822 { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_ef5d5bb7c6"};!function(e){const t="s_id-4506b47fa00c_3_61_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_ef5d5bb7c6 { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={table:"table_52cebdf5e7",border:"border_990d1e2f35",virtualized:"virtualized_d334b5646e",hasScroll:"hasScroll_6076bfb875"};!function(e){const r="s_id-55eb48952bb4_3_59_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_52cebdf5e7 {\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_52cebdf5e7::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_52cebdf5e7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_52cebdf5e7.border_990d1e2f35 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_52cebdf5e7 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_52cebdf5e7 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_52cebdf5e7.virtualized_d334b5646e {\n  overflow: hidden;\n}\n.table_52cebdf5e7.hasScroll_6076bfb875 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
+var r={table:"table_d0fd85d520",border:"border_1c7a8d5347",virtualized:"virtualized_3c3d8f69c6",hasScroll:"hasScroll_bb1b6326f3"};!function(r){const o="s_id-55eb48952bb4_3_61_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}(".table_d0fd85d520 {\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_d0fd85d520::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_d0fd85d520::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_d0fd85d520.border_1c7a8d5347 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_d0fd85d520 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_d0fd85d520 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_d0fd85d520.virtualized_3c3d8f69c6 {\n  overflow: hidden;\n}\n.table_d0fd85d520.hasScroll_bb1b6326f3 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_0526f15353"};!function(e){const t="s_id-afed3a5f5737_3_59_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_0526f15353 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_cd0655ad45"};!function(e){const t="s_id-afed3a5f5737_3_61_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_cd0655ad45 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_ba39d79c2d",sticky:"sticky_33ba19c3bc"};!function(e){const t="s_id-25789b81dac4_3_59_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)}(".tableCell_ba39d79c2d {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_ba39d79c2d.sticky_33ba19c3bc {\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_21ca036e24",sticky:"sticky_e7c72a9412"};!function(e){const t="s_id-25789b81dac4_3_61_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_21ca036e24 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_21ca036e24.sticky_e7c72a9412 {\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_0526f15353",longText:"longText_4731f765f2",mediumText:"mediumText_312d14cdfe",tableCellSkeleton:"tableCellSkeleton_0526f15353",circle:"circle_68b07b48a3",rectangle:"rectangle_4b0d2316f5"};!function(e){const l="s_id-18cab9319884_3_59_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_0526f15353 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_0526f15353.longText_4731f765f2 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_0526f15353.mediumText_312d14cdfe {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_0526f15353 .tableCellSkeleton_0526f15353 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_0526f15353 .tableCellSkeleton_0526f15353.circle_68b07b48a3, .tableCellSkeletonWrapper_0526f15353 .tableCellSkeleton_0526f15353.rectangle_4b0d2316f5 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_0526f15353 .tableCellSkeleton_0526f15353.circle_68b07b48a3, .tableCellSkeletonWrapper_0526f15353 .tableCellSkeleton_0526f15353.rectangle_4b0d2316f5 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_cd0655ad45",longText:"longText_6224072356",mediumText:"mediumText_4b13a97cdd",tableCellSkeleton:"tableCellSkeleton_cd0655ad45",circle:"circle_b65f6945b7",rectangle:"rectangle_a83a923946"};!function(e){const l="s_id-18cab9319884_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_cd0655ad45 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_cd0655ad45.longText_6224072356 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_cd0655ad45.mediumText_4b13a97cdd {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_cd0655ad45 .tableCellSkeleton_cd0655ad45 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_cd0655ad45 .tableCellSkeleton_cd0655ad45.circle_b65f6945b7, .tableCellSkeletonWrapper_cd0655ad45 .tableCellSkeleton_cd0655ad45.rectangle_a83a923946 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_cd0655ad45 .tableCellSkeleton_cd0655ad45.circle_b65f6945b7, .tableCellSkeletonWrapper_cd0655ad45 .tableCellSkeleton_cd0655ad45.rectangle_a83a923946 {\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_2d66455a83",menuContainer:"menuContainer_597e82e35f"};!function(e){const n="s_id-c61f3446ce1a_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_2d66455a83 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_2d66455a83 .menuContainer_597e82e35f {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_b84187f896",menuContainer:"menuContainer_82f56c18b1"};!function(e){const n="s_id-c61f3446ce1a_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_b84187f896 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_b84187f896 .menuContainer_82f56c18b1 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_25d56ee471","focus-visible":"focus-visible_a0a0b58798",sticky:"sticky_33ba19c3bc",sortActive:"sortActive_924ffa7ed7",tableHeaderCellContent:"tableHeaderCellContent_7be153e287",icon:"icon_91d0506d41",infoTooltip:"infoTooltip_996d68f615",tableHeaderCellSort:"tableHeaderCellSort_f6af80f8b1",sort:"sort_6e48fce6e8",asc:"asc_dd73dacd00",desc:"desc_0884e33fc3",show:"show_50fbca64e7"};!function(e){const l="s_id-5b3eed132e11_3_59_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_25d56ee471 {\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_25d56ee471:focus-visible, .tableHeaderCell_25d56ee471.focus-visible_a0a0b58798 {\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_25d56ee471:focus:not(.focus-visible_a0a0b58798) {\n  outline: none;\n}\n.tableHeaderCell_25d56ee471.sticky_33ba19c3bc {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_25d56ee471.sticky_33ba19c3bc:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_25d56ee471:hover, .tableHeaderCell_25d56ee471.sortActive_924ffa7ed7 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellContent_7be153e287 {\n  min-width: 0;\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellContent_7be153e287 .icon_91d0506d41 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellContent_7be153e287 .infoTooltip_996d68f615 {\n  display: inline-flex;\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellSort_f6af80f8b1 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellSort_f6af80f8b1 .sort_6e48fce6e8 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellSort_f6af80f8b1 .sort_6e48fce6e8.asc_dd73dacd00, .tableHeaderCell_25d56ee471 .tableHeaderCellSort_f6af80f8b1 .sort_6e48fce6e8.desc_0884e33fc3 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_25d56ee471 .tableHeaderCellSort_f6af80f8b1 .sort_6e48fce6e8:not(.show_50fbca64e7) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_387a5b822b","focus-visible":"focus-visible_8b4f8382ab",sticky:"sticky_e7c72a9412",sortActive:"sortActive_73b69bbc2f",tableHeaderCellContent:"tableHeaderCellContent_9d9cf1a73d",icon:"icon_d3ac813ce3",infoTooltip:"infoTooltip_6254bf288c",tableHeaderCellSort:"tableHeaderCellSort_265a5dac0e",sort:"sort_05f0643325",asc:"asc_44d61d8782",desc:"desc_342b28b5ed",show:"show_86f4d50fd1"};!function(e){const a="s_id-5b3eed132e11_3_61_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_387a5b822b {\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_387a5b822b:focus-visible, .tableHeaderCell_387a5b822b.focus-visible_8b4f8382ab {\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_387a5b822b:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.tableHeaderCell_387a5b822b.sticky_e7c72a9412 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_387a5b822b.sticky_e7c72a9412:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_387a5b822b:hover, .tableHeaderCell_387a5b822b.sortActive_73b69bbc2f {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellContent_9d9cf1a73d {\n  min-width: 0;\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellContent_9d9cf1a73d .icon_d3ac813ce3 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellContent_9d9cf1a73d .infoTooltip_6254bf288c {\n  display: inline-flex;\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellSort_265a5dac0e {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellSort_265a5dac0e .sort_05f0643325 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellSort_265a5dac0e .sort_05f0643325.asc_44d61d8782, .tableHeaderCell_387a5b822b .tableHeaderCellSort_265a5dac0e .sort_05f0643325.desc_342b28b5ed {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_387a5b822b .tableHeaderCellSort_265a5dac0e .sort_05f0643325:not(.show_86f4d50fd1) {\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.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_2a3a358ebd"};!function(e){const a="s_id-72a799b963ca_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const l=document.createElement("style");l.id=a,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_2a3a358ebd {\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_2a3a358ebd[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_2a3a358ebd > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_2a3a358ebd:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_2a3a358ebd:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_e0a61c30ec"};!function(e){const t="s_id-72a799b963ca_3_61_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)}("/* stylelint-disable selector-class-pattern */\n.tableRow_e0a61c30ec {\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_e0a61c30ec[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_e0a61c30ec > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_e0a61c30ec:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_e0a61c30ec: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_84e18f7841",small:"small_4f8a784af9",medium:"medium_100a3c2ab2",large:"large_e0aa451c0d"};!function(e){const n="s_id-3e6ad01a6799_3_59_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)}(".rowMenuContainer_84e18f7841 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_84e18f7841.small_4f8a784af9 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_84e18f7841.medium_100a3c2ab2 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_84e18f7841.large_e0aa451c0d {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_d0c91b6ce3",small:"small_e57a154fe5",medium:"medium_ab4d28dbd8",large:"large_88de2d5ac0"};!function(e){const n="s_id-3e6ad01a6799_3_61_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_d0c91b6ce3 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_d0c91b6ce3.small_e57a154fe5 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_d0c91b6ce3.medium_ab4d28dbd8 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_d0c91b6ce3.large_88de2d5ac0 {\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_08346ff644",tableBodyItems:"tableBodyItems_827fb19371",withHeader:"withHeader_21011f0e4f"};!function(e){const t="s_id-f3eca674d9e8_3_59_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_08346ff644 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_08346ff644 .tableBodyItems_827fb19371::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_08346ff644 .tableBodyItems_827fb19371::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_08346ff644.withHeader_21011f0e4f {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_abd92403e2",tableBodyItems:"tableBodyItems_97faf4361c",withHeader:"withHeader_8e3ede5459"};!function(e){const t="s_id-f3eca674d9e8_3_61_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_abd92403e2 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_abd92403e2 .tableBodyItems_97faf4361c::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_abd92403e2 .tableBodyItems_97faf4361c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_abd92403e2.withHeader_8e3ede5459 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { type SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { type TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner tab content.\n   */\n  tabInnerClassName?: string;\n  /**\n   * The index value of the tab.\n   */\n  value?: number;\n  /**\n   * If true, disables the tab.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the tab as active.\n   */\n  active?: boolean;\n  /**\n   * If true, applies focus styles to the tab.\n   */\n  focus?: boolean;\n  /**\n   * If true, hides the individual tab border when using stretched underline.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The icon displayed in the tab.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconSide?: string;\n  /**\n   * Callback fired when the tab is clicked.\n   */\n  onClick?: (value: number) => void;\n  /**\n   * Props passed to the tab's tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The content displayed inside the tab.\n   */\n  children?: string | ReactElement | ReactElement[];\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n  (\n    {\n      className,\n      tabInnerClassName,\n      id,\n      value = 0,\n      disabled = false,\n      active = false,\n      focus = false,\n      stretchedUnderline = false,\n      onClick = NOOP,\n      tooltipProps = {} as TooltipProps,\n      icon,\n      iconType,\n      iconSide = \"left\",\n      children,\n      \"data-testid\": dataTestId\n    }: TabProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    function renderIconAndChildren() {\n      if (!icon) return children;\n\n      const iconElement = (\n        <Icon\n          ariaHidden={true}\n          iconType={iconType}\n          icon={icon}\n          className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n          iconSize={18}\n          ignoreFocusStyle\n        />\n      );\n\n      const childrenArray = React.Children.toArray(children);\n\n      if (iconSide === \"left\") {\n        return [iconElement, ...childrenArray];\n      }\n\n      return [...childrenArray, iconElement];\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        event.preventDefault();\n        !disabled && onClick(value);\n      }\n    }\n\n    return (\n      <Tooltip {...tooltipProps} content={tooltipProps.content}>\n        <li\n          ref={mergedRef}\n          key={id}\n          className={cx(styles.tabWrapper, className, {\n            [styles.active]: active,\n            [styles.disabled]: disabled,\n            [styles.tabFocusVisibleInset]: focus,\n            [styles.stretchedUnderline]: stretchedUnderline\n          })}\n          id={id}\n          role=\"tab\"\n          aria-selected={active}\n          aria-disabled={disabled}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n          data-vibe={ComponentVibeId.TAB}\n          onClick={() => !disabled && onClick(value)}\n          onKeyDown={handleKeyDown}\n        >\n          <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"yqBAkEMA,IAAAA,EAAoBC,GACxB,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eAII0B,EAAeC,EAAO,MACtBC,EAAYC,EAAY5B,EAAKyB,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAf,GAAcgB,QAAShB,EAAagB,UAC/CL,EAAAC,cAAA,KAAA,CACE9B,IAAK2B,EACLQ,IAAKhC,EACLF,UAAWmC,EAAGC,EAAOC,WAAYrC,EAASsC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO5B,OAASA,GAChB4B,EAAO9B,SAAWA,GAClB8B,EAAOG,qBAAuB7B,GAC9B0B,EAAOxB,mBAAqBA,IAE/BV,GAAIA,EACJsC,KAAK,MAAK,gBACKhC,EACA,gBAAAF,gBACFiB,GAAckB,EAAUC,EAAuBC,IAAKzC,GAAG,YACzD0C,EAAgBD,IAC3B7B,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1CyC,UAzBN,SAAuBC,GACjBA,EAAMZ,MAAQa,EAASC,OAASF,EAAMZ,MAAQa,EAASE,QACzDH,EAAMI,kBACL5C,GAAYQ,EAAQV,GAEzB,GAsBMwB,EAAAC,cAAA,MAAA,CAAK7B,UAAWmC,EAAGC,EAAOe,SAAUlD,IAlD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAM8B,EACJxB,gBAACyB,EAAI,CACHC,YAAY,EACZnC,SAAUA,EACVD,KAAMA,EACNlB,UAAWmC,EAAGC,EAAOmB,QAASC,EAASpB,EAAQf,IAC/CoC,SAAU,GACVC,kBAAgB,IAIdC,EAAgB/B,EAAMgC,SAASC,QAAQvC,GAE7C,MAAiB,SAAbD,EACF,CAAQ+B,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA6B+DY,KAIjE"}
+{"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { type SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { type TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner tab content.\n   */\n  tabInnerClassName?: string;\n  /**\n   * The index value of the tab.\n   */\n  value?: number;\n  /**\n   * If true, disables the tab.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the tab as active.\n   */\n  active?: boolean;\n  /**\n   * If true, applies focus styles to the tab.\n   */\n  focus?: boolean;\n  /**\n   * If true, hides the individual tab border when using stretched underline.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The icon displayed in the tab.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconSide?: string;\n  /**\n   * Callback fired when the tab is clicked.\n   */\n  onClick?: (value: number) => void;\n  /**\n   * Props passed to the tab's tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The content displayed inside the tab.\n   */\n  children?: string | ReactElement | ReactElement[];\n  /**\n   * Tab index for focus management.\n   */\n  tabIndex?: number;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n  (\n    {\n      className,\n      tabInnerClassName,\n      id,\n      value = 0,\n      disabled = false,\n      active = false,\n      focus = false,\n      stretchedUnderline = false,\n      onClick = NOOP,\n      tooltipProps = {} as TooltipProps,\n      icon,\n      iconType,\n      iconSide = \"left\",\n      children,\n      \"data-testid\": dataTestId,\n      tabIndex\n    }: TabProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    function renderIconAndChildren() {\n      if (!icon) return children;\n\n      const iconElement = (\n        <Icon\n          ariaHidden={true}\n          iconType={iconType}\n          icon={icon}\n          className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n          iconSize={18}\n          ignoreFocusStyle\n        />\n      );\n\n      const childrenArray = React.Children.toArray(children);\n\n      if (iconSide === \"left\") {\n        return [iconElement, ...childrenArray];\n      }\n\n      return [...childrenArray, iconElement];\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        event.preventDefault();\n        !disabled && onClick(value);\n      }\n    }\n\n    return (\n      <Tooltip {...tooltipProps} content={tooltipProps.content}>\n        <li\n          ref={mergedRef}\n          key={id}\n          className={cx(styles.tabWrapper, className, {\n            [styles.active]: active,\n            [styles.disabled]: disabled,\n            [styles.tabFocusVisibleInset]: focus,\n            [styles.stretchedUnderline]: stretchedUnderline\n          })}\n          id={id}\n          role=\"tab\"\n          aria-selected={active}\n          aria-disabled={disabled}\n          tabIndex={tabIndex}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n          data-vibe={ComponentVibeId.TAB}\n          onClick={() => !disabled && onClick(value)}\n          onKeyDown={handleKeyDown}\n        >\n          <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"yqBAsEMA,IAAAA,EAAoBC,GACxB,SAAAC,EAmBEC,GACE,IAlBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAhB,GAAciB,QAASjB,EAAaiB,UAC/CL,EAAAC,cAAA,KAAA,CACE/B,IAAK4B,EACLQ,IAAKjC,EACLF,UAAWoC,EAAGC,EAAOC,WAAYtC,EAASuC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO7B,OAASA,GAChB6B,EAAO/B,SAAWA,GAClB+B,EAAOG,qBAAuB9B,GAC9B2B,EAAOzB,mBAAqBA,IAE/BV,GAAIA,EACJuC,KAAK,MACU,gBAAAjC,kBACAF,EACfkB,SAAUA,gBACGD,GAAcmB,EAAUC,EAAuBC,IAAK1C,GACtD,YAAA2C,EAAgBD,IAC3B9B,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C0C,UA1BN,SAAuBC,GACjBA,EAAMZ,MAAQa,EAASC,OAASF,EAAMZ,MAAQa,EAASE,QACzDH,EAAMI,kBACL7C,GAAYQ,EAAQV,GAEzB,GAuBMyB,EAAAC,cAAA,MAAA,CAAK9B,UAAWoC,EAAGC,EAAOe,SAAUnD,IAnD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAM+B,EACJxB,gBAACyB,EAAI,CACHC,YAAY,EACZpC,SAAUA,EACVD,KAAMA,EACNlB,UAAWoC,EAAGC,EAAOmB,QAASC,EAASpB,EAAQhB,IAC/CqC,SAAU,GACVC,kBAAgB,IAIdC,EAAgB/B,EAAMgC,SAASC,QAAQxC,GAE7C,MAAiB,SAAbD,EACF,CAAQgC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA8B+DY,KAIjE"}

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

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

package/dist/src/components/Tabs/TabList/TabList.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import{camelCase as s}from"lodash-es";import i,{forwardRef as n,useRef as o,useState as a,useEffect as l,useMemo as d,useCallback as c}from"react";import m from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import u from"../../../hooks/useMergeRef.js";import p from"../../../hooks/usePrevious/index.js";import{NOOP as f}from"../../../utils/function-utils.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var C=n((function(n,C){var g=n.className,N=n.id,T=n.onTabChange,j=void 0===T?f:T,y=n.activeTabId,L=void 0===y?0:y,k=n.tabType,x=void 0===k?"Compact":k,A=n.size,E=n.stretchedUnderline,B=void 0!==E&&E,P=n.children,S=n["data-testid"],U=o(null),_=u(C,U),G=a(L),H=e(G,2),K=H[0],M=H[1],O=p(L);l((function(){L!==O&&L!==K&&M(L)}),[L,O,K,M]);var W=d((function(){var e=new Set;return i.Children.forEach(P,(function(t,r){t.props.disabled&&e.add(r)})),e}),[P]),w=c((function(e){W.has(e)||(M(e),j&&j(e))}),[j,W]),z=c((function(e,t){var r,s=null===(r=P[t].props)||void 0===r?void 0:r.onClick;W.has(t)||(s&&s(t),w(t))}),[P,W,w]),R=c((function(e){return P[e]}),[P]),q=d((function(){return Array.from(W)}),[W]),D=o(),F=m({ref:D,numberOfItemsInLine:null==P?void 0:P.length,itemsCount:null==P?void 0:P.length,getItemByIndex:R,onItemClicked:z,disabledIndexes:q,circularNavigation:!0}),J=F.activeIndex,Q=F.onSelectionAction,V=d((function(){return i.Children.map(P,(function(e,t){return i.cloneElement(e,{value:t,active:K===t,focus:J===t,onClick:Q,stretchedUnderline:B,className:r(I.tabListTabWrapper,e.props.className),tabInnerClassName:r(I.tabListTabInner,e.props.tabInnerClassName)})}))}),[P,K,J,Q,B]);return i.createElement("div",{ref:_,className:r(I.tabsWrapper,g,[h(I,s(x))],t({},I.stretchedUnderline,B)),id:N,"data-testid":S||v(b.TAB_LIST,N)},i.createElement("ul",{ref:D,tabIndex:0,className:r(I.tabsList,[h(I,A)]),role:"tablist"},V))}));Object.assign(C,{isTabList:!0});export{C as default};
+import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as n}from"lodash-es";import i,{forwardRef as o,useRef as s,useState as a,useEffect as l,useMemo as d,useCallback as c}from"react";import u from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/useMergeRef.js";import f from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var C=o((function(o,C){var g=o.className,N=o.id,T=o.onTabChange,j=void 0===T?p:T,y=o.activeTabId,L=void 0===y?0:y,k=o.tabType,x=void 0===k?"Compact":k,A=o.size,E=o.stretchedUnderline,B=void 0!==E&&E,P=o.children,S=o["data-testid"],U=s(null),_=m(C,U),G=s({}),H=a(L),K=e(H,2),M=K[0],O=K[1],W=f(L),w=f(M);l((function(){L!==W&&L!==M&&O(L)}),[L,W,M,O]),l((function(){var e;void 0!==w&&w!==M&&G.current[M]&&(null===(e=G.current[M])||void 0===e||e.focus())}),[M,w]);var z=d((function(){var e=new Set;return i.Children.forEach(P,(function(r,t){r.props.disabled&&e.add(t)})),e}),[P]),R=c((function(e){z.has(e)||(O(e),j&&j(e))}),[j,z]),q=c((function(e,r){var t,n=null===(t=P[r].props)||void 0===t?void 0:t.onClick;z.has(r)||(n&&n(r),R(r))}),[P,z,R]),D=c((function(e){return P[e]}),[P]),F=d((function(){return Array.from(z)}),[z]),J=s(),Q=u({ref:J,numberOfItemsInLine:null==P?void 0:P.length,itemsCount:null==P?void 0:P.length,getItemByIndex:D,onItemClicked:q,disabledIndexes:F,circularNavigation:!0}),V=Q.activeIndex,X=Q.onSelectionAction,Y=f(V);l((function(){var e;void 0!==V&&V>=0&&Y!==V&&G.current[V]&&(null===(e=G.current[V])||void 0===e||e.focus())}),[V,Y]);var Z=d((function(){return i.Children.map(P,(function(e,r){var n=M===r,o=void 0===V||0>V?n:V===r;return i.cloneElement(e,{value:r,active:n,focus:V===r,onClick:X,stretchedUnderline:B,className:t(I.tabListTabWrapper,e.props.className),tabInnerClassName:t(I.tabListTabInner,e.props.tabInnerClassName),tabIndex:o?0:-1,ref:function(e){G.current[r]=e}})}))}),[P,M,V,X,B,N]);return i.createElement("div",{ref:_,className:t(I.tabsWrapper,g,[h(I,n(x))],r({},I.stretchedUnderline,B)),id:N,"data-testid":S||v(b.TAB_LIST,N)},i.createElement("ul",{ref:J,className:t(I.tabsList,[h(I,A)]),role:"tablist"},Z))}));Object.assign(C,{isTabList:!0});export{C as default};
 //# sourceMappingURL=TabList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, {\n  type FC,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n  /**\n   * Callback fired when the active tab changes.\n   */\n  onTabChange?: (tabId: number) => void;\n  /**\n   * The index of the currently active tab.\n   */\n  activeTabId?: number;\n  /**\n   * The type of tab style.\n   */\n  tabType?: string;\n  /**\n   * The size of the tab list.\n   */\n  size?: string;\n  /**\n   * If true, Sets an E2E underline under the whole tabs component.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The child elements representing tabs.\n   */\n  children?: ReactElement<TabProps>[];\n}\n\nconst TabList: FC<TabListProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      onTabChange = NOOP,\n      activeTabId = 0,\n      tabType = \"Compact\",\n      size,\n      stretchedUnderline = false,\n      children,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n    const prevActiveTabIdProp = usePrevious(activeTabId);\n\n    useEffect(() => {\n      // Update active tab if changed from props\n      if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n        setActiveTabState(activeTabId);\n      }\n    }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n    const disabledTabIds = useMemo(() => {\n      const disabledIds = new Set<number>();\n      React.Children.forEach(children, (child, index) => {\n        if (child.props.disabled) {\n          disabledIds.add(index);\n        }\n      });\n      return disabledIds;\n    }, [children]);\n\n    const onTabSelect = useCallback(\n      (tabId: number) => {\n        if (disabledTabIds.has(tabId)) return;\n        setActiveTabState(tabId);\n        onTabChange && onTabChange(tabId);\n      },\n      [onTabChange, disabledTabIds]\n    );\n\n    const onTabClick = useCallback(\n      (value: HTMLElement | void, tabId: number) => {\n        const tabCallbackFunc = children[tabId].props?.onClick;\n        if (disabledTabIds.has(tabId)) return;\n        if (tabCallbackFunc) tabCallbackFunc(tabId);\n        onTabSelect(tabId);\n      },\n      [children, disabledTabIds, onTabSelect]\n    );\n\n    const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n    const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n    const ulRef = useRef();\n    const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n      ref: ulRef,\n      numberOfItemsInLine: children?.length,\n      itemsCount: children?.length,\n      getItemByIndex,\n      onItemClicked: onTabClick,\n      disabledIndexes,\n      circularNavigation: true\n    });\n\n    const tabsToRender = useMemo(() => {\n      const childrenToRender = React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          value: index,\n          active: activeTabState === index,\n          focus: focusIndex === index,\n          onClick: onSelectionAction,\n          stretchedUnderline,\n          className: cx(styles.tabListTabWrapper, child.props.className),\n          tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName)\n        });\n      });\n      return childrenToRender;\n    }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n          [styles.stretchedUnderline]: stretchedUnderline\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n      >\n        <ul ref={ulRef} tabIndex={0} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n          {tabsToRender}\n        </ul>\n      </div>\n    );\n  }\n);\n\nObject.assign(TabList, {\n  isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","useEffect","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","_a","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","tabsToRender","map","cloneElement","active","focus","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabIndex","tabsList","role","Object","assign","isTabList"],"mappings":"msBAiDMA,IAAAA,EAA4BC,GAChC,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,mBAAAA,OAAqB,IAAHD,GAAQA,EAC1BE,EAAQd,EAARc,SACeC,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAEnCI,EAA4CC,EAAiBb,GAAYc,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYnB,GAExCoB,GAAU,WAEJpB,IAAgBkB,GAAuBlB,IAAgBgB,GACzDC,EAAkBjB,EAErB,GAAE,CAACA,EAAakB,EAAqBF,EAAgBC,IAEtD,IAAMI,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQrB,GAAU,SAACsB,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACjB,IAEE2B,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBlB,EAAkBkB,GAClBtC,GAAeA,EAAYsC,GAC7B,GACA,CAACtC,EAAawB,IAGVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBC,EAAAlC,EAAS6B,GAAOL,aAAO,IAAAU,OAAA,EAAAA,EAAAC,QAC3CpB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAAC7B,EAAUe,EAAgBY,IAGvBS,EAAiBR,GAAY,SAACL,GAAa,OAA6BvB,EAASuB,KAAQ,CAACvB,IAC1FqC,EAAkBrB,GAAQ,WAAA,OAAMsB,MAAMC,KAAKxB,KAAiB,CAACA,IAC7DyB,EAAQrC,IACdsC,EAAuDC,EAA0B,CAC/EvD,IAAKqD,EACLG,oBAAqB3C,aAAA,EAAAA,EAAU4C,OAC/BC,WAAY7C,aAAA,EAAAA,EAAU4C,OACtBR,eAAAA,EACAU,cAAef,EACfM,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAU3BC,EAAenC,GAAQ,WAY3B,OAXyBG,EAAMC,SAASgC,IAAIpD,GAAU,SAACsB,EAAOC,GAC5D,OAAOJ,EAAMkC,aAAa/B,EAAO,CAC/BU,MAAOT,EACP+B,OAAQ5C,IAAmBa,EAC3BgC,MAAOP,IAAezB,EACtBY,QAASe,EACTnD,mBAAAA,EACAX,UAAWoE,EAAGC,EAAOC,kBAAmBpC,EAAME,MAAMpC,WACpDuE,kBAAmBH,EAAGC,EAAOG,gBAAiBtC,EAAME,MAAMmC,oBAE9D,GAEF,GAAG,CAAC3D,EAAUU,EAAgBsC,EAAYE,EAAmBnD,IAE7D,OACEoB,EACE0C,cAAA,MAAA,CAAA1E,IAAKiB,EACLhB,UAAWoE,EAAGC,EAAOK,YAAa1E,EAAW,CAAC2E,EAASN,EAAQO,EAAUpE,KAAUqE,EAChFR,CAAAA,EAAAA,EAAO1D,mBAAqBA,IAE/BV,GAAIA,gBACSY,GAAciE,EAAUC,EAAuBC,SAAU/E,IAEtE8B,EAAA0C,cAAA,KAAA,CAAI1E,IAAKqD,EAAO6B,SAAU,EAAGjF,UAAWoE,EAAGC,EAAOa,SAAU,CAACP,EAASN,EAAQ5D,KAAS0E,KAAK,WACzFpB,GAIT,IAGFqB,OAAOC,OAAOzF,EAAS,CACrB0F,WAAW"}
+{"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, {\n  type FC,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n  /**\n   * Callback fired when the active tab changes.\n   */\n  onTabChange?: (tabId: number) => void;\n  /**\n   * The index of the currently active tab.\n   */\n  activeTabId?: number;\n  /**\n   * The type of tab style.\n   */\n  tabType?: string;\n  /**\n   * The size of the tab list.\n   */\n  size?: string;\n  /**\n   * If true, Sets an E2E underline under the whole tabs component.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The child elements representing tabs.\n   */\n  children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      onTabChange = NOOP,\n      activeTabId = 0,\n      tabType = \"Compact\",\n      size,\n      stretchedUnderline = false,\n      children,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const tabRefs = useRef<Record<number, HTMLElement | null>>({});\n\n    const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n    const prevActiveTabIdProp = usePrevious(activeTabId);\n    const prevActiveTabState = usePrevious(activeTabState);\n\n    useEffect(() => {\n      // Update active tab if changed from props\n\n      if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n        setActiveTabState(activeTabId);\n      }\n    }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n    // Focus management: when activeTabState changes, focus the active tab\n    useEffect(() => {\n      if (\n        prevActiveTabState !== undefined &&\n        prevActiveTabState !== activeTabState &&\n        tabRefs.current[activeTabState]\n      ) {\n        tabRefs.current[activeTabState]?.focus();\n      }\n    }, [activeTabState, prevActiveTabState]);\n\n    const disabledTabIds = useMemo(() => {\n      const disabledIds = new Set<number>();\n      React.Children.forEach(children, (child, index) => {\n        if (child.props.disabled) {\n          disabledIds.add(index);\n        }\n      });\n      return disabledIds;\n    }, [children]);\n    const onTabSelect = useCallback(\n      (tabId: number) => {\n        if (disabledTabIds.has(tabId)) return;\n        setActiveTabState(tabId);\n        onTabChange && onTabChange(tabId);\n      },\n      [onTabChange, disabledTabIds]\n    );\n    const onTabClick = useCallback(\n      (value: HTMLElement | void, tabId: number) => {\n        const tabCallbackFunc = children[tabId].props?.onClick;\n        if (disabledTabIds.has(tabId)) return;\n        if (tabCallbackFunc) tabCallbackFunc(tabId);\n        onTabSelect(tabId);\n      },\n      [children, disabledTabIds, onTabSelect]\n    );\n    const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n    const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n    const ulRef = useRef();\n    const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n      ref: ulRef,\n      numberOfItemsInLine: children?.length,\n      itemsCount: children?.length,\n      getItemByIndex,\n      onItemClicked: onTabClick,\n      disabledIndexes,\n      circularNavigation: true\n    });\n\n    // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n    const prevFocusIndex = usePrevious(focusIndex);\n    useEffect(() => {\n      if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n        tabRefs.current[focusIndex]?.focus();\n      }\n    }, [focusIndex, prevFocusIndex]);\n\n    const tabsToRender = useMemo(() => {\n      const childrenToRender = React.Children.map(children, (child, index) => {\n        const isActive = activeTabState === index;\n\n        const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n        return React.cloneElement(child, {\n          value: index,\n          active: isActive,\n          focus: focusIndex === index,\n          onClick: onSelectionAction,\n          stretchedUnderline,\n          className: cx(styles.tabListTabWrapper, child.props.className),\n          tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n          tabIndex: shouldBeFocusable ? 0 : -1,\n          ref: (element: HTMLElement | null) => {\n            tabRefs.current[index] = element;\n          }\n        } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n      });\n      return childrenToRender;\n    }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, id]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n          [styles.stretchedUnderline]: stretchedUnderline\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n      >\n        <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n          {tabsToRender}\n        </ul>\n      </div>\n    );\n  }\n);\nObject.assign(TabList, {\n  isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"msBAgDMA,IAAAA,EAA4BC,GAChC,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,mBAAAA,OAAqB,IAAHD,GAAQA,EAC1BE,EAAQd,EAARc,SACeC,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAUH,EAA2C,CAAA,GAE3DI,EAA4CC,EAAiBd,GAAYe,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYpB,GAClCqB,EAAqBD,EAAYH,GAEvCK,GAAU,WAGJtB,IAAgBmB,GAAuBnB,IAAgBiB,GACzDC,EAAkBlB,EAErB,GAAE,CAACA,EAAamB,EAAqBF,EAAgBC,IAGtDI,GAAU,sBAEiBC,IAAvBF,GACAA,IAAuBJ,GACvBL,EAAQY,QAAQP,KAEe,QAA/BQ,EAAAb,EAAQY,QAAQP,UAAe,IAAAQ,GAAAA,EAAEC,QAErC,GAAG,CAACT,EAAgBI,IAEpB,IAAMM,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACvB,IACEiC,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBvB,EAAkBuB,GAClB5C,GAAeA,EAAY4C,GAC7B,GACA,CAAC5C,EAAa8B,IAEVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBpB,EAAAnB,EAASmC,GAAOL,aAAO,IAAAX,OAAA,EAAAA,EAAAqB,QAC3CnB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAACnC,EAAUqB,EAAgBY,IAEvBQ,EAAiBP,GAAY,SAACL,GAAa,OAA6B7B,EAAS6B,KAAQ,CAAC7B,IAC1F0C,EAAkBpB,GAAQ,WAAA,OAAMqB,MAAMC,KAAKvB,KAAiB,CAACA,IAC7DwB,EAAQ1C,IACd2C,EAAuDC,EAA0B,CAC/E5D,IAAK0D,EACLG,oBAAqBhD,aAAA,EAAAA,EAAUiD,OAC/BC,WAAYlD,aAAA,EAAAA,EAAUiD,OACtBR,eAAAA,EACAU,cAAed,EACfK,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAW3BC,EAAiB1C,EAAYuC,GACnCrC,GAAU,sBACWC,IAAfoC,GAA4BA,GAAc,GAAKG,IAAmBH,GAAc/C,EAAQY,QAAQmC,KACvE,QAA3BlC,EAAAb,EAAQY,QAAQmC,UAAW,IAAAlC,GAAAA,EAAEC,QAEjC,GAAG,CAACiC,EAAYG,IAEhB,IAAMC,EAAenC,GAAQ,WAoB3B,OAnByBG,EAAMC,SAASgC,IAAI1D,GAAU,SAAC4B,EAAOC,GAC5D,IAAM8B,EAAWhD,IAAmBkB,EAE9B+B,OAAmC3C,IAAfoC,GAA0C,EAAdA,EAAyCM,EAAvBN,IAAexB,EAEvF,OAAOJ,EAAMoC,aAAajC,EAAO,CAC/BU,MAAOT,EACPiC,OAAQH,EACRvC,MAAOiC,IAAexB,EACtBW,QAASe,EACTxD,mBAAAA,EACAX,UAAW2E,EAAGC,EAAOC,kBAAmBrC,EAAME,MAAM1C,WACpD8E,kBAAmBH,EAAGC,EAAOG,gBAAiBvC,EAAME,MAAMoC,mBAC1DE,SAAUR,EAAoB,GAAK,EACnCzE,IAAK,SAACkF,GACJ/D,EAAQY,QAAQW,GAASwC,CAC3B,GAEJ,GAEF,GAAG,CAACrE,EAAUW,EAAgB0C,EAAYE,EAAmBxD,EAAoBV,IAEjF,OACEoC,EACE6C,cAAA,MAAA,CAAAnF,IAAKiB,EACLhB,UAAW2E,EAAGC,EAAOO,YAAanF,EAAW,CAACoF,EAASR,EAAQS,EAAU7E,KAAU8E,EAChFV,CAAAA,EAAAA,EAAOjE,mBAAqBA,IAE/BV,GAAIA,gBACSY,GAAc0E,EAAUC,EAAuBC,SAAUxF,IAEtEoC,EAAA6C,cAAA,KAAA,CAAInF,IAAK0D,EAAOzD,UAAW2E,EAAGC,EAAOc,SAAU,CAACN,EAASR,EAAQnE,KAASkF,KAAK,WAC5EtB,GAIT,IAEFuB,OAAOC,OAAOjG,EAAS,CACrBkG,WAAW"}

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

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_03d4c31225",tabsList:"tabsList_cfe7fedbdd",sm:"sm_ad06d06b57",lg:"lg_3f8cd8f75f",stretched:"stretched_4d7951b98c",tabListTabWrapper:"tabListTabWrapper_c24572023f",tabListTabInner:"tabListTabInner_c24572023f",disabled:"disabled_657cb24d1b",stretchedUnderline:"stretchedUnderline_cbd25bbf47"};!function(e){const t="s_id-1dd2e005bc2f_3_59_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)}(".tabsWrapper_03d4c31225 .tabsList_cfe7fedbdd {\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_03d4c31225 .tabsList_cfe7fedbdd.sm_ad06d06b57 {\n  height: 32px;\n}\n\n.tabsWrapper_03d4c31225 .tabsList_cfe7fedbdd.lg_3f8cd8f75f {\n  height: 48px;\n}\n\n.tabsWrapper_03d4c31225.stretched_4d7951b98c .tabsList_cfe7fedbdd {\n  width: 100%;\n}\n\n.tabsWrapper_03d4c31225.stretched_4d7951b98c .tabsList_cfe7fedbdd .tabListTabWrapper_c24572023f {\n  width: 100%;\n}\n\n.tabsWrapper_03d4c31225.stretched_4d7951b98c .tabsList_cfe7fedbdd .tabListTabWrapper_c24572023f .tabListTabInner_c24572023f {\n  width: 100%;\n}\n\n.tabsWrapper_03d4c31225.disabled_657cb24d1b {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_03d4c31225.stretchedUnderline_cbd25bbf47 {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_b398c7290b",tabsList:"tabsList_2dba4d0e27",sm:"sm_97a09b1bfc",lg:"lg_da82d79011",stretched:"stretched_9d4af52b16",tabListTabWrapper:"tabListTabWrapper_f2ae9cfae2",tabListTabInner:"tabListTabInner_f2ae9cfae2",disabled:"disabled_baf48089a9",stretchedUnderline:"stretchedUnderline_91ccd34e33"};!function(e){const t="s_id-1dd2e005bc2f_3_61_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)}(".tabsWrapper_b398c7290b .tabsList_2dba4d0e27 {\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_b398c7290b .tabsList_2dba4d0e27.sm_97a09b1bfc {\n  height: 32px;\n}\n\n.tabsWrapper_b398c7290b .tabsList_2dba4d0e27.lg_da82d79011 {\n  height: 48px;\n}\n\n.tabsWrapper_b398c7290b.stretched_9d4af52b16 .tabsList_2dba4d0e27 {\n  width: 100%;\n}\n\n.tabsWrapper_b398c7290b.stretched_9d4af52b16 .tabsList_2dba4d0e27 .tabListTabWrapper_f2ae9cfae2 {\n  width: 100%;\n}\n\n.tabsWrapper_b398c7290b.stretched_9d4af52b16 .tabsList_2dba4d0e27 .tabListTabWrapper_f2ae9cfae2 .tabListTabInner_f2ae9cfae2 {\n  width: 100%;\n}\n\n.tabsWrapper_b398c7290b.disabled_baf48089a9 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_b398c7290b.stretchedUnderline_91ccd34e33 {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e 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_0884e33fc3"};!function(e){const t="s_id-82244d4a2f7b_3_59_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_0884e33fc3 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_342b28b5ed"};!function(e){const t="s_id-82244d4a2f7b_3_61_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_342b28b5ed {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_c6e5a1440c",tabPanel:"tabPanel_1a2f8dd354",animationDirectionRtl:"animationDirectionRtl_7ee7e57fa4",animationDirectionLtr:"animationDirectionLtr_7292d534d6",active:"active_2fcdc59faa",panelSlideIn:"panelSlideIn_10ff9b6fe4"};!function(e){const a="s_id-078bacbdb1e4_3_59_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabPanelsWrapper_c6e5a1440c .tabPanel_1a2f8dd354 {\n  display: none;\n}\n\n.tabPanelsWrapper_c6e5a1440c .tabPanel_1a2f8dd354.animationDirectionRtl_7ee7e57fa4 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_c6e5a1440c .tabPanel_1a2f8dd354.animationDirectionLtr_7292d534d6 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_c6e5a1440c .tabPanel_1a2f8dd354.active_2fcdc59faa {\n  display: block;\n  animation: panelSlideIn_10ff9b6fe4 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_10ff9b6fe4 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_f08444909c",tabPanel:"tabPanel_b06f1215f9",animationDirectionRtl:"animationDirectionRtl_d2ccfede52",animationDirectionLtr:"animationDirectionLtr_45ecbb66fb",active:"active_e7766cad5c",panelSlideIn:"panelSlideIn_db9d47c1c3"};!function(e){const n="s_id-078bacbdb1e4_3_61_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_f08444909c .tabPanel_b06f1215f9 {\n  display: none;\n}\n\n.tabPanelsWrapper_f08444909c .tabPanel_b06f1215f9.animationDirectionRtl_d2ccfede52 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_f08444909c .tabPanel_b06f1215f9.animationDirectionLtr_45ecbb66fb {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_f08444909c .tabPanel_b06f1215f9.active_e7766cad5c {\n  display: block;\n  animation: panelSlideIn_db9d47c1c3 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_db9d47c1c3 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_153198a5fb",text1Medium:"text1Medium_d9715002b6",text1Normal:"text1Normal_de74fba828",text2Bold:"text2Bold_b56e19ab15",text2Medium:"text2Medium_e4a1afa99a",text2Normal:"text2Normal_f31c373c55",text3Bold:"text3Bold_02d98cde1e",text3Medium:"text3Medium_5ef640de74",text3Normal:"text3Normal_d512fa3853",text:"text_bcc20095e3"};!function(t){const e="s_id-0b8dab5fe88c_3_59_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_153198a5fb {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_d9715002b6 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_de74fba828 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_b56e19ab15 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_e4a1afa99a {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_f31c373c55 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_02d98cde1e {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_5ef640de74 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_d512fa3853 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_bcc20095e3 {\n  margin-block: 0;\n}\n\np.text_bcc20095e3 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_5d17b7c092",text1Medium:"text1Medium_8ad6f04543",text1Normal:"text1Normal_7866cf8602",text2Bold:"text2Bold_0df4e844bb",text2Medium:"text2Medium_fc14c8e5f8",text2Normal:"text2Normal_7b6e067299",text3Bold:"text3Bold_0a22c74640",text3Medium:"text3Medium_fa918dda2e",text3Normal:"text3Normal_da5f422fa5",text:"text_aca5a0f14c"};!function(t){const e="s_id-0b8dab5fe88c_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_5d17b7c092 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_8ad6f04543 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7866cf8602 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_0df4e844bb {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_fc14c8e5f8 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_7b6e067299 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_0a22c74640 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_fa918dda2e {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_da5f422fa5 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_aca5a0f14c {\n  margin-block: 0;\n}\n\np.text_aca5a0f14c + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_0fcbd0da7d",label:"label_20680f2636",required:"required_22e81bfd8c",subTextContainer:"subTextContainer_1896e51e12",helpText:"helpText_d1977ab385",limitText:"limitText_0e56ed271d",textArea:"textArea_7a8ec0edb9",small:"small_f31c373c55",large:"large_de74fba828",resize:"resize_1ee07ab881",success:"success_c40b0ac646",error:"error_46cdbf1722",disabled:"disabled_22e81bfd8c",readOnly:"readOnly_22e81bfd8c"};!function(e){const r="s_id-c3fc7910bb37_3_59_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_0fcbd0da7d {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_0fcbd0da7d .label_20680f2636 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_0fcbd0da7d .label_20680f2636.required_22e81bfd8c::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_0fcbd0da7d .subTextContainer_1896e51e12 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_0fcbd0da7d .subTextContainer_1896e51e12 .helpText_d1977ab385 {\n  display: flex;\n}\n.textAreaWrapper_0fcbd0da7d .subTextContainer_1896e51e12 .limitText_0e56ed271d {\n  margin-left: auto;\n}\n.textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9:active, .textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9:focus, .textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9.small_f31c373c55 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9.large_de74fba828 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_0fcbd0da7d .textArea_7a8ec0edb9:not(.resize_1ee07ab881) {\n  resize: none;\n}\n.textAreaWrapper_0fcbd0da7d.success_c40b0ac646 .textArea_7a8ec0edb9 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_0fcbd0da7d.success_c40b0ac646 .helpText_d1977ab385 {\n  color: var(--color-success);\n}\n.textAreaWrapper_0fcbd0da7d.error_46cdbf1722 .textArea_7a8ec0edb9 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_0fcbd0da7d.error_46cdbf1722 .helpText_d1977ab385,\n.textAreaWrapper_0fcbd0da7d.error_46cdbf1722 .limitText_0e56ed271d {\n  color: var(--color-error);\n}\n.textAreaWrapper_0fcbd0da7d.disabled_22e81bfd8c .textArea_7a8ec0edb9,\n.textAreaWrapper_0fcbd0da7d.disabled_22e81bfd8c .textArea_7a8ec0edb9:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_0fcbd0da7d.disabled_22e81bfd8c .helpText_d1977ab385 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_0fcbd0da7d.readOnly_22e81bfd8c .textArea_7a8ec0edb9,\n.textAreaWrapper_0fcbd0da7d.readOnly_22e81bfd8c .textArea_7a8ec0edb9:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_c03ae2f03f",label:"label_af265d60b3",required:"required_6fdac02314",subTextContainer:"subTextContainer_15c2b3a6ef",helpText:"helpText_3729738e28",limitText:"limitText_d8542cec29",textArea:"textArea_253ecf985f",small:"small_7b6e067299",large:"large_7866cf8602",resize:"resize_8c657099ec",success:"success_2a2689dbe4",error:"error_0171f632d7",disabled:"disabled_6fdac02314",readOnly:"readOnly_6fdac02314"};!function(e){const r="s_id-c3fc7910bb37_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_c03ae2f03f {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_c03ae2f03f .label_af265d60b3 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .label_af265d60b3.required_6fdac02314::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_c03ae2f03f .subTextContainer_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .subTextContainer_15c2b3a6ef .helpText_3729738e28 {\n  display: flex;\n}\n.textAreaWrapper_c03ae2f03f .subTextContainer_15c2b3a6ef .limitText_d8542cec29 {\n  margin-left: auto;\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f:active, .textAreaWrapper_c03ae2f03f .textArea_253ecf985f:focus, .textAreaWrapper_c03ae2f03f .textArea_253ecf985f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f.small_7b6e067299 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f.large_7866cf8602 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f:not(.resize_8c657099ec) {\n  resize: none;\n}\n.textAreaWrapper_c03ae2f03f.success_2a2689dbe4 .textArea_253ecf985f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_c03ae2f03f.success_2a2689dbe4 .helpText_3729738e28 {\n  color: var(--color-success);\n}\n.textAreaWrapper_c03ae2f03f.error_0171f632d7 .textArea_253ecf985f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_c03ae2f03f.error_0171f632d7 .helpText_3729738e28,\n.textAreaWrapper_c03ae2f03f.error_0171f632d7 .limitText_d8542cec29 {\n  color: var(--color-error);\n}\n.textAreaWrapper_c03ae2f03f.disabled_6fdac02314 .textArea_253ecf985f,\n.textAreaWrapper_c03ae2f03f.disabled_6fdac02314 .textArea_253ecf985f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_c03ae2f03f.disabled_6fdac02314 .helpText_3729738e28 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_c03ae2f03f.readOnly_6fdac02314 .textArea_253ecf985f,\n.textAreaWrapper_c03ae2f03f.readOnly_6fdac02314 .textArea_253ecf985f:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_d19d4724da",labelWrapper:"labelWrapper_c24572023f",subTextContainer:"subTextContainer_984bd9501e",counter:"counter_0e56ed271d",disabled:"disabled_a15863e990",icon:"icon_1c2b96c072",inputWrapper:"inputWrapper_1c2b96c072",input:"input_c3f79de240",iconContainer:"iconContainer_e647444f29",iconContainerHasIcon:"iconContainerHasIcon_e7592dd31d",readOnly:"readOnly_fc110bcd92",inputHover:"inputHover_ef7ac0d7d0",inputActive:"inputActive_86c915693a",inputHasIcon:"inputHasIcon_483a14b226",round:"round_708adad81c",square:"square_100b3c6c3f",onlyUnderline:"onlyUnderline_210b118c76",tooltipContainer:"tooltipContainer_3553a72f61",wrapperSizeMedium:"wrapperSizeMedium_e0fbf1a249",wrapperSizeLarge:"wrapperSizeLarge_3f8cd8f75f",iconContainerActive:"iconContainerActive_ad80f87e34",iconContainerClickable:"iconContainerClickable_8c06ea782d",inputErrorValidation:"inputErrorValidation_e7592dd31d",subTextContainerStatus:"subTextContainerStatus_4325ee0868",inputSuccessValidation:"inputSuccessValidation_c95861c9f2",wrapperSizeSmall:"wrapperSizeSmall_ad06d06b57",inputWrapperSizeSmall:"inputWrapperSizeSmall_072e6e1aef",loaderContainer:"loaderContainer_1a7fdca3d7",loaderContainerHasIcon:"loaderContainerHasIcon_89648eaba8",loader:"loader_abfd254f2d",loaderSvg:"loaderSvg_1896e51e12"};!function(n){const e="s_id-695413f4db8e_3_59_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_d19d4724da {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_d19d4724da * {\n  box-sizing: border-box;\n}\n\n.textField_d19d4724da .labelWrapper_c24572023f {\n  width: 100%;\n}\n\n.textField_d19d4724da .subTextContainer_984bd9501e {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_d19d4724da .subTextContainer_984bd9501e .counter_0e56ed271d {\n  margin-left: auto;\n}\n\n.textField_d19d4724da.disabled_a15863e990 .icon_1c2b96c072 {\n  cursor: not-allowed;\n}\n\n.textField_d19d4724da.disabled_a15863e990 .inputWrapper_1c2b96c072 {\n  cursor: not-allowed;\n}\n\n.textField_d19d4724da.disabled_a15863e990 .inputWrapper_1c2b96c072 .input_c3f79de240 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_d19d4724da.disabled_a15863e990 .inputWrapper_1c2b96c072 .input_c3f79de240::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_d19d4724da.disabled_a15863e990 .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerHasIcon_e7592dd31d:hover {\n  background-color: transparent;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.readOnly_fc110bcd92 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.inputHover_ef7ac0d7d0 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240:focus,\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240:active,\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.inputActive_86c915693a {\n  border-color: var(--primary-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.inputHasIcon_483a14b226 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.round_708adad81c {\n  border-radius: 50px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.square_100b3c6c3f {\n  border-radius: 0;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .input_c3f79de240.onlyUnderline_210b118c76 {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .tooltipContainer_3553a72f61 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .tooltipContainer_3553a72f61 {\n  width: 40px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f .tooltipContainer_3553a72f61 {\n  width: 46px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerActive_ad80f87e34.iconContainerHasIcon_e7592dd31d.iconContainerClickable_8c06ea782d {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerActive_ad80f87e34.iconContainerHasIcon_e7592dd31d:not(.iconContainerClickable_8c06ea782d) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerActive_ad80f87e34 {\n  opacity: 1;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerActive_ad80f87e34 .icon_1c2b96c072 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerHasIcon_e7592dd31d.iconContainerClickable_8c06ea782d:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29.iconContainerHasIcon_e7592dd31d.iconContainerClickable_8c06ea782d:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .iconContainer_e647444f29 .icon_1c2b96c072 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d:hover .input_c3f79de240 {\n  border-color: var(--negative-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d .input_c3f79de240 {\n  border-color: var(--negative-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d .input_c3f79de240:focus,\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d .input_c3f79de240:active {\n  border-color: var(--negative-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d .iconContainer_e647444f29 .icon_1c2b96c072 {\n  color: var(--negative-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d .iconContainer_e647444f29 .icon_1c2b96c072:hover {\n  color: var(--negative-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d + .subTextContainer_984bd9501e .subTextContainerStatus_4325ee0868,\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputErrorValidation_e7592dd31d + .subTextContainer_984bd9501e .counter_0e56ed271d {\n  color: var(--negative-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2:hover .input_c3f79de240 {\n  border-color: var(--positive-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2 .input_c3f79de240 {\n  border-color: var(--positive-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2 .input_c3f79de240:focus,\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2 .input_c3f79de240:active {\n  border-color: var(--positive-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2 .iconContainer_e647444f29 .icon_1c2b96c072 {\n  color: var(--positive-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2 .iconContainer_e647444f29 .icon_1c2b96c072:hover {\n  color: var(--positive-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputSuccessValidation_c95861c9f2 + .subTextContainer_984bd9501e .subTextContainerStatus_4325ee0868 {\n  color: var(--positive-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeSmall_ad06d06b57 {\n  height: 32px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeSmall_ad06d06b57 .input_c3f79de240 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.inputWrapperSizeSmall_072e6e1aef .input_c3f79de240.inputHasIcon_483a14b226.onlyUnderline_210b118c76 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 {\n  height: 40px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .input_c3f79de240 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .input_c3f79de240.inputHasIcon_483a14b226 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .input_c3f79de240.inputHasIcon_483a14b226.onlyUnderline_210b118c76 {\n  padding-left: 4px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .iconContainer_e647444f29 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .iconContainer_e647444f29:hover + .iconContainer_e647444f29 + .input_c3f79de240 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f {\n  height: 48px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f .input_c3f79de240 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f .input_c3f79de240.inputHasIcon_483a14b226 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f .input_c3f79de240.inputHasIcon_483a14b226.onlyUnderline_210b118c76 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f .iconContainer_e647444f29 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072:hover .input_c3f79de240 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .loaderContainer_1a7fdca3d7 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .loaderContainer_1a7fdca3d7.loaderContainerHasIcon_89648eaba8 {\n  right: 32px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .loaderContainer_1a7fdca3d7 .loader_abfd254f2d {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072 .loaderContainer_1a7fdca3d7 .loader_abfd254f2d .loaderSvg_1896e51e12 {\n  color: var(--secondary-text-color);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeMedium_e0fbf1a249 .iconContainer_e647444f29 .icon_1c2b96c072 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_d19d4724da .inputWrapper_1c2b96c072.wrapperSizeLarge_3f8cd8f75f .iconContainer_e647444f29 .icon_1c2b96c072 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var e={textField:"textField_1f6e0424ea",labelWrapper:"labelWrapper_f2ae9cfae2",subTextContainer:"subTextContainer_a6007ee77c",counter:"counter_d8542cec29",disabled:"disabled_a302906e86",icon:"icon_ac5771f39c",inputWrapper:"inputWrapper_ac5771f39c",input:"input_b06a0f13e1",iconContainer:"iconContainer_f54f17794b",iconContainerHasIcon:"iconContainerHasIcon_52a154b8fa",readOnly:"readOnly_0b043deeb3",inputHover:"inputHover_1a367bbc7e",inputActive:"inputActive_043f138e18",inputHasIcon:"inputHasIcon_cb8586a0e5",round:"round_5c8b302c34",square:"square_da6585a090",onlyUnderline:"onlyUnderline_3568bd9f59",tooltipContainer:"tooltipContainer_039c9e2435",wrapperSizeMedium:"wrapperSizeMedium_d2bfa85fac",wrapperSizeLarge:"wrapperSizeLarge_da82d79011",iconContainerActive:"iconContainerActive_4bc562c947",iconContainerClickable:"iconContainerClickable_9eeea5a4b9",inputErrorValidation:"inputErrorValidation_52a154b8fa",subTextContainerStatus:"subTextContainerStatus_d526dcf378",inputSuccessValidation:"inputSuccessValidation_ccf18a2f8f",wrapperSizeSmall:"wrapperSizeSmall_97a09b1bfc",inputWrapperSizeSmall:"inputWrapperSizeSmall_2348ddf7fc",loaderContainer:"loaderContainer_429f185451",loaderContainerHasIcon:"loaderContainerHasIcon_89a98ba831",loader:"loader_08bf1c63da",loaderSvg:"loaderSvg_15c2b3a6ef"};!function(e){const n="s_id-695413f4db8e_3_61_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)}(".textField_1f6e0424ea {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_1f6e0424ea * {\n  box-sizing: border-box;\n}\n\n.textField_1f6e0424ea .labelWrapper_f2ae9cfae2 {\n  width: 100%;\n}\n\n.textField_1f6e0424ea .subTextContainer_a6007ee77c {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_1f6e0424ea .subTextContainer_a6007ee77c .counter_d8542cec29 {\n  margin-left: auto;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .icon_ac5771f39c {\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c {\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .input_b06a0f13e1 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .input_b06a0f13e1::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa:hover {\n  background-color: transparent;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c {\n  width: 100%;\n  position: relative;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.readOnly_0b043deeb3 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputHover_1a367bbc7e {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1:active,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputActive_043f138e18 {\n  border-color: var(--primary-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.round_5c8b302c34 {\n  border-radius: 50px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.square_da6585a090 {\n  border-radius: 0;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.onlyUnderline_3568bd9f59 {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .tooltipContainer_039c9e2435 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .tooltipContainer_039c9e2435 {\n  width: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .tooltipContainer_039c9e2435 {\n  width: 46px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947.iconContainerHasIcon_52a154b8fa:not(.iconContainerClickable_9eeea5a4b9) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947 {\n  opacity: 1;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947 .icon_ac5771f39c {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b .icon_ac5771f39c {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa:hover .input_b06a0f13e1 {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1 {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1:active {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .iconContainer_f54f17794b .icon_ac5771f39c {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .iconContainer_f54f17794b .icon_ac5771f39c:hover {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa + .subTextContainer_a6007ee77c .subTextContainerStatus_d526dcf378,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa + .subTextContainer_a6007ee77c .counter_d8542cec29 {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f:hover .input_b06a0f13e1 {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1 {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1:active {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .iconContainer_f54f17794b .icon_ac5771f39c {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .iconContainer_f54f17794b .icon_ac5771f39c:hover {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f + .subTextContainer_a6007ee77c .subTextContainerStatus_d526dcf378 {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeSmall_97a09b1bfc {\n  height: 32px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeSmall_97a09b1bfc .input_b06a0f13e1 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputWrapperSizeSmall_2348ddf7fc .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac {\n  height: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: 4px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b:hover + .iconContainer_f54f17794b + .input_b06a0f13e1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 {\n  height: 48px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .iconContainer_f54f17794b {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c:hover .input_b06a0f13e1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451.loaderContainerHasIcon_89a98ba831 {\n  right: 32px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 .loader_08bf1c63da {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 .loader_08bf1c63da .loaderSvg_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b .icon_ac5771f39c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .iconContainer_f54f17794b .icon_ac5771f39c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map