@vibe/core 3.0.0-beta.1 → 3.0.0-beta.3

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as r}from"react";import o from"classnames";import{withStaticProps as s}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTableRowLayoutStyles as a}from"./tableHelpers.js";import{getTestId as m}from"../../../tests/testIds.js";import{ComponentDefaultTestId as l}from"../../../tests/constants.js";import{RowSizes as i,RowHeights as n}from"./TableConsts.js";import p from"./Table.module.scss.js";import{TableProvider as c}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import u from"./TableRoot.js";var f=s(r((function(r,s){var i=r.id,f=r.className,b=r["data-testid"],j=r.columns,T=r.errorState,x=r.emptyState,S=r.dataState,v=r.style,y=r.children,C=r.size,w=void 0===C?"medium":C,g=o(p.table,t({},p.border,!r.withoutBorder),f),z=a(j),E=Object.assign({"--table-grid-template-columns":z.gridTemplateColumns,"--table-row-size":"".concat(n[w],"px")},v),h=b||m(l.TABLE,i);return e.createElement(c,{value:{columns:j,dataState:S,emptyState:x,errorState:T,size:w}},e.createElement(d,null,e.createElement(u,{ref:s,id:i,className:g,style:E,"data-testid":h},y)))})),{sizes:i});export{f 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}from"../../../tests/constants.js";import{RowSizes as p,RowHeights as d}from"./TableConsts.js";import b from"./Table.module.scss.js";import{TableProvider as j}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";import R from"../../../hooks/useMergeRef.js";var S=m(o((function(o,m){var p=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),L=R(m,H),A=a(!1),B=e(A,2),O=B[0],P=B[1],k=a(null),I=e(k,2),N=I[0],V=I[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(0),Q=e(K,2),U=Q[0],W=Q[1],X=l((function(e){(_(),F)||W(e.target.scrollLeft)}),[_,F]),Y=u(w),Z=Object.assign({"--table-grid-template-columns":Y.gridTemplateColumns,"--table-row-size":"".concat(d[M],"px")},g),$=n((function(){return{columns:w,dataState:z,emptyState:y,errorState:x,size:M,tableRootRef:H,isVirtualized:F,markTableAsVirtualized:J,scrollLeft:U,setScrollLeft: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(j,{value:$},r.createElement(v,{value:ee},r.createElement("div",{ref:L,id:p,className:i(b.table,t(t(t({},b.border,!E),b.virtualized,F),b.hasScroll,U>0),S),"data-testid":T||c(f.TABLE,p),role:"table",style:Z,onScroll:X},h)))})),{sizes:p});export{S as default};
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport TableRoot from \"./TableRoot\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  id: string;\n  title: string;\n  infoContent?: string;\n  width?: Width | { min: Width; max: Width };\n  icon?: SubIcon;\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  columns: TableColumn[];\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  errorState: ReactElement;\n  emptyState: ReactElement;\n  style?: React.CSSProperties;\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  size?: RowSizes;\n  withoutBorder?: boolean;\n}\n\nconst Table: VibeComponent<TableProps, HTMLDivElement> & {\n  sizes?: typeof RowSizesEnum;\n} = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref\n  ) => {\n    const classNames = cx(styles.table, { [styles.border]: !withoutBorder }, className);\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 testId = dataTestId || getTestId(ComponentDefaultTestId.TABLE, id);\n\n    return (\n      <TableProvider value={{ columns, dataState, emptyState, errorState, size }}>\n        <TableRowMenuProvider>\n          <TableRoot ref={ref} id={id} className={classNames} style={calculatedStyle} data-testid={testId}>\n            {children}\n          </TableRoot>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\nexport default withStaticProps(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","classNames","cx","styles","table","_defineProperty","border","withoutBorder","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","testId","getTestId","ComponentDefaultTestId","TABLE","React","createElement","TableProvider","value","TableRowMenuProvider","TableRoot","sizes","RowSizesEnum"],"mappings":"6tBA6CA,IA8CeA,EAAAA,EA5CXC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAKXE,EAAaC,EAAGC,EAAOC,MAAKC,EAAKF,GAAAA,EAAOG,QAJ/BlB,EAAbmB,eAIuEhB,GACzEiB,EAAgCC,EAAwBhB,GAMlDiB,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWf,GAAK,OACpCH,GAGCmB,EAASxB,GAAcyB,EAAUC,EAAuBC,MAAO7B,GAErE,OACE8B,EAACC,cAAAC,EAAc,CAAAC,MAAO,CAAE9B,QAAAA,EAASG,UAAAA,EAAWD,WAAAA,EAAYD,WAAAA,EAAYM,KAAAA,IAClEoB,EAAAC,cAACG,EAAoB,KACnBJ,EAACC,cAAAI,EAAU,CAAApC,IAAKA,EAAKC,GAAIA,EAAIC,UAAWU,EAAYJ,MAAOa,EAA8B,cAAAM,GACtFlB,IAKX,IAGoC,CAAE4B,MAAOC"}
+{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, UIEventHandler, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  id: string;\n  title: string;\n  infoContent?: string;\n  width?: Width | { min: Width; max: Width };\n  icon?: SubIcon;\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  columns: TableColumn[];\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  errorState: ReactElement;\n  emptyState: ReactElement;\n  style?: React.CSSProperties;\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  size?: RowSizes;\n  withoutBorder?: boolean;\n}\n\nconst Table: VibeComponent<TableProps, HTMLDivElement> & {\n  sizes?: typeof RowSizesEnum;\n} = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref\n  ) => {\n    const tableRootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, tableRootRef);\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n    const resetHoveredRow = useCallback(() => {\n      setIsMenuOpen(false);\n      setHoveredRowRef(null);\n    }, []);\n\n    const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n    const markTableAsVirtualized = useCallback(() => {\n      setIsVirtualized(true);\n    }, []);\n\n    const [scrollLeft, setScrollLeft] = useState<number>(0);\n\n    const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n      e => {\n        resetHoveredRow();\n        if (!isVirtualized) {\n          const newLeft = (e.target as HTMLDivElement).scrollLeft;\n          setScrollLeft(newLeft);\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        scrollLeft,\n        setScrollLeft: (scrollAmount: number) => setScrollLeft(scrollAmount)\n      }),\n      [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, scrollLeft, 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]: scrollLeft > 0\n              },\n              className\n            )}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE, id)}\n            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\nexport default withStaticProps(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","scrollLeft","setScrollLeft","onScroll","e","target","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","scrollAmount","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","hasScroll","getTestId","ComponentDefaultTestId","TABLE","role","sizes","RowSizesEnum"],"mappings":"uzBA+CA,IAoHeA,EAAAA,EAlHXC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,EAAiB,GAAEiB,EAAAf,EAAAc,EAAA,GAAhDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,IACEZ,IACKI,IAEHM,EADiBE,EAAEC,OAA0BJ,WAGjD,GACA,CAACT,EAAiBI,IAGpBU,EAAgCC,EAAwBtC,GAMlDuC,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWrC,GAAK,OACpCH,GAGCyC,EAAqBC,GACzB,WAAA,MAAO,CACL9C,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACc,GAAoB,OAAKd,EAAcc,EAAa,EACrE,GACD,CAAC/C,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5FyC,GAA4BF,GAChC,WAAA,MAAO,CACLrC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC2B,GAAuC,OAAK3B,EAAiB2B,EAAO,EACvF/B,cAAe,SAACgC,GAAe,OAAKhC,EAAcgC,EAAO,EACzD,GACF,CAAC7B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE6B,EAACC,cAAAC,EAAc,CAAAC,MAAOT,GACpBM,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACExD,IAAKe,EACLd,GAAIA,EACJC,UAAW0D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAETF,GAAAA,EAAOG,QAAUpD,GACjBiD,EAAOI,YAAclC,GACrB8B,EAAOK,UAAY9B,EAAa,GAEnClC,GAEW,cAAAC,GAAcgE,EAAUC,EAAuBC,MAAOpE,GACnEqE,KAAK,QACL9D,MAAOmC,EACPL,SAAUA,GAET7B,IAKX,IAGoC,CAAE8D,MAAOC"}

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import t from"react";import{TableContainerProvider as e}from"../context/TableContainerContext/TableContainerContext.js";import a from"./TableContainerRoot.js";import{getTestId as r}from"../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../tests/constants.js";var s=function(s){var n=s.id,i=s.style,m=s.children;return t.createElement(e,null,t.createElement(a,{id:n,className:s.className,"data-testid":s["data-testid"]||r(o.TABLE_CONTAINER,n),style:i},m))};export{s as default};
+import e,{forwardRef as t,useRef as a}from"react";import{TableContainerProvider as r}from"../context/TableContainerContext/TableContainerContext.js";import{getTestId as s}from"../../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import o from"classnames";import m from"./TableContainer.module.scss.js";var i=t((function(t,i){var l=t.id,c=t.className,d=t["data-testid"],f=t.style,C=t.children,u=a(null);return e.createElement(r,{value:{menuContainerRef:u}},e.createElement("div",{ref:i,id:l,className:o(m.tableContainer,c),"data-testid":d||s(n.TABLE_CONTAINER,l),style:f},e.createElement("div",{ref:u,className:m.menuContainer}),C))}));export{i as default};
 //# sourceMappingURL=TableContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { TableContainerProvider } from \"../context/TableContainerContext/TableContainerContext\";\nimport TableContainerRoot from \"./TableContainerRoot\";\nimport { TableContainerProps } from \"./TableContainer.types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst TableContainer = ({ id, className, \"data-testid\": dataTestId, style, children }: TableContainerProps) => {\n  return (\n    <TableContainerProvider>\n      <TableContainerRoot\n        id={id}\n        className={className}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CONTAINER, id)}\n        style={style}\n      >\n        {children}\n      </TableContainerRoot>\n    </TableContainerProvider>\n  );\n};\n\nexport default TableContainer;\n"],"names":["TableContainer","_ref","id","style","children","React","TableContainerProvider","createElement","TableContainerRoot","className","getTestId","ComponentDefaultTestId","TABLE_CONTAINER"],"mappings":"0RAOA,IAAMA,EAAiB,SAAHC,GAA0F,IAApFC,EAAED,EAAFC,GAA0CC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACzE,OACEC,gBAACC,EAAsB,KACrBD,EAAAE,cAACC,EAAkB,CACjBN,GAAIA,EACJO,UAL+BR,EAATQ,UAKF,cALsCR,EAAzB,gBAMNS,EAAUC,EAAuBC,gBAAiBV,GAC7EC,MAAOA,GAENC,GAIT"}
+{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { TableContainerProvider } from \"../context/TableContainerContext/TableContainerContext\";\nimport { TableContainerProps } from \"./TableContainer.types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableContainer.module.scss\";\n\nconst TableContainer = forwardRef(\n  (\n    { id, className, \"data-testid\": dataTestId, style, children }: TableContainerProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const menuContainerRef = useRef<HTMLDivElement>(null);\n\n    return (\n      <TableContainerProvider value={{ menuContainerRef }}>\n        <div\n          ref={ref}\n          id={id}\n          className={cx(styles.tableContainer, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CONTAINER, id)}\n          style={style}\n        >\n          <div ref={menuContainerRef} className={styles.menuContainer} />\n          {children}\n        </div>\n      </TableContainerProvider>\n    );\n  }\n);\n\nexport default TableContainer;\n"],"names":["TableContainer","forwardRef","_ref","ref","id","className","dataTestId","style","children","menuContainerRef","useRef","React","TableContainerProvider","value","createElement","cx","styles","tableContainer","getTestId","ComponentDefaultTestId","TABLE_CONTAINER","menuContainer"],"mappings":"yVAQMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAG7CC,EAAmBC,EAAuB,MAEhD,OACEC,gBAACC,EAAsB,CAACC,MAAO,CAAEJ,iBAAAA,IAC/BE,EAAAG,cAAA,MAAA,CACEX,IAAKA,EACLC,GAAIA,EACJC,UAAWU,EAAGC,EAAOC,eAAgBZ,GACxB,cAAAC,GAAcY,EAAUC,EAAuBC,gBAAiBhB,GAC7EG,MAAOA,GAEPI,EAAKG,cAAA,MAAA,CAAAX,IAAKM,EAAkBJ,UAAWW,EAAOK,gBAC7Cb,GAIT"}

package/dist/mocked_classnames/src/components/Table/TableContainer/{TableContainerRoot.module.scss.js → TableContainer.module.scss.js}

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as o,useCallback as s}from"react";import r from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import m from"classnames";import i from"./TableRow.module.scss.js";import{useTableRowMenu as l}from"../context/TableRowMenuContext/TableRowMenuContext.js";var d=t((function(t,d){var u=t.highlighted,c=t.children,f=t.style,p=t.id,R=t.className,v=t["data-testid"],w=o(null),M=r(w,d),b=l(),h=b.onMouseOverRow,j=b.onMouseLeaveRow,x=s((function(){h(w)}),[h]);return e.createElement("div",{id:p,"data-testid":v||a(n.TABLE_ROW,p),ref:M,role:"row","aria-selected":u||!1,className:m(i.tableRow,R),style:f,onMouseOver:x,onMouseLeave:j,tabIndex:-1},c)}));export{d as default};
+import e,{forwardRef as t,useRef as o,useCallback as s}from"react";import r from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import m from"classnames";import i from"./TableRow.module.scss.js";import{useTableRowMenu as l}from"../context/TableRowMenuContext/TableRowMenuContext.js";var d=t((function(t,d){var u=t.highlighted,c=t.children,f=t.style,p=t.id,R=t.className,w=t["data-testid"],M=o(null),v=r(M,d),b=l(),h=b.onMouseOverRow,j=b.onMouseLeaveRow,x=s((function(){h(M)}),[h]);return e.createElement("div",{id:p,"data-testid":w||a(n.TABLE_ROW,p),ref:v,role:"row","aria-selected":u||!1,className:m(i.tableRow,R),style:f,onMouseEnter:x,onMouseLeave:j,tabIndex:-1},c)}));export{d as default};
 //# sourceMappingURL=TableRow.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useCallback as n}from"react";import o from"classnames";import{getTestId as r}from"../../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import s from"./TableRowMenu.module.scss.js";import m from"../../MenuButton/MenuButton.js";import i from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import{createPortal as a}from"react-dom";import{useTable as M}from"../context/TableContext/TableContext.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import{useTableRowMenu as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useTableContainer as p}from"../context/TableContainerContext/TableContainerContext.js";var c=t((function(t,c){var f=t.rowId,j=t.className,T=t.id,x=t["data-testid"],C=t.children,b=p().menuContainerRef,v=M().size,w=d(),I=w.hoveredRowId,R=w.setTableMenuHidden,B=w.setTableMenuShown,E=w.menuButtonPosition,h=w.onMouseOverRowMenu,N=w.onMouseLeaveRowMenu,H=n((function(){R()}),[R]),L=n((function(){B()}),[B]);return b.current&&I&&I===f?e.createElement(e.Fragment,null,a(e.createElement("div",{className:o(s.rowMenuContainer,l(s,v)),style:{top:E},onMouseOver:h,onMouseLeave:N},e.createElement(m,{id:T,ref:c,className:o(s.tableMenu,j),size:"xs",onMenuHide:H,onMenuShow:L,"data-testid":x||r(u.TABLE_ROW_MENU,T)},e.createElement(i,null,C))),b.current)):null}));export{c as default};
+import e,{forwardRef as t,useCallback as n}from"react";import o from"classnames";import{getTestId as r}from"../../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import s from"./TableRowMenu.module.scss.js";import m from"../../MenuButton/MenuButton.js";import i from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import{createPortal as a}from"react-dom";import{useTable as M}from"../context/TableContext/TableContext.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import{useTableRowMenu as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useTableContainer as p}from"../context/TableContainerContext/TableContainerContext.js";var c=t((function(t,c){var f=t.rowId,j=t.className,T=t.id,x=t["data-testid"],C=t.children,b=p().menuContainerRef,w=M().size,v=d(),I=v.hoveredRowId,R=v.setTableMenuHidden,E=v.setTableMenuShown,B=v.menuButtonPosition,h=v.onMouseOverRowMenu,N=v.onMouseLeaveRowMenu,H=n((function(){R()}),[R]),L=n((function(){E()}),[E]);return b.current&&I&&I===f?e.createElement(e.Fragment,null,a(e.createElement("div",{className:o(s.rowMenuContainer,l(s,w)),style:{top:B},onMouseEnter:h,onMouseLeave:N},e.createElement(m,{id:T,ref:c,className:o(s.tableMenu,j),size:"xs",onMenuHide:H,onMenuShow:L,"data-testid":x||r(u.TABLE_ROW_MENU,T)},e.createElement(i,null,C))),b.current)):null}));export{c as default};
 //# sourceMappingURL=TableRowMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowMenu.js","sources":["../../../../../../src/components/Table/TableRowMenu/TableRowMenu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TableRowMenu.module.scss\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { createPortal } from \"react-dom\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useTableContainer } from \"../context/TableContainerContext/TableContainerContext\";\nimport { TableMenuProps } from \"./TableRowMenu.types\";\n\nconst TableRowMenu = forwardRef(\n  (\n    { rowId, className, id, \"data-testid\": dataTestId, children }: TableMenuProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { menuContainerRef } = useTableContainer();\n    const { size } = useTable();\n    const {\n      hoveredRowId,\n      setTableMenuHidden,\n      setTableMenuShown,\n      menuButtonPosition,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu\n    } = useTableRowMenu();\n\n    const onMenuHide = useCallback(() => {\n      setTableMenuHidden();\n    }, [setTableMenuHidden]);\n\n    const onMenuShow = useCallback(() => {\n      setTableMenuShown();\n    }, [setTableMenuShown]);\n\n    const shouldShowMenu = menuContainerRef.current && hoveredRowId && hoveredRowId === rowId;\n    if (!shouldShowMenu) return null;\n\n    return (\n      <>\n        {createPortal(\n          <div\n            className={cx(styles.rowMenuContainer, getStyle(styles, size))}\n            style={{ top: menuButtonPosition }}\n            onMouseOver={onMouseOverRowMenu}\n            onMouseLeave={onMouseLeaveRowMenu}\n          >\n            <MenuButton\n              id={id}\n              ref={ref}\n              className={cx(styles.tableMenu, className)}\n              size=\"xs\"\n              onMenuHide={onMenuHide}\n              onMenuShow={onMenuShow}\n              data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW_MENU, id)}\n            >\n              <Menu>{children}</Menu>\n            </MenuButton>\n          </div>,\n          menuContainerRef.current\n        )}\n      </>\n    );\n  }\n);\n\nexport default TableRowMenu;\n"],"names":["TableRowMenu","forwardRef","_ref","ref","rowId","className","id","dataTestId","children","menuContainerRef","useTableContainer","size","useTable","_useTableRowMenu","useTableRowMenu","hoveredRowId","setTableMenuHidden","setTableMenuShown","menuButtonPosition","onMouseOverRowMenu","onMouseLeaveRowMenu","onMenuHide","useCallback","onMenuShow","current","React","createElement","Fragment","createPortal","cx","styles","rowMenuContainer","getStyle","style","top","onMouseOver","onMouseLeave","MenuButton","tableMenu","getTestId","ComponentDefaultTestId","TABLE_ROW_MENU","Menu"],"mappings":"65BAcMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG3CC,EAAqBC,IAArBD,iBACAE,EAASC,IAATD,KACRE,EAOIC,IANFC,EAAYF,EAAZE,aACAC,EAAkBH,EAAlBG,mBACAC,EAAiBJ,EAAjBI,kBACAC,EAAkBL,EAAlBK,mBACAC,EAAkBN,EAAlBM,mBACAC,EAAmBP,EAAnBO,oBAGIC,EAAaC,GAAY,WAC7BN,GACF,GAAG,CAACA,IAEEO,EAAaD,GAAY,WAC7BL,GACF,GAAG,CAACA,IAGJ,OADuBR,EAAiBe,SAAWT,GAAgBA,IAAiBX,EAIlFqB,EAAAC,cAAAD,EAAAE,SAAA,KACGC,EACCH,uBACEpB,UAAWwB,EAAGC,EAAOC,iBAAkBC,EAASF,EAAQnB,IACxDsB,MAAO,CAAEC,IAAKhB,GACdiB,YAAahB,EACbiB,aAAchB,GAEdK,EAAAC,cAACW,EACC,CAAA/B,GAAIA,EACJH,IAAKA,EACLE,UAAWwB,EAAGC,EAAOQ,UAAWjC,GAChCM,KAAK,KACLU,WAAYA,EACZE,WAAYA,gBACChB,GAAcgC,EAAUC,EAAuBC,eAAgBnC,IAE5EmB,EAAAC,cAACgB,EAAI,KAAElC,KAGXC,EAAiBe,UAvBK,IA2B9B"}
+{"version":3,"file":"TableRowMenu.js","sources":["../../../../../../src/components/Table/TableRowMenu/TableRowMenu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TableRowMenu.module.scss\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { createPortal } from \"react-dom\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useTableContainer } from \"../context/TableContainerContext/TableContainerContext\";\nimport { TableMenuProps } from \"./TableRowMenu.types\";\n\nconst TableRowMenu = forwardRef(\n  (\n    { rowId, className, id, \"data-testid\": dataTestId, children }: TableMenuProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { menuContainerRef } = useTableContainer();\n    const { size } = useTable();\n    const {\n      hoveredRowId,\n      setTableMenuHidden,\n      setTableMenuShown,\n      menuButtonPosition,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu\n    } = useTableRowMenu();\n\n    const onMenuHide = useCallback(() => {\n      setTableMenuHidden();\n    }, [setTableMenuHidden]);\n\n    const onMenuShow = useCallback(() => {\n      setTableMenuShown();\n    }, [setTableMenuShown]);\n\n    const shouldShowMenu = menuContainerRef.current && hoveredRowId && hoveredRowId === rowId;\n    if (!shouldShowMenu) return null;\n\n    return (\n      <>\n        {createPortal(\n          <div\n            className={cx(styles.rowMenuContainer, getStyle(styles, size))}\n            style={{ top: menuButtonPosition }}\n            onMouseEnter={onMouseOverRowMenu}\n            onMouseLeave={onMouseLeaveRowMenu}\n          >\n            <MenuButton\n              id={id}\n              ref={ref}\n              className={cx(styles.tableMenu, className)}\n              size=\"xs\"\n              onMenuHide={onMenuHide}\n              onMenuShow={onMenuShow}\n              data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW_MENU, id)}\n            >\n              <Menu>{children}</Menu>\n            </MenuButton>\n          </div>,\n          menuContainerRef.current\n        )}\n      </>\n    );\n  }\n);\n\nexport default TableRowMenu;\n"],"names":["TableRowMenu","forwardRef","_ref","ref","rowId","className","id","dataTestId","children","menuContainerRef","useTableContainer","size","useTable","_useTableRowMenu","useTableRowMenu","hoveredRowId","setTableMenuHidden","setTableMenuShown","menuButtonPosition","onMouseOverRowMenu","onMouseLeaveRowMenu","onMenuHide","useCallback","onMenuShow","current","React","createElement","Fragment","createPortal","cx","styles","rowMenuContainer","getStyle","style","top","onMouseEnter","onMouseLeave","MenuButton","tableMenu","getTestId","ComponentDefaultTestId","TABLE_ROW_MENU","Menu"],"mappings":"65BAcMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG3CC,EAAqBC,IAArBD,iBACAE,EAASC,IAATD,KACRE,EAOIC,IANFC,EAAYF,EAAZE,aACAC,EAAkBH,EAAlBG,mBACAC,EAAiBJ,EAAjBI,kBACAC,EAAkBL,EAAlBK,mBACAC,EAAkBN,EAAlBM,mBACAC,EAAmBP,EAAnBO,oBAGIC,EAAaC,GAAY,WAC7BN,GACF,GAAG,CAACA,IAEEO,EAAaD,GAAY,WAC7BL,GACF,GAAG,CAACA,IAGJ,OADuBR,EAAiBe,SAAWT,GAAgBA,IAAiBX,EAIlFqB,EAAAC,cAAAD,EAAAE,SAAA,KACGC,EACCH,uBACEpB,UAAWwB,EAAGC,EAAOC,iBAAkBC,EAASF,EAAQnB,IACxDsB,MAAO,CAAEC,IAAKhB,GACdiB,aAAchB,EACdiB,aAAchB,GAEdK,EAAAC,cAACW,EACC,CAAA/B,GAAIA,EACJH,IAAKA,EACLE,UAAWwB,EAAGC,EAAOQ,UAAWjC,GAChCM,KAAK,KACLU,WAAYA,EACZE,WAAYA,gBACChB,GAAcgC,EAAUC,EAAuBC,eAAgBnC,IAE5EmB,EAAAC,cAACgB,EAAI,KAAElC,KAGXC,EAAiBe,UAvBK,IA2B9B"}

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

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

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

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

package/dist/mocked_classnames/src/components/Table/context/TableContainerContext/TableContainerContext.js

@@ -1,2 +1,2 @@
-import r,{useRef as e,useMemo as n,useContext as t,createContext as i}from"react";var o=i(void 0),a=function(t){var i=t.children,a=e(null),u=n((function(){return{menuContainerRef:a}}),[a]);return r.createElement(o.Provider,{value:u},i)},u=function(){var r=t(o);if(!r)throw Error("useTableContainer must be used within a TableContainerProvider");return r};export{a as TableContainerProvider,u as useTableContainer};
+import r,{useContext as e,createContext as t}from"react";var n=t(void 0),i=function(e){return r.createElement(n.Provider,{value:e.value},e.children)},o=function(){var r=e(n);if(!r)throw Error("useTableContainer must be used within a TableContainerProvider");return r};export{i as TableContainerProvider,o as useTableContainer};
 //# sourceMappingURL=TableContainerContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableContainerContext.js","sources":["../../../../../../../src/components/Table/context/TableContainerContext/TableContainerContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useRef } from \"react\";\nimport {\n  TableContainerContext as ITableContainerContext,\n  TableContainerProviderProps\n} from \"./TableContainerContext.types\";\n\nconst TableContainerContext = createContext<ITableContainerContext | undefined>(undefined);\n\nexport const TableContainerProvider = ({ children }: TableContainerProviderProps) => {\n  const menuContainerRef = useRef<HTMLDivElement>(null);\n  const contextValue = useMemo<ITableContainerContext>(() => ({ menuContainerRef }), [menuContainerRef]);\n  return <TableContainerContext.Provider value={contextValue}>{children}</TableContainerContext.Provider>;\n};\n\nexport const useTableContainer = () => {\n  const context = useContext(TableContainerContext);\n  if (!context) {\n    throw new Error(\"useTableContainer must be used within a TableContainerProvider\");\n  }\n  return context;\n};\n"],"names":["TableContainerContext","createContext","undefined","TableContainerProvider","_ref","children","menuContainerRef","useRef","contextValue","useMemo","React","createElement","Provider","value","useTableContainer","context","useContext","Error"],"mappings":"kFAMA,IAAMA,EAAwBC,OAAkDC,GAEnEC,EAAyB,SAAHC,GAAiD,IAA3CC,EAAQD,EAARC,SACjCC,EAAmBC,EAAuB,MAC1CC,EAAeC,GAAgC,WAAA,MAAO,CAAEH,iBAAAA,EAAkB,GAAG,CAACA,IACpF,OAAOI,EAAAC,cAACX,EAAsBY,SAAQ,CAACC,MAAOL,GAAeH,EAC/D,EAEaS,EAAoB,WAC/B,IAAMC,EAAUC,EAAWhB,GAC3B,IAAKe,EACH,MAAUE,MAAM,kEAElB,OAAOF,CACT"}
+{"version":3,"file":"TableContainerContext.js","sources":["../../../../../../../src/components/Table/context/TableContainerContext/TableContainerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport {\n  TableContainerContext as ITableContainerContext,\n  TableContainerProviderProps\n} from \"./TableContainerContext.types\";\n\nconst TableContainerContext = createContext<ITableContainerContext | undefined>(undefined);\n\nexport const TableContainerProvider = ({ value, children }: TableContainerProviderProps) => {\n  return <TableContainerContext.Provider value={value}>{children}</TableContainerContext.Provider>;\n};\n\nexport const useTableContainer = () => {\n  const context = useContext(TableContainerContext);\n  if (!context) {\n    throw new Error(\"useTableContainer must be used within a TableContainerProvider\");\n  }\n  return context;\n};\n"],"names":["TableContainerContext","createContext","undefined","TableContainerProvider","_ref","React","createElement","Provider","value","children","useTableContainer","context","useContext","Error"],"mappings":"yDAMA,IAAMA,EAAwBC,OAAkDC,GAEnEC,EAAyB,SAAHC,GACjC,OAAOC,EAAAC,cAACN,EAAsBO,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAEhD,EAEaC,EAAoB,WAC/B,IAAMC,EAAUC,EAAWZ,GAC3B,IAAKW,EACH,MAAUE,MAAM,kEAElB,OAAOF,CACT"}

package/dist/mocked_classnames/src/components/Table/context/TableContext/TableContext.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{useContext as t,createContext as l,useRef as o,useState as i,useCallback as n,useMemo as a}from"react";var u=l(void 0),c=function(t){var l=t.value,c=t.children,s=o(null),f=i(!1),v=r(f,2),d=v[0],b=v[1],L=n((function(){b(!0)}),[]),m=i(0),g=r(m,2),p=g[0],R=g[1],T=o(null),h=o(null),z=n((function(r){var e=r.target.scrollLeft;e!==p&&R(e)}),[p]),j=n((function(r){var e=r.target.scrollLeft;h.current&&e!==p&&(h.current.scrollLeft=e,R(e))}),[p]),P=n((function(r){var e=r.target.scrollLeft;T.current&&e!==p&&(T.current.scrollLeft=e,R(e))}),[p]),S=a((function(){return Object.assign(Object.assign({},l),{tableRootRef:s,headRef:T,scrollLeft:p,onTableRootScroll:z,onHeadScroll:j,virtualizedListRef:h,onVirtualizedListScroll:P,isVirtualized:d,markTableAsVirtualized:L})}),[l,s,p,z,j,P,d,L]);return e.createElement(u.Provider,{value:S},c)},s=function(){var r=t(u);if(void 0===r)throw Error("useTable must be used within a TableProvider");return r};export{c as TableProvider,s as useTable};
+import r,{useContext as e,createContext as t,useRef as n,useCallback as l,useMemo as o}from"react";var c=t(void 0),u=function(e){var t=e.value,u=e.children,i=t.setScrollLeft,a=n(null),f=n(null),d=n(0),s=l((function(r,e){r!==d.current&&("body"===e&&a.current&&(a.current.scrollLeft=r),"head"===e&&f.current&&(f.current.scrollLeft=r),i(r),d.current=r)}),[i]),v=l((function(r){s(r.target.scrollLeft,"head")}),[s]),b=l((function(r){s(r.target.scrollLeft,"body")}),[s]),L=o((function(){return Object.assign(Object.assign({},t),{headRef:a,onHeadScroll:v,virtualizedListRef:f,onVirtualizedListScroll:b})}),[t,v,b]);return r.createElement(c.Provider,{value:L},u)},i=function(){var r=e(c);if(void 0===r)throw Error("useTable must be used within a TableProvider");return r};export{u as TableProvider,i as useTable};
 //# sourceMappingURL=TableContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sources":["../../../../../../../src/components/Table/context/TableContext/TableContext.tsx"],"sourcesContent":["import React, { createContext, UIEventHandler, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { TableContext as ITableContext, TableProviderProps } from \"./TableContext.types\";\n\nconst TableContext = createContext<ITableContext | undefined>(undefined);\n\nexport const TableProvider = ({ value, children }: TableProviderProps) => {\n  const tableRootRef = useRef<HTMLDivElement>(null);\n\n  const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n  const markTableAsVirtualized = useCallback(() => {\n    setIsVirtualized(true);\n  }, []);\n\n  const [scrollLeft, setScrollLeft] = useState<number>(0);\n  const headRef = useRef<HTMLDivElement>(null);\n  const virtualizedListRef = useRef<HTMLDivElement>(null);\n\n  const onTableRootScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      if (newLeft !== scrollLeft) {\n        setScrollLeft(newLeft);\n      }\n    },\n    [scrollLeft]\n  );\n\n  const onHeadScroll: UIEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      if (virtualizedListRef.current && newLeft !== scrollLeft) {\n        virtualizedListRef.current.scrollLeft = newLeft;\n        setScrollLeft(newLeft);\n      }\n    },\n    [scrollLeft]\n  );\n\n  const onVirtualizedListScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      if (headRef.current && newLeft !== scrollLeft) {\n        headRef.current.scrollLeft = newLeft;\n        setScrollLeft(newLeft);\n      }\n    },\n    [scrollLeft]\n  );\n\n  const contextValue = useMemo<ITableContext>(\n    () => ({\n      ...value,\n      tableRootRef,\n      headRef,\n      scrollLeft,\n      onTableRootScroll,\n      onHeadScroll,\n      virtualizedListRef,\n      onVirtualizedListScroll,\n      isVirtualized,\n      markTableAsVirtualized\n    }),\n    [\n      value,\n      tableRootRef,\n      scrollLeft,\n      onTableRootScroll,\n      onHeadScroll,\n      onVirtualizedListScroll,\n      isVirtualized,\n      markTableAsVirtualized\n    ]\n  );\n  return <TableContext.Provider value={contextValue}>{children}</TableContext.Provider>;\n};\n\nexport const useTable = () => {\n  const context = useContext(TableContext);\n  if (context === undefined) {\n    throw new Error(\"useTable must be used within a TableProvider\");\n  }\n  return context;\n};\n"],"names":["TableContext","createContext","undefined","TableProvider","_ref","value","children","tableRootRef","useRef","_useState","useState","_useState2","_slicedToArray","isVirtualized","setIsVirtualized","markTableAsVirtualized","useCallback","_useState3","_useState4","scrollLeft","setScrollLeft","headRef","virtualizedListRef","onTableRootScroll","e","newLeft","target","onHeadScroll","current","onVirtualizedListScroll","contextValue","useMemo","Object","assign","React","createElement","Provider","useTable","context","useContext","Error"],"mappings":"sMAGA,IAAMA,EAAeC,OAAyCC,GAEjDC,EAAgB,SAAHC,GAA+C,IAAzCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAC/BC,EAAeC,EAAuB,MAE5CC,EAA0CC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAA3DI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAChCI,EAAyBC,GAAY,WACzCF,GAAiB,EAClB,GAAE,IAEHG,EAAoCP,EAAiB,GAAEQ,EAAAN,EAAAK,EAAA,GAAhDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAC1BG,EAAUb,EAAuB,MACjCc,EAAqBd,EAAuB,MAE5Ce,EAAoBP,GACxB,SAAAQ,GACE,IAAMC,EAAWD,EAAEE,OAA0BP,WACzCM,IAAYN,GACdC,EAAcK,EAElB,GACA,CAACN,IAGGQ,EAA+CX,GACnD,SAAAQ,GACE,IAAMC,EAAWD,EAAEE,OAA0BP,WACzCG,EAAmBM,SAAWH,IAAYN,IAC5CG,EAAmBM,QAAQT,WAAaM,EACxCL,EAAcK,GAElB,GACA,CAACN,IAGGU,EAA0Bb,GAC9B,SAAAQ,GACE,IAAMC,EAAWD,EAAEE,OAA0BP,WACzCE,EAAQO,SAAWH,IAAYN,IACjCE,EAAQO,QAAQT,WAAaM,EAC7BL,EAAcK,GAElB,GACA,CAACN,IAGGW,EAAeC,GACnB,WAAA,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACD5B,GAAK,CACRE,aAAAA,EACAc,QAAAA,EACAF,WAAAA,EACAI,kBAAAA,EACAI,aAAAA,EACAL,mBAAAA,EACAO,wBAAAA,EACAhB,cAAAA,EACAE,uBAAAA,MAEF,CACEV,EACAE,EACAY,EACAI,EACAI,EACAE,EACAhB,EACAE,IAGJ,OAAOmB,EAAAC,cAACnC,EAAaoC,SAAQ,CAAC/B,MAAOyB,GAAexB,EACtD,EAEa+B,EAAW,WACtB,IAAMC,EAAUC,EAAWvC,GAC3B,QAAgBE,IAAZoC,EACF,MAAUE,MAAM,gDAElB,OAAOF,CACT"}
+{"version":3,"file":"TableContext.js","sources":["../../../../../../../src/components/Table/context/TableContext/TableContext.tsx"],"sourcesContent":["import React, { createContext, UIEventHandler, useCallback, useContext, useMemo, useRef } from \"react\";\nimport { TableContext as ITableContext, TableProviderProps } from \"./TableContext.types\";\n\nconst TableContext = createContext<ITableContext | undefined>(undefined);\n\nexport const TableProvider = ({ value, children }: TableProviderProps) => {\n  const { setScrollLeft } = value;\n  const headRef = useRef<HTMLDivElement>(null);\n  const virtualizedListRef = useRef<HTMLDivElement>(null);\n  const lastScrollLeft = useRef<number>(0);\n\n  const syncScroll = useCallback(\n    (newScrollLeft: number, source: \"head\" | \"body\") => {\n      if (newScrollLeft === lastScrollLeft.current) return;\n\n      if (source === \"body\" && headRef.current) {\n        headRef.current.scrollLeft = newScrollLeft;\n      }\n      if (source === \"head\" && virtualizedListRef.current) {\n        virtualizedListRef.current.scrollLeft = newScrollLeft;\n      }\n\n      setScrollLeft(newScrollLeft);\n      lastScrollLeft.current = newScrollLeft;\n    },\n    [setScrollLeft]\n  );\n\n  const onHeadScroll: UIEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      syncScroll(newLeft, \"head\");\n    },\n    [syncScroll]\n  );\n\n  const onVirtualizedListScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      syncScroll(newLeft, \"body\");\n    },\n    [syncScroll]\n  );\n\n  const contextValue = useMemo<ITableContext>(\n    () => ({\n      ...value,\n      headRef,\n      onHeadScroll,\n      virtualizedListRef,\n      onVirtualizedListScroll\n    }),\n    [value, onHeadScroll, onVirtualizedListScroll]\n  );\n\n  return <TableContext.Provider value={contextValue}>{children}</TableContext.Provider>;\n};\n\nexport const useTable = () => {\n  const context = useContext(TableContext);\n  if (context === undefined) {\n    throw new Error(\"useTable must be used within a TableProvider\");\n  }\n  return context;\n};\n"],"names":["TableContext","createContext","undefined","TableProvider","_ref","value","children","setScrollLeft","headRef","useRef","virtualizedListRef","lastScrollLeft","syncScroll","useCallback","newScrollLeft","source","current","scrollLeft","onHeadScroll","e","target","onVirtualizedListScroll","contextValue","useMemo","Object","assign","React","createElement","Provider","useTable","context","useContext","Error"],"mappings":"mGAGA,IAAMA,EAAeC,OAAyCC,GAEjDC,EAAgB,SAAHC,GAA+C,IAAzCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAC7BC,EAAkBF,EAAlBE,cACFC,EAAUC,EAAuB,MACjCC,EAAqBD,EAAuB,MAC5CE,EAAiBF,EAAe,GAEhCG,EAAaC,GACjB,SAACC,EAAuBC,GAClBD,IAAkBH,EAAeK,UAEtB,SAAXD,GAAqBP,EAAQQ,UAC/BR,EAAQQ,QAAQC,WAAaH,GAEhB,SAAXC,GAAqBL,EAAmBM,UAC1CN,EAAmBM,QAAQC,WAAaH,GAG1CP,EAAcO,GACdH,EAAeK,QAAUF,EAC3B,GACA,CAACP,IAGGW,EAA+CL,GACnD,SAAAM,GAEEP,EADiBO,EAAEC,OAA0BH,WACzB,OACtB,GACA,CAACL,IAGGS,EAA0BR,GAC9B,SAAAM,GAEEP,EADiBO,EAAEC,OAA0BH,WACzB,OACtB,GACA,CAACL,IAGGU,EAAeC,GACnB,WAAA,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDpB,GAAK,CACRG,QAAAA,EACAU,aAAAA,EACAR,mBAAAA,EACAW,wBAAAA,GACA,GACF,CAAChB,EAAOa,EAAcG,IAGxB,OAAOK,EAAAC,cAAC3B,EAAa4B,SAAQ,CAACvB,MAAOiB,GAAehB,EACtD,EAEauB,EAAW,WACtB,IAAMC,EAAUC,EAAW/B,GAC3B,QAAgBE,IAAZ4B,EACF,MAAUE,MAAM,gDAElB,OAAOF,CACT"}

package/dist/mocked_classnames/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js

@@ -1,2 +1,2 @@
-import{slicedToArray as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{useContext as r,createContext as t,useState as o,useMemo as u,useRef as i,useCallback as l}from"react";import{useTable as c}from"../TableContext/TableContext.js";var a=t(void 0),f=function(r){var t=r.children,f=c().tableRootRef,v=o(!1),d=n(v,2),s=d[0],R=d[1],m=o(null),w=n(m,2),M=w[0],b=w[1],T=u((function(){var n;return null===(n=null==M?void 0:M.current)||void 0===n?void 0:n.id}),[M]),p=i(null),g=l((function(){clearTimeout(p.current),p.current=null}),[]),h=l((function(n){p.current=setTimeout((function(){n()}),400)}),[]),C=u((function(){if(!(null==f?void 0:f.current)||!(null==M?void 0:M.current))return 0;var n=f.current.getBoundingClientRect().top;return M.current.getBoundingClientRect().top-n}),[M,f]),x=l((function(n){s||(null==M?void 0:M.current)===n.current||(g(),b(n))}),[s,M,g]),B=l((function(){s||h((function(){return b(null)}))}),[s,h]),P=l((function(){s||g()}),[s,g]),H=l((function(){s||b(null)}),[s]),j=l((function(){R(!1),b(null)}),[]),E=u((function(){return{hoveredRowId:T,resetHoveredRow:j,menuButtonPosition:C,onMouseOverRow:x,onMouseLeaveRow:B,onMouseOverRowMenu:P,onMouseLeaveRowMenu:H,setTableMenuShown:function(){return R(!0)},setTableMenuHidden:function(){return R(!1)}}}),[T,j,C,B,H,x,P]);return e.createElement(a.Provider,{value:E},t)},v=function(){var n=r(a);if(!n)throw Error("useTableRowMenuContext must be used within a TableRowMenuProvider");return n};export{f as TableRowMenuProvider,v as useTableRowMenu};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useContext as o,createContext as r,useRef as t,useState as u,useCallback as i,useMemo as l}from"react";var c=r(void 0),v=function(o){var r=o.value,v=o.children,a=r.tableRootRef,d=r.hoveredRowRef,s=r.isMenuOpen,f=r.resetHoveredRow,R=r.setHoveredRowRef,w=r.setIsMenuOpen,M=t(null),m=u(0),p=e(m,2),b=p[0],T=p[1],h=i((function(){clearTimeout(M.current),M.current=null}),[]),g=i((function(e){if(!s&&(null==d?void 0:d.current)!==e.current){h(),R(e);var n=a.current.getBoundingClientRect().top,o=e.current.getBoundingClientRect().top;T(o-n)}}),[s,d,h,R,a]),H=i((function(){s||(M.current=setTimeout((function(){R(null)}),400))}),[s,R]),B=i((function(){s||h()}),[s,h]),O=i((function(){s||R(null)}),[s,R]),P=l((function(){var e;return{hoveredRowId:null===(e=null==d?void 0:d.current)||void 0===e?void 0:e.id,resetHoveredRow:f,menuButtonPosition:b,onMouseOverRow:g,onMouseLeaveRow:H,onMouseOverRowMenu:B,onMouseLeaveRowMenu:O,setTableMenuShown:function(){return w(!0)},setTableMenuHidden:function(){return w(!1)}}}),[d,f,b,H,O,g,B,w]);return n.createElement(c.Provider,{value:P},v)},a=function(){var e=o(c);if(!e)throw Error("useTableRowMenuContext must be used within a TableRowMenuProvider");return e};export{v as TableRowMenuProvider,a as useTableRowMenu};
 //# sourceMappingURL=TableRowMenuContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { TableRowMenuContext as ITableRowMenuContext, TableRowMenuProviderProps } from \"./TableRowMenuContext.types\";\nimport { useTable } from \"../TableContext/TableContext\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext | undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ children }: TableRowMenuProviderProps) => {\n  const { tableRootRef } = useTable();\n  const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n\n  const [hoveredRowRef, setHoveredRowRef] = useState<React.MutableRefObject<HTMLDivElement>>(null);\n  const hoveredRowId = useMemo<string>(() => hoveredRowRef?.current?.id, [hoveredRowRef]);\n\n  const rowMouseLeaveTimeoutId = useRef<ReturnType<typeof setTimeout>>(null);\n\n  const resetTimeout = useCallback(() => {\n    clearTimeout(rowMouseLeaveTimeoutId.current);\n    rowMouseLeaveTimeoutId.current = null;\n  }, []);\n\n  const startTimeout = useCallback((callback: () => void) => {\n    rowMouseLeaveTimeoutId.current = setTimeout(() => {\n      callback();\n    }, 400);\n  }, []);\n\n  const menuButtonPosition = useMemo<number>(() => {\n    if (!tableRootRef?.current || !hoveredRowRef?.current) return 0;\n    const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n    const rowTop = hoveredRowRef.current.getBoundingClientRect().top;\n    return rowTop - tableRootTop;\n  }, [hoveredRowRef, tableRootRef]);\n\n  const onMouseOverRow = useCallback(\n    (rowRef: React.MutableRefObject<HTMLDivElement>) => {\n      if (isMenuOpen || hoveredRowRef?.current === rowRef.current) return;\n      resetTimeout();\n      setHoveredRowRef(rowRef);\n    },\n    [isMenuOpen, hoveredRowRef, resetTimeout]\n  );\n\n  const onMouseLeaveRow = useCallback(() => {\n    if (isMenuOpen) return;\n    startTimeout(() => setHoveredRowRef(null));\n  }, [isMenuOpen, startTimeout]);\n\n  const onMouseOverRowMenu = useCallback(() => {\n    if (isMenuOpen) return;\n    resetTimeout();\n  }, [isMenuOpen, resetTimeout]);\n\n  const onMouseLeaveRowMenu = useCallback(() => {\n    if (isMenuOpen) return;\n    setHoveredRowRef(null);\n  }, [isMenuOpen]);\n\n  const resetHoveredRow = useCallback(() => {\n    setIsMenuOpen(false);\n    setHoveredRowRef(null);\n  }, []);\n\n  const contextValue = useMemo<ITableRowMenuContext>(\n    () => ({\n      hoveredRowId,\n      resetHoveredRow,\n      menuButtonPosition,\n      onMouseOverRow,\n      onMouseLeaveRow,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu,\n      setTableMenuShown: () => setIsMenuOpen(true),\n      setTableMenuHidden: () => setIsMenuOpen(false)\n    }),\n    [\n      hoveredRowId,\n      resetHoveredRow,\n      menuButtonPosition,\n      onMouseLeaveRow,\n      onMouseLeaveRowMenu,\n      onMouseOverRow,\n      onMouseOverRowMenu\n    ]\n  );\n\n  return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n  const context = useContext(TableRowMenuContext);\n  if (!context) {\n    throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n  }\n  return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","children","tableRootRef","useTable","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","hoveredRowId","useMemo","_a","current","id","rowMouseLeaveTimeoutId","useRef","resetTimeout","useCallback","clearTimeout","startTimeout","callback","setTimeout","menuButtonPosition","tableRootTop","getBoundingClientRect","top","onMouseOverRow","rowRef","onMouseLeaveRow","onMouseOverRowMenu","onMouseLeaveRowMenu","resetHoveredRow","contextValue","setTableMenuShown","setTableMenuHidden","React","createElement","Provider","value","useTableRowMenu","context","useContext","Error"],"mappings":"iQAIA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAA+C,IAAzCC,EAAQD,EAARC,SAC7BC,EAAiBC,IAAjBD,aACRE,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhCI,EAA0CL,EAAiD,MAAKM,EAAAJ,EAAAG,EAAA,GAAzFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAeC,GAAgB,WAAM,IAAAC,EAAA,OAAsB,QAAtBA,EAAAJ,eAAAA,EAAeK,eAAO,IAAAD,OAAA,EAAAA,EAAEE,EAAE,GAAE,CAACN,IAElEO,EAAyBC,EAAsC,MAE/DC,EAAeC,GAAY,WAC/BC,aAAaJ,EAAuBF,SACpCE,EAAuBF,QAAU,IAClC,GAAE,IAEGO,EAAeF,GAAY,SAACG,GAChCN,EAAuBF,QAAUS,YAAW,WAC1CD,GACD,GAAE,IACJ,GAAE,IAEGE,EAAqBZ,GAAgB,WACzC,KAAKb,aAAA,EAAAA,EAAce,YAAYL,eAAAA,EAAeK,SAAS,OAAO,EAC9D,IAAMW,EAAe1B,EAAae,QAAQY,wBAAwBC,IAElE,OADelB,EAAcK,QAAQY,wBAAwBC,IAC7CF,CAClB,GAAG,CAAChB,EAAeV,IAEb6B,EAAiBT,GACrB,SAACU,GACKxB,IAAcI,aAAA,EAAAA,EAAeK,WAAYe,EAAOf,UACpDI,IACAR,EAAiBmB,GAClB,GACD,CAACxB,EAAYI,EAAeS,IAGxBY,EAAkBX,GAAY,WAC9Bd,GACJgB,GAAa,WAAA,OAAMX,EAAiB,QACtC,GAAG,CAACL,EAAYgB,IAEVU,EAAqBZ,GAAY,WACjCd,GACJa,GACF,GAAG,CAACb,EAAYa,IAEVc,EAAsBb,GAAY,WAClCd,GACJK,EAAiB,KACnB,GAAG,CAACL,IAEE4B,EAAkBd,GAAY,WAClCb,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEGwB,EAAetB,GACnB,WAAA,MAAO,CACLD,aAAAA,EACAsB,gBAAAA,EACAT,mBAAAA,EACAI,eAAAA,EACAE,gBAAAA,EACAC,mBAAAA,EACAC,oBAAAA,EACAG,kBAAmB,WAAA,OAAM7B,GAAc,EAAK,EAC5C8B,mBAAoB,WAAA,OAAM9B,GAAc,EAAM,EAC/C,GACD,CACEK,EACAsB,EACAT,EACAM,EACAE,EACAJ,EACAG,IAIJ,OAAOM,EAAAC,cAAC7C,EAAoB8C,SAAQ,CAACC,MAAON,GAAepC,EAC7D,EAEa2C,EAAkB,WAC7B,IAAMC,EAAUC,EAAWlD,GAC3B,IAAKiD,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}
+{"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { TableRowMenuContext as ITableRowMenuContext, TableRowMenuProviderProps } from \"./TableRowMenuContext.types\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext | undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ value, children }: TableRowMenuProviderProps) => {\n  const { tableRootRef, hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef, setIsMenuOpen } = value;\n  const rowMouseLeaveTimeoutId = useRef<ReturnType<typeof setTimeout>>(null);\n  const [menuButtonPosition, setMenuButtonPosition] = useState(0);\n\n  const resetTimeout = useCallback(() => {\n    clearTimeout(rowMouseLeaveTimeoutId.current);\n    rowMouseLeaveTimeoutId.current = null;\n  }, []);\n\n  const onMouseOverRow = useCallback(\n    (rowRef: React.RefObject<HTMLDivElement>) => {\n      if (isMenuOpen || hoveredRowRef?.current === rowRef.current) return;\n      resetTimeout();\n      setHoveredRowRef(rowRef);\n      const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n      const rowTop = rowRef.current.getBoundingClientRect().top;\n      setMenuButtonPosition(rowTop - tableRootTop);\n    },\n    [isMenuOpen, hoveredRowRef, resetTimeout, setHoveredRowRef, tableRootRef]\n  );\n\n  const onMouseLeaveRow = useCallback(() => {\n    if (isMenuOpen) return;\n    rowMouseLeaveTimeoutId.current = setTimeout(() => {\n      setHoveredRowRef(null);\n    }, 400);\n  }, [isMenuOpen, setHoveredRowRef]);\n\n  const onMouseOverRowMenu = useCallback(() => {\n    if (isMenuOpen) return;\n    resetTimeout();\n  }, [isMenuOpen, resetTimeout]);\n\n  const onMouseLeaveRowMenu = useCallback(() => {\n    if (isMenuOpen) return;\n    setHoveredRowRef(null);\n  }, [isMenuOpen, setHoveredRowRef]);\n\n  const contextValue = useMemo<ITableRowMenuContext>(\n    () => ({\n      hoveredRowId: hoveredRowRef?.current?.id,\n      resetHoveredRow,\n      menuButtonPosition,\n      onMouseOverRow,\n      onMouseLeaveRow,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu,\n      setTableMenuShown: () => setIsMenuOpen(true),\n      setTableMenuHidden: () => setIsMenuOpen(false)\n    }),\n    [\n      hoveredRowRef,\n      resetHoveredRow,\n      menuButtonPosition,\n      onMouseLeaveRow,\n      onMouseLeaveRowMenu,\n      onMouseOverRow,\n      onMouseOverRowMenu,\n      setIsMenuOpen\n    ]\n  );\n\n  return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n  const context = useContext(TableRowMenuContext);\n  if (!context) {\n    throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n  }\n  return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","value","children","tableRootRef","hoveredRowRef","isMenuOpen","resetHoveredRow","setHoveredRowRef","setIsMenuOpen","rowMouseLeaveTimeoutId","useRef","_useState","useState","_useState2","_slicedToArray","menuButtonPosition","setMenuButtonPosition","resetTimeout","useCallback","clearTimeout","current","onMouseOverRow","rowRef","tableRootTop","getBoundingClientRect","top","rowTop","onMouseLeaveRow","setTimeout","onMouseOverRowMenu","onMouseLeaveRowMenu","contextValue","useMemo","hoveredRowId","_a","id","setTableMenuShown","setTableMenuHidden","React","createElement","Provider","useTableRowMenu","context","useContext","Error"],"mappings":"sMAGA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACpCC,EAA8FF,EAA9FE,aAAcC,EAAgFH,EAAhFG,cAAeC,EAAiEJ,EAAjEI,WAAYC,EAAqDL,EAArDK,gBAAiBC,EAAoCN,EAApCM,iBAAkBC,EAAkBP,EAAlBO,cAC9EC,EAAyBC,EAAsC,MACrEC,EAAoDC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxDI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAE1CI,EAAeC,GAAY,WAC/BC,aAAaV,EAAuBW,SACpCX,EAAuBW,QAAU,IAClC,GAAE,IAEGC,EAAiBH,GACrB,SAACI,GACC,IAAIjB,IAAcD,aAAA,EAAAA,EAAegB,WAAYE,EAAOF,QAApD,CACAH,IACAV,EAAiBe,GACjB,IAAMC,EAAepB,EAAaiB,QAAQI,wBAAwBC,IAC5DC,EAASJ,EAAOF,QAAQI,wBAAwBC,IACtDT,EAAsBU,EAASH,EAL8B,CAM/D,GACA,CAAClB,EAAYD,EAAea,EAAcV,EAAkBJ,IAGxDwB,EAAkBT,GAAY,WAC9Bb,IACJI,EAAuBW,QAAUQ,YAAW,WAC1CrB,EAAiB,KAClB,GAAE,KACL,GAAG,CAACF,EAAYE,IAEVsB,EAAqBX,GAAY,WACjCb,GACJY,GACF,GAAG,CAACZ,EAAYY,IAEVa,EAAsBZ,GAAY,WAClCb,GACJE,EAAiB,KACnB,GAAG,CAACF,EAAYE,IAEVwB,EAAeC,GACnB,iBAAM,MAAC,CACLC,aAAoC,QAAtBC,EAAA9B,eAAAA,EAAegB,eAAO,IAAAc,OAAA,EAAAA,EAAEC,GACtC7B,gBAAAA,EACAS,mBAAAA,EACAM,eAAAA,EACAM,gBAAAA,EACAE,mBAAAA,EACAC,oBAAAA,EACAM,kBAAmB,WAAA,OAAM5B,GAAc,EAAK,EAC5C6B,mBAAoB,WAAA,OAAM7B,GAAc,EAAM,KAEhD,CACEJ,EACAE,EACAS,EACAY,EACAG,EACAT,EACAQ,EACArB,IAIJ,OAAO8B,EAAAC,cAAC3C,EAAoB4C,SAAQ,CAACvC,MAAO8B,GAAe7B,EAC7D,EAEauC,EAAkB,WAC7B,IAAMC,EAAUC,EAAW/C,GAC3B,IAAK8C,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",helpText:"helpText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-c3a555441acd_3_0_0-beta_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 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .label {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .helpText {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .textArea {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",helpText:"helpText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-c3a555441acd_3_0_0-beta_2";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 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .label {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .helpText {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .textArea {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",tooltipContainer:"tooltipContainer",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg"};!function(n){const e="s_id-bf094fee8204_3_0_0-beta_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 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .subTextContainer {\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 .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\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.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\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 .inputWrapper .input.readOnly {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--primary-text-color);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--primary-color);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\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 .inputWrapper .tooltipContainer {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .tooltipContainer {\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .tooltipContainer {\n  width: 46px;\n}\n\n.textField .inputWrapper .iconContainer {\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}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField .inputWrapper .iconContainer .icon {\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}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\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 .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\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 .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--primary-text-color);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\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 .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--primary-text-color);\n}\n\n.textField .inputWrapper .loaderContainer {\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 .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--secondary-text-color);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\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 n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",tooltipContainer:"tooltipContainer",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg"};!function(n){const e="s_id-bf094fee8204_3_0_0-beta_2";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 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .subTextContainer {\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 .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\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.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\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 .inputWrapper .input.readOnly {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--primary-text-color);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--primary-color);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\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 .inputWrapper .tooltipContainer {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .tooltipContainer {\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .tooltipContainer {\n  width: 46px;\n}\n\n.textField .inputWrapper .iconContainer {\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}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField .inputWrapper .iconContainer .icon {\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}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\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 .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\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 .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--primary-text-color);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\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 .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--primary-text-color);\n}\n\n.textField .inputWrapper .loaderContainer {\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 .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--secondary-text-color);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\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};
 //# sourceMappingURL=TextField.module.scss.js.map