@atom-learning/components 6.4.2 → 6.5.1

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  base: [\n    'appearance-none',\n    'bg-grey-600',\n    'rounded-full',\n    'cursor-pointer',\n    'flex',\n    'overflow-hidden',\n    'relative',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'hover:bg-grey-700',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:hover:bg-primary-900',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      md: ['p-0.5', 'w-10'],\n      lg: ['p-1', 'w-16']\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  base: [\n    'bg-white',\n    'rounded-full',\n    'block',\n    'transition-transform',\n    'duration-50',\n    'will-change-transform'\n  ],\n  variants: {\n    size: {\n      md: ['data-[state=checked]:translate-x-5', 'size-4'],\n      lg: ['data-[state=checked]:translate-x-8', 'size-6']\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch = ({ size = 'md', ...rest }: SwitchProps) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","StyledThumb","Switch","size","rest","React"],"mappings":"0GAKA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,KAAM,CACJ,kBACA,cACA,eACA,iBACA,OACA,kBACA,WACA,iBACA,cACA,WACA,oBACA,kBACA,yBACA,4BACA,sBACA,sCACA,4CACA,8BACA,qBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAS,MAAM,EACpB,GAAI,CAAC,MAAO,MAAM,CACpB,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOC,EAAY,MAAO,CAC5C,KAAM,CACJ,WACA,eACA,QACA,uBACA,cACA,uBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,qCAAsC,QAAQ,EACnD,GAAI,CAAC,qCAAsC,QAAQ,CACrD,CACF,CACF,CAAC,EAIYE,EAAS,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAC5CC,EAAA,cAACP,EAAA,CAAa,KAAMK,EAAO,GAAGC,CAC5BC,EAAAA,EAAA,cAACJ,EAAA,CAAY,KAAME,CAAM,CAAA,CAC3B,EAGFD,EAAO,YAAc"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  base: [\n    'appearance-none',\n    'bg-grey-600',\n    'rounded-full',\n    'cursor-pointer',\n    'flex',\n    'overflow-hidden',\n    'relative',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'hover:bg-grey-700',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:hover:bg-primary-900',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      md: ['p-0.5', 'w-10'],\n      lg: ['p-1', 'w-16']\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  base: [\n    'bg-white',\n    'rounded-full',\n    'block',\n    'transition-transform',\n    'duration-50',\n    'will-change-transform'\n  ],\n  variants: {\n    size: {\n      md: ['data-[state=checked]:translate-x-5', 'size-4'],\n      lg: ['data-[state=checked]:translate-x-8', 'size-6']\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch = ({ size = 'md', ...rest }: SwitchProps) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"mappings":";;;;AAKA,IAAM,IAAe,EAAO,EAAY,MAAM;CAC5C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS,OAAO;EACrB,IAAI,CAAC,OAAO,OAAO;EACpB,EACF;CACF,CAAC,EAEI,IAAc,EAAO,EAAY,OAAO;CAC5C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,sCAAsC,SAAS;EACpD,IAAI,CAAC,sCAAsC,SAAS;EACrD,EACF;CACF,CAAC,EAIW,KAAU,EAAE,UAAO,MAAM,GAAG,QACvC,kBAAA,cAAC,GAAD;CAAoB;CAAM,GAAI;CAEf,EADb,kBAAA,cAAC,GAAD,EAAmB,SAAQ,CAAA,CACd;AAGjB,EAAO,cAAc"}

package/dist/components/table/Table.js

@@ -1,2 +1,77 @@
-import p from"clsx";import*as e from"react";import{styled as _}from"../../styled.js";import{TableBody as f}from"./TableBody.js";import{TableCell as b}from"./TableCell.js";import{TableFooter as c}from"./TableFooter.js";import{TableFooterCell as h}from"./TableFooterCell.js";import{TableHeader as C}from"./TableHeader.js";import{TableHeaderCell as u}from"./TableHeaderCell.js";import{TableRow as y}from"./TableRow.js";import{TableStickyColumnsContainer as o}from"./TableStickyColumnsContainer.js";const T=_("table",{base:["border-separate","border-spacing-0","font-sans","text-sm","w-full","relative","z-0"],variants:{size:{md:["[&_td,&_th]:h-10","[&_td,&_th]:px-3","[&_td,&_th]:py-1"],lg:["[&_td,&_th]:h-12","[&_td,&_th]:py-0","[&_td,&_th]:pr-0","[&_td,&_th]:pl-3","[&_td,&_th]:last:pr-3"],xl:["[&_th]:h-12","[&_td]:h-16","[&_td,&_th]:py-0","[&_td,&_th]:pr-0","[&_td,&_th]:pl-3","[&_td,&_th]:last:pr-3"]},corners:{round:["rounded-md"],square:[]}}}),l=e.forwardRef(({size:a="md",corners:m="round",numberOfStickyColumns:t=0,scrollContainerCls:s,scrollContainerkey:d,...n},i)=>{const r=e.createElement(T,{ref:i,size:a,corners:m,...n});return t?e.createElement(o,{key:d,className:p(s),numberOfStickyColumns:t},r):r}),k=Object.assign(l,{Body:f,Cell:b,Footer:c,FooterCell:h,Header:C,HeaderCell:u,Row:y,StickyColumnsContainer:o});l.displayName="Table";export{k as Table};
-//# sourceMappingURL=Table.js.map
+import { styled as e } from "../../styled.js";
+import { TableBody as t } from "./TableBody.js";
+import { TableCell as n } from "./TableCell.js";
+import { TableFooter as r } from "./TableFooter.js";
+import { TableFooterCell as i } from "./TableFooterCell.js";
+import { TableHeader as a } from "./TableHeader.js";
+import { TableHeaderCell as o } from "./TableHeaderCell.js";
+import { TableRow as s } from "./TableRow.js";
+import { TableStickyColumnsContainer as c } from "./TableStickyColumnsContainer.js";
+import l from "clsx";
+import * as u from "react";
+//#region src/components/table/Table.tsx
+var d = e("table", {
+	base: [
+		"border-separate",
+		"border-spacing-0",
+		"font-sans",
+		"text-sm",
+		"w-full",
+		"relative",
+		"z-0"
+	],
+	variants: {
+		size: {
+			md: [
+				"[&_td,&_th]:h-10",
+				"[&_td,&_th]:px-3",
+				"[&_td,&_th]:py-1"
+			],
+			lg: [
+				"[&_td,&_th]:h-12",
+				"[&_td,&_th]:py-0",
+				"[&_td,&_th]:pr-0",
+				"[&_td,&_th]:pl-3",
+				"[&_td,&_th]:last:pr-3"
+			],
+			xl: [
+				"[&_th]:h-12",
+				"[&_td]:h-16",
+				"[&_td,&_th]:py-0",
+				"[&_td,&_th]:pr-0",
+				"[&_td,&_th]:pl-3",
+				"[&_td,&_th]:last:pr-3"
+			]
+		},
+		corners: {
+			round: ["rounded-md"],
+			square: []
+		}
+	}
+}), f = u.forwardRef(({ size: e = "md", corners: t = "round", numberOfStickyColumns: n = 0, scrollContainerCls: r, scrollContainerkey: i, ...a }, o) => {
+	let s = /* @__PURE__ */ u.createElement(d, {
+		ref: o,
+		size: e,
+		corners: t,
+		...a
+	});
+	return n ? /* @__PURE__ */ u.createElement(c, {
+		key: i,
+		className: l(r),
+		numberOfStickyColumns: n
+	}, s) : s;
+}), p = Object.assign(f, {
+	Body: t,
+	Cell: n,
+	Footer: r,
+	FooterCell: i,
+	Header: a,
+	HeaderCell: o,
+	Row: s,
+	StickyColumnsContainer: c
+});
+f.displayName = "Table";
+//#endregion
+export { p as Table };
+
+//# sourceMappingURL=Table.js.map

package/dist/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  base: [\n    'border-separate',\n    'border-spacing-0',\n    'font-sans',\n    'text-sm',\n    'w-full',\n    'relative',\n    'z-0'\n  ],\n  variants: {\n    size: {\n      md: ['[&_td,&_th]:h-10', '[&_td,&_th]:px-3', '[&_td,&_th]:py-1'],\n      lg: [\n        '[&_td,&_th]:h-12',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ],\n      xl: [\n        '[&_th]:h-12',\n        '[&_td]:h-16',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ]\n    },\n    corners: {\n      round: ['rounded-md'],\n      square: []\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCls?: string | string[]\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      size = 'md',\n      corners = 'round',\n      numberOfStickyColumns = 0,\n      scrollContainerCls,\n      scrollContainerkey,\n      ...rest\n    },\n    ref\n  ) => {\n    const tableComponent = (\n      <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n    )\n\n    if (numberOfStickyColumns) {\n      return (\n        <TableStickyColumnsContainer\n          key={scrollContainerkey}\n          className={clsx(scrollContainerCls)}\n          numberOfStickyColumns={numberOfStickyColumns}\n        >\n          {tableComponent}\n        </TableStickyColumnsContainer>\n      )\n    }\n\n    return tableComponent\n  }\n)\n\nexport const Table = Object.assign(TableComponent, {\n  Body: TableBody,\n  Cell: TableCell,\n  Footer: TableFooter,\n  FooterCell: TableFooterCell,\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  Row: TableRow,\n  StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"names":["StyledTable","styled","TableComponent","React","size","corners","numberOfStickyColumns","scrollContainerCls","scrollContainerkey","rest","ref","tableComponent","TableStickyColumnsContainer","clsx","Table","TableBody","TableCell","TableFooter","TableFooterCell","TableHeader","TableHeaderCell","TableRow"],"mappings":"+eAcA,MAAMA,EAAcC,EAAO,QAAS,CAClC,KAAM,CACJ,kBACA,mBACA,YACA,UACA,SACA,WACA,KACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,mBAAoB,mBAAoB,kBAAkB,EAC/D,GAAI,CACF,mBACA,mBACA,mBACA,mBACA,uBACF,EACA,GAAI,CACF,cACA,cACA,mBACA,mBACA,mBACA,uBACF,CACF,EACA,QAAS,CACP,MAAO,CAAC,YAAY,EACpB,OAAQ,CAAA,CACV,CACF,CACF,CAAC,EASKC,EAAiBC,EAAM,WAC3B,CACE,CACE,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,sBAAAC,EAAwB,EACxB,mBAAAC,EACA,mBAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EACJR,EAAA,cAACH,EAAA,CAAY,IAAKU,EAAK,KAAMN,EAAM,QAASC,EAAU,GAAGI,CAAM,CAAA,EAGjE,OAAIH,EAEAH,EAAA,cAACS,EAAA,CACC,IAAKJ,EACL,UAAWK,EAAKN,CAAkB,EAClC,sBAAuBD,CAAAA,EAEtBK,CACH,EAIGA,CACT,CACF,EAEaG,EAAQ,OAAO,OAAOZ,EAAgB,CACjD,KAAMa,EACN,KAAMC,EACN,OAAQC,EACR,WAAYC,EACZ,OAAQC,EACR,WAAYC,EACZ,IAAKC,EACL,uBAAwBT,CAC1B,CAAC,EAEDV,EAAe,YAAc"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  base: [\n    'border-separate',\n    'border-spacing-0',\n    'font-sans',\n    'text-sm',\n    'w-full',\n    'relative',\n    'z-0'\n  ],\n  variants: {\n    size: {\n      md: ['[&_td,&_th]:h-10', '[&_td,&_th]:px-3', '[&_td,&_th]:py-1'],\n      lg: [\n        '[&_td,&_th]:h-12',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ],\n      xl: [\n        '[&_th]:h-12',\n        '[&_td]:h-16',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ]\n    },\n    corners: {\n      round: ['rounded-md'],\n      square: []\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCls?: string | string[]\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      size = 'md',\n      corners = 'round',\n      numberOfStickyColumns = 0,\n      scrollContainerCls,\n      scrollContainerkey,\n      ...rest\n    },\n    ref\n  ) => {\n    const tableComponent = (\n      <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n    )\n\n    if (numberOfStickyColumns) {\n      return (\n        <TableStickyColumnsContainer\n          key={scrollContainerkey}\n          className={clsx(scrollContainerCls)}\n          numberOfStickyColumns={numberOfStickyColumns}\n        >\n          {tableComponent}\n        </TableStickyColumnsContainer>\n      )\n    }\n\n    return tableComponent\n  }\n)\n\nexport const Table = Object.assign(TableComponent, {\n  Body: TableBody,\n  Cell: TableCell,\n  Footer: TableFooter,\n  FooterCell: TableFooterCell,\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  Row: TableRow,\n  StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,IAAc,EAAO,SAAS;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAoB;IAAoB;IAAmB;GAChE,IAAI;IACF;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,SAAS;GACP,OAAO,CAAC,aAAa;GACrB,QAAQ,EAAE;GACX;EACF;CACF,CAAC,EASI,IAAiB,EAAM,YAEzB,EACE,UAAO,MACP,aAAU,SACV,2BAAwB,GACxB,uBACA,uBACA,GAAG,KAEL,MACG;CACH,IAAM,IACJ,kBAAA,cAAC,GAAD;EAAkB;EAAW;EAAe;EAAS,GAAI;EAAQ,CAAA;AAenE,QAZI,IAEA,kBAAA,cAAC,GAAD;EACE,KAAK;EACL,WAAW,EAAK,EAAmB;EACZ;EAGK,EAD3B,EAC2B,GAI3B;EAEV,EAEY,IAAQ,OAAO,OAAO,GAAgB;CACjD,MAAM;CACN,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,KAAK;CACL,wBAAwB;CACzB,CAAC;AAEF,EAAe,cAAc"}

package/dist/components/table/TableBody.js

@@ -1,2 +1,18 @@
-import*as d from"react";import{styled as o}from"../../styled.js";const s=o("tbody",{base:[],variants:{striped:{true:["[&_tr]:even:bg-grey-100","[&_tr]:odd:bg-white"],false:["[&_tr]:bg-white"]}}}),e=({striped:t=!0,...r})=>d.createElement(s,{striped:t,...r});e.displayName="TableBody";export{e as TableBody};
-//# sourceMappingURL=TableBody.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/table/TableBody.tsx
+var n = e("tbody", {
+	base: [],
+	variants: { striped: {
+		true: ["[&_tr]:even:bg-grey-100", "[&_tr]:odd:bg-white"],
+		false: ["[&_tr]:bg-white"]
+	} }
+}), r = ({ striped: e = !0, ...r }) => /* @__PURE__ */ t.createElement(n, {
+	striped: e,
+	...r
+});
+r.displayName = "TableBody";
+//#endregion
+export { r as TableBody };
+
+//# sourceMappingURL=TableBody.js.map

package/dist/components/table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTableBody = styled('tbody', {\n  base: [],\n  variants: {\n    striped: {\n      true: ['[&_tr]:even:bg-grey-100', '[&_tr]:odd:bg-white'],\n      false: ['[&_tr]:bg-white']\n    }\n  }\n})\n\ntype TableBodyProps = React.ComponentProps<typeof StyledTableBody>\n\nexport const TableBody = ({ striped = true, ...rest }: TableBodyProps) => (\n  <StyledTableBody striped={striped} {...rest} />\n)\n\nTableBody.displayName = 'TableBody'\n"],"names":["StyledTableBody","styled","TableBody","striped","rest","React"],"mappings":"iEAIA,MAAMA,EAAkBC,EAAO,QAAS,CACtC,KAAM,CAAC,EACP,SAAU,CACR,QAAS,CACP,KAAM,CAAC,0BAA2B,qBAAqB,EACvD,MAAO,CAAC,iBAAiB,CAC3B,CACF,CACF,CAAC,EAIYC,EAAY,CAAC,CAAE,QAAAC,EAAU,GAAM,GAAGC,CAAK,IAClDC,EAAA,cAACL,EAAA,CAAgB,QAASG,EAAU,GAAGC,CAAAA,CAAM,EAG/CF,EAAU,YAAc"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTableBody = styled('tbody', {\n  base: [],\n  variants: {\n    striped: {\n      true: ['[&_tr]:even:bg-grey-100', '[&_tr]:odd:bg-white'],\n      false: ['[&_tr]:bg-white']\n    }\n  }\n})\n\ntype TableBodyProps = React.ComponentProps<typeof StyledTableBody>\n\nexport const TableBody = ({ striped = true, ...rest }: TableBodyProps) => (\n  <StyledTableBody striped={striped} {...rest} />\n)\n\nTableBody.displayName = 'TableBody'\n"],"mappings":";;;AAIA,IAAM,IAAkB,EAAO,SAAS;CACtC,MAAM,EAAE;CACR,UAAU,EACR,SAAS;EACP,MAAM,CAAC,2BAA2B,sBAAsB;EACxD,OAAO,CAAC,kBAAkB;EAC3B,EACF;CACF,CAAC,EAIW,KAAa,EAAE,aAAU,IAAM,GAAG,QAC7C,kBAAA,cAAC,GAAD;CAA0B;CAAS,GAAI;CAAQ,CAAA;AAGjD,EAAU,cAAc"}

package/dist/components/table/TableCell.js

@@ -1,2 +1,17 @@
-import{styled as t}from"../../styled.js";const e=t("td",{base:["border-t","border-t-grey-100","text-grey-800","font-body","leading-normal","text-left","align-middle","first:font-semibold"]});e.displayName="TableCell";export{e as TableCell};
-//# sourceMappingURL=TableCell.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/table/TableCell.tsx
+var t = e("td", { base: [
+	"border-t",
+	"border-t-grey-100",
+	"text-grey-800",
+	"font-body",
+	"leading-normal",
+	"text-left",
+	"align-middle",
+	"first:font-semibold"
+] });
+t.displayName = "TableCell";
+//#endregion
+export { t as TableCell };
+
+//# sourceMappingURL=TableCell.js.map

package/dist/components/table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableCell = styled('td', {\n  base: [\n    'border-t',\n    'border-t-grey-100',\n    'text-grey-800',\n    'font-body',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    'first:font-semibold'\n  ]\n})\n\nTableCell.displayName = 'TableCell'\n"],"names":["TableCell","styled"],"mappings":"yCAEO,MAAMA,EAAYC,EAAO,KAAM,CACpC,KAAM,CACJ,WACA,oBACA,gBACA,YACA,iBACA,YACA,eACA,qBACF,CACF,CAAC,EAEDD,EAAU,YAAc"}
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableCell = styled('td', {\n  base: [\n    'border-t',\n    'border-t-grey-100',\n    'text-grey-800',\n    'font-body',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    'first:font-semibold'\n  ]\n})\n\nTableCell.displayName = 'TableCell'\n"],"mappings":";;AAEA,IAAa,IAAY,EAAO,MAAM,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,EAAU,cAAc"}

package/dist/components/table/TableFooter.js

@@ -1,2 +1,8 @@
-import{styled as e}from"../../styled.js";const o=e("tfoot",{base:[]});o.displayName="TableFooter";export{o as TableFooter};
-//# sourceMappingURL=TableFooter.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/table/TableFooter.tsx
+var t = e("tfoot", { base: [] });
+t.displayName = "TableFooter";
+//#endregion
+export { t as TableFooter };
+
+//# sourceMappingURL=TableFooter.js.map

package/dist/components/table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooter = styled('tfoot', {\n  base: []\n})\n\nTableFooter.displayName = 'TableFooter'\n"],"names":["TableFooter","styled"],"mappings":"yCAEO,MAAMA,EAAcC,EAAO,QAAS,CACzC,KAAM,CAAA,CACR,CAAC,EAEDD,EAAY,YAAc"}
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooter = styled('tfoot', {\n  base: []\n})\n\nTableFooter.displayName = 'TableFooter'\n"],"mappings":";;AAEA,IAAa,IAAc,EAAO,SAAS,EACzC,MAAM,EAAE,EACT,CAAC;AAEF,EAAY,cAAc"}

package/dist/components/table/TableFooterCell.js

@@ -1,2 +1,14 @@
-import{styled as t}from"../../styled.js";const e=t("td",{base:["text-grey-800","font-body","font-semibold","text-left","align-middle"]});e.displayName="TableFooterCell";export{e as TableFooterCell};
-//# sourceMappingURL=TableFooterCell.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/table/TableFooterCell.tsx
+var t = e("td", { base: [
+	"text-grey-800",
+	"font-body",
+	"font-semibold",
+	"text-left",
+	"align-middle"
+] });
+t.displayName = "TableFooterCell";
+//#endregion
+export { t as TableFooterCell };
+
+//# sourceMappingURL=TableFooterCell.js.map

package/dist/components/table/TableFooterCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooterCell.js","sources":["../../../src/components/table/TableFooterCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooterCell = styled('td', {\n  base: [\n    'text-grey-800',\n    'font-body',\n    'font-semibold',\n    'text-left',\n    'align-middle'\n  ]\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"names":["TableFooterCell","styled"],"mappings":"+CAEaA,EAAkBC,EAAO,KAAM,CAC1C,KAAM,CACJ,gBACA,YACA,gBACA,YACA,cACF,CACF,CAAC,EAEDD,EAAgB,YAAc"}
+{"version":3,"file":"TableFooterCell.js","names":[],"sources":["../../../src/components/table/TableFooterCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooterCell = styled('td', {\n  base: [\n    'text-grey-800',\n    'font-body',\n    'font-semibold',\n    'text-left',\n    'align-middle'\n  ]\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAO,MAAM,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,EAAgB,cAAc"}

package/dist/components/table/TableHeader.js

@@ -1,2 +1,35 @@
-import y from"react";import{styled as h}from"../../styled.js";const t={PRIMARY:"primary",PRIMARY_DARK:"primaryDark",PRIMARY_LIGHT:"primaryLight",LIGHT:"light",WHITE:"white"},m=h("thead",{base:[],variants:{theme:{[t.PRIMARY]:["[&_th]:bg-primary-800"],[t.PRIMARY_DARK]:["[&_th]:bg-primary-1000"],[t.PRIMARY_LIGHT]:["[&_th]:bg-primary-200","[&_th]:text-grey-1000"],[t.LIGHT]:["[&_th]:bg-grey-100","[&_th]:text-grey-1000"],[t.WHITE]:["[&_th]:bg-white","[&_th]:text-grey-1000"]},isSticky:{true:["sticky","top-0","z-3"]}}}),e=({theme:r="primaryDark",isSticky:i=!1,...a})=>y.createElement(m,{theme:r,isSticky:i,...a});e.displayName="TableHeader";export{t as TABLE_HEADER_THEMES,e as TableHeader};
-//# sourceMappingURL=TableHeader.js.map
+import { styled as e } from "../../styled.js";
+import t from "react";
+//#region src/components/table/TableHeader.tsx
+var n = {
+	PRIMARY: "primary",
+	PRIMARY_DARK: "primaryDark",
+	PRIMARY_LIGHT: "primaryLight",
+	LIGHT: "light",
+	WHITE: "white"
+}, r = e("thead", {
+	base: [],
+	variants: {
+		theme: {
+			[n.PRIMARY]: ["[&_th]:bg-primary-800"],
+			[n.PRIMARY_DARK]: ["[&_th]:bg-primary-1000"],
+			[n.PRIMARY_LIGHT]: ["[&_th]:bg-primary-200", "[&_th]:text-grey-1000"],
+			[n.LIGHT]: ["[&_th]:bg-grey-100", "[&_th]:text-grey-1000"],
+			[n.WHITE]: ["[&_th]:bg-white", "[&_th]:text-grey-1000"]
+		},
+		isSticky: { true: [
+			"sticky",
+			"top-0",
+			"z-3"
+		] }
+	}
+}), i = ({ theme: e = "primaryDark", isSticky: n = !1, ...i }) => /* @__PURE__ */ t.createElement(r, {
+	theme: e,
+	isSticky: n,
+	...i
+});
+i.displayName = "TableHeader";
+//#endregion
+export { i as TableHeader };
+
+//# sourceMappingURL=TableHeader.js.map

package/dist/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const TABLE_HEADER_THEMES = {\n  PRIMARY: 'primary',\n  PRIMARY_DARK: 'primaryDark',\n  PRIMARY_LIGHT: 'primaryLight',\n  LIGHT: 'light',\n  WHITE: 'white'\n} as const\n\nconst StyledTableHeader = styled('thead', {\n  base: [],\n  variants: {\n    theme: {\n      [TABLE_HEADER_THEMES.PRIMARY]: ['[&_th]:bg-primary-800'],\n      [TABLE_HEADER_THEMES.PRIMARY_DARK]: ['[&_th]:bg-primary-1000'],\n      [TABLE_HEADER_THEMES.PRIMARY_LIGHT]: [\n        '[&_th]:bg-primary-200',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.LIGHT]: [\n        '[&_th]:bg-grey-100',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.WHITE]: ['[&_th]:bg-white', '[&_th]:text-grey-1000']\n    },\n    isSticky: {\n      true: ['sticky', 'top-0', 'z-3']\n    }\n  }\n})\n\ntype TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>\n\nexport const TableHeader = ({\n  theme = 'primaryDark',\n  isSticky = false,\n  ...rest\n}: TableHeaderProps) => {\n  return <StyledTableHeader theme={theme} isSticky={isSticky} {...rest} />\n}\n\nTableHeader.displayName = 'TableHeader'\n"],"names":["TABLE_HEADER_THEMES","StyledTableHeader","styled","TableHeader","theme","isSticky","rest","React"],"mappings":"8DAIa,MAAAA,EAAsB,CACjC,QAAS,UACT,aAAc,cACd,cAAe,eACf,MAAO,QACP,MAAO,OACT,EAEMC,EAAoBC,EAAO,QAAS,CACxC,KAAM,CAAA,EACN,SAAU,CACR,MAAO,CACL,CAACF,EAAoB,OAAO,EAAG,CAAC,uBAAuB,EACvD,CAACA,EAAoB,YAAY,EAAG,CAAC,wBAAwB,EAC7D,CAACA,EAAoB,aAAa,EAAG,CACnC,wBACA,uBACF,EACA,CAACA,EAAoB,KAAK,EAAG,CAC3B,qBACA,uBACF,EACA,CAACA,EAAoB,KAAK,EAAG,CAAC,kBAAmB,uBAAuB,CAC1E,EACA,SAAU,CACR,KAAM,CAAC,SAAU,QAAS,KAAK,CACjC,CACF,CACF,CAAC,EAIYG,EAAc,CAAC,CAC1B,MAAAC,EAAQ,cACR,SAAAC,EAAW,GACX,GAAGC,CACL,IACSC,EAAA,cAACN,EAAA,CAAkB,MAAOG,EAAO,SAAUC,EAAW,GAAGC,CAAAA,CAAM,EAGxEH,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const TABLE_HEADER_THEMES = {\n  PRIMARY: 'primary',\n  PRIMARY_DARK: 'primaryDark',\n  PRIMARY_LIGHT: 'primaryLight',\n  LIGHT: 'light',\n  WHITE: 'white'\n} as const\n\nconst StyledTableHeader = styled('thead', {\n  base: [],\n  variants: {\n    theme: {\n      [TABLE_HEADER_THEMES.PRIMARY]: ['[&_th]:bg-primary-800'],\n      [TABLE_HEADER_THEMES.PRIMARY_DARK]: ['[&_th]:bg-primary-1000'],\n      [TABLE_HEADER_THEMES.PRIMARY_LIGHT]: [\n        '[&_th]:bg-primary-200',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.LIGHT]: [\n        '[&_th]:bg-grey-100',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.WHITE]: ['[&_th]:bg-white', '[&_th]:text-grey-1000']\n    },\n    isSticky: {\n      true: ['sticky', 'top-0', 'z-3']\n    }\n  }\n})\n\ntype TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>\n\nexport const TableHeader = ({\n  theme = 'primaryDark',\n  isSticky = false,\n  ...rest\n}: TableHeaderProps) => {\n  return <StyledTableHeader theme={theme} isSticky={isSticky} {...rest} />\n}\n\nTableHeader.displayName = 'TableHeader'\n"],"mappings":";;;AAIA,IAAa,IAAsB;CACjC,SAAS;CACT,cAAc;CACd,eAAe;CACf,OAAO;CACP,OAAO;CACR,EAEK,IAAoB,EAAO,SAAS;CACxC,MAAM,EAAE;CACR,UAAU;EACR,OAAO;IACJ,EAAoB,UAAU,CAAC,wBAAwB;IACvD,EAAoB,eAAe,CAAC,yBAAyB;IAC7D,EAAoB,gBAAgB,CACnC,yBACA,wBACD;IACA,EAAoB,QAAQ,CAC3B,sBACA,wBACD;IACA,EAAoB,QAAQ,CAAC,mBAAmB,wBAAwB;GAC1E;EACD,UAAU,EACR,MAAM;GAAC;GAAU;GAAS;GAAM,EACjC;EACF;CACF,CAAC,EAIW,KAAe,EAC1B,WAAQ,eACR,cAAW,IACX,GAAG,QAEI,kBAAA,cAAC,GAAD;CAA0B;CAAiB;CAAU,GAAI;CAAQ,CAAA;AAG1E,EAAY,cAAc"}

package/dist/components/table/TableHeaderCell.js

@@ -1,2 +1,16 @@
-import{styled as t}from"../../styled.js";const e=t("th",{base:["text-white","font-body","font-semibold","leading-normal","text-left","align-middle","[[colspan]]:text-center"]});e.displayName="TableHeaderCell";export{e as TableHeaderCell};
-//# sourceMappingURL=TableHeaderCell.js.map
+import { styled as e } from "../../styled.js";
+//#region src/components/table/TableHeaderCell.tsx
+var t = e("th", { base: [
+	"text-white",
+	"font-body",
+	"font-semibold",
+	"leading-normal",
+	"text-left",
+	"align-middle",
+	"[[colspan]]:text-center"
+] });
+t.displayName = "TableHeaderCell";
+//#endregion
+export { t as TableHeaderCell };
+
+//# sourceMappingURL=TableHeaderCell.js.map

package/dist/components/table/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableHeaderCell = styled('th', {\n  base: [\n    'text-white',\n    'font-body',\n    'font-semibold',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    '[[colspan]]:text-center'\n  ]\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"names":["TableHeaderCell","styled"],"mappings":"yCAEO,MAAMA,EAAkBC,EAAO,KAAM,CAC1C,KAAM,CACJ,aACA,YACA,gBACA,iBACA,YACA,eACA,yBACF,CACF,CAAC,EAEDD,EAAgB,YAAc"}
+{"version":3,"file":"TableHeaderCell.js","names":[],"sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableHeaderCell = styled('th', {\n  base: [\n    'text-white',\n    'font-body',\n    'font-semibold',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    '[[colspan]]:text-center'\n  ]\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAO,MAAM,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,EAAgB,cAAc"}

package/dist/components/table/TableRow.js

@@ -1,2 +1,12 @@
-import*as e from"react";import{styled as a}from"../../styled.js";const s=a("tr",{base:["bg-[unset]"]}),o=e.forwardRef((r,t)=>e.createElement(s,{...r,ref:t}));o.displayName="TableRow";export{o as TableRow};
-//# sourceMappingURL=TableRow.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/table/TableRow.tsx
+var n = e("tr", { base: ["bg-[unset]"] }), r = t.forwardRef((e, r) => /* @__PURE__ */ t.createElement(n, {
+	...e,
+	ref: r
+}));
+r.displayName = "TableRow";
+//#endregion
+export { r as TableRow };
+
+//# sourceMappingURL=TableRow.js.map

package/dist/components/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledRow = styled('tr', {\n  base: ['bg-[unset]']\n})\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.ComponentProps<typeof StyledRow>\n>((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"names":["StyledRow","styled","TableRow","React","props","ref"],"mappings":"iEAIA,MAAMA,EAAYC,EAAO,KAAM,CAC7B,KAAM,CAAC,YAAY,CACrB,CAAC,EAEYC,EAAWC,EAAM,WAG5B,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAW,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAEpDH,EAAS,YAAc"}
+{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledRow = styled('tr', {\n  base: ['bg-[unset]']\n})\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.ComponentProps<typeof StyledRow>\n>((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"mappings":";;;AAIA,IAAM,IAAY,EAAO,MAAM,EAC7B,MAAM,CAAC,aAAa,EACrB,CAAC,EAEW,IAAW,EAAM,YAG3B,GAAO,MAAQ,kBAAA,cAAC,GAAD;CAAW,GAAI;CAAY;CAAO,CAAA,CAAC;AAErD,EAAS,cAAc"}

package/dist/components/table/TableStickyColumnsContainer.js

@@ -1,2 +1,45 @@
-import c from"clsx";import p from"react";import{useStickyColumnsStyle as i}from"./useStickyColumnsCss.js";const r=({children:n,numberOfStickyColumns:t=0,className:_,...f})=>{const[e,y]=p.useState(!1),o=p.useRef(null),{columnsStyle:l}=i({numberOfStickyColumns:t,wrapperRef:o});return p.createElement("div",{onScroll:s=>{const h=s.currentTarget.scrollLeft>0;h!==e&&y(h)},role:"scrollbar",ref:o,style:l,className:c("overflow-auto","max-w-full","relative","overscroll-x-contain","[&_td,&_th]:bg-inherit",_,t>=1&&["[&_td:nth-of-type(1),&_th:nth-of-type(1)]:sticky","[&_td:nth-of-type(1),&_th:nth-of-type(1)]:left-(--sticky-offset-left-1)","[&_td:nth-of-type(1),&_th:nth-of-type(1)]:min-w-(--sticky-column-width-1)","[&_td:nth-of-type(1),&_th:nth-of-type(1)]:z-2"],t>=2&&["[&_td:nth-of-type(2),&_th:nth-of-type(2)]:sticky","[&_td:nth-of-type(2),&_th:nth-of-type(2)]:left-(--sticky-offset-left-2)","[&_td:nth-of-type(2),&_th:nth-of-type(2)]:min-w-(--sticky-column-width-2)","[&_td:nth-of-type(2),&_th:nth-of-type(2)]:z-2"],t>=3&&["[&_td:nth-of-type(3),&_th:nth-of-type(3)]:sticky","[&_td:nth-of-type(3),&_th:nth-of-type(3)]:left-(--sticky-offset-left-3)","[&_td:nth-of-type(3),&_th:nth-of-type(3)]:min-w-(--sticky-column-width-3)","[&_td:nth-of-type(3),&_th:nth-of-type(3)]:z-2"],t>=4&&["[&_td:nth-of-type(4),&_th:nth-of-type(4)]:sticky","[&_td:nth-of-type(4),&_th:nth-of-type(4)]:left-(--sticky-offset-left-4)","[&_td:nth-of-type(4),&_th:nth-of-type(4)]:min-w-(--sticky-column-width-4)","[&_td:nth-of-type(4),&_th:nth-of-type(4)]:z-2"],t===1&&e&&["[&_td:nth-of-type(1),&_th:nth-of-type(1)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td:nth-of-type(1),&_th:nth-of-type(1)]:[clip-path:inset(-1px_-10px_-1px_0px)]"],t===2&&e&&["[&_td:nth-of-type(2),&_th:nth-of-type(2)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td:nth-of-type(2),&_th:nth-of-type(2)]:[clip-path:inset(-1px_-10px_-1px_0px)]"],t===3&&e&&["[&_td:nth-of-type(3),&_th:nth-of-type(3)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td:nth-of-type(3),&_th:nth-of-type(3)]:[clip-path:inset(-1px_-10px_-1px_0px)]"],t===4&&e&&["[&_td:nth-of-type(4),&_th:nth-of-type(4)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]","[&_td:nth-of-type(4),&_th:nth-of-type(4)]:[clip-path:inset(-1px_-10px_-1px_0px)]"]),...f},n)};export{r as TableStickyColumnsContainer};
-//# sourceMappingURL=TableStickyColumnsContainer.js.map
+import { useStickyColumnsStyle as e } from "./useStickyColumnsCss.js";
+import t from "clsx";
+import n from "react";
+//#region src/components/table/TableStickyColumnsContainer.tsx
+var r = ({ children: r, numberOfStickyColumns: i = 0, className: a, ...o }) => {
+	let [s, c] = n.useState(!1), l = n.useRef(null), { columnsStyle: u } = e({
+		numberOfStickyColumns: i,
+		wrapperRef: l
+	});
+	return /* @__PURE__ */ n.createElement("div", {
+		onScroll: (e) => {
+			let t = e.currentTarget.scrollLeft > 0;
+			t !== s && c(t);
+		},
+		role: "scrollbar",
+		ref: l,
+		style: u,
+		className: t("overflow-auto", "max-w-full", "relative", "overscroll-x-contain", "[&_td,&_th]:bg-inherit", a, i >= 1 && [
+			"[&_td:nth-of-type(1),&_th:nth-of-type(1)]:sticky",
+			"[&_td:nth-of-type(1),&_th:nth-of-type(1)]:left-(--sticky-offset-left-1)",
+			"[&_td:nth-of-type(1),&_th:nth-of-type(1)]:min-w-(--sticky-column-width-1)",
+			"[&_td:nth-of-type(1),&_th:nth-of-type(1)]:z-2"
+		], i >= 2 && [
+			"[&_td:nth-of-type(2),&_th:nth-of-type(2)]:sticky",
+			"[&_td:nth-of-type(2),&_th:nth-of-type(2)]:left-(--sticky-offset-left-2)",
+			"[&_td:nth-of-type(2),&_th:nth-of-type(2)]:min-w-(--sticky-column-width-2)",
+			"[&_td:nth-of-type(2),&_th:nth-of-type(2)]:z-2"
+		], i >= 3 && [
+			"[&_td:nth-of-type(3),&_th:nth-of-type(3)]:sticky",
+			"[&_td:nth-of-type(3),&_th:nth-of-type(3)]:left-(--sticky-offset-left-3)",
+			"[&_td:nth-of-type(3),&_th:nth-of-type(3)]:min-w-(--sticky-column-width-3)",
+			"[&_td:nth-of-type(3),&_th:nth-of-type(3)]:z-2"
+		], i >= 4 && [
+			"[&_td:nth-of-type(4),&_th:nth-of-type(4)]:sticky",
+			"[&_td:nth-of-type(4),&_th:nth-of-type(4)]:left-(--sticky-offset-left-4)",
+			"[&_td:nth-of-type(4),&_th:nth-of-type(4)]:min-w-(--sticky-column-width-4)",
+			"[&_td:nth-of-type(4),&_th:nth-of-type(4)]:z-2"
+		], i === 1 && s && ["[&_td:nth-of-type(1),&_th:nth-of-type(1)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]", "[&_td:nth-of-type(1),&_th:nth-of-type(1)]:[clip-path:inset(-1px_-10px_-1px_0px)]"], i === 2 && s && ["[&_td:nth-of-type(2),&_th:nth-of-type(2)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]", "[&_td:nth-of-type(2),&_th:nth-of-type(2)]:[clip-path:inset(-1px_-10px_-1px_0px)]"], i === 3 && s && ["[&_td:nth-of-type(3),&_th:nth-of-type(3)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]", "[&_td:nth-of-type(3),&_th:nth-of-type(3)]:[clip-path:inset(-1px_-10px_-1px_0px)]"], i === 4 && s && ["[&_td:nth-of-type(4),&_th:nth-of-type(4)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]", "[&_td:nth-of-type(4),&_th:nth-of-type(4)]:[clip-path:inset(-1px_-10px_-1px_0px)]"]),
+		...o
+	}, r);
+};
+//#endregion
+export { r as TableStickyColumnsContainer };
+
+//# sourceMappingURL=TableStickyColumnsContainer.js.map

package/dist/components/table/TableStickyColumnsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStickyColumnsContainer.js","sources":["../../../src/components/table/TableStickyColumnsContainer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { useStickyColumnsStyle } from './useStickyColumnsCss'\n\nexport const TableStickyColumnsContainer = ({\n  children,\n  numberOfStickyColumns = 0,\n  className,\n  ...restProps\n}: React.PropsWithChildren<{\n  numberOfStickyColumns?: number\n  className?: string\n}>) => {\n  const [hasScroll, setHasScroll] = React.useState<boolean>(false)\n  const wrapperRef = React.useRef(null)\n  const { columnsStyle } = useStickyColumnsStyle({\n    numberOfStickyColumns,\n    wrapperRef\n  })\n\n  const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const newHasScroll = event.currentTarget.scrollLeft > 0\n    if (newHasScroll !== hasScroll) {\n      setHasScroll(newHasScroll)\n    }\n  }\n\n  return (\n    <div\n      onScroll={handleScroll}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"scrollbar\"\n      ref={wrapperRef}\n      style={columnsStyle}\n      className={clsx(\n        'overflow-auto',\n        'max-w-full',\n        'relative',\n        'overscroll-x-contain',\n        '[&_td,&_th]:bg-inherit',\n        className,\n        numberOfStickyColumns >= 1 && [\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:sticky',\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:left-(--sticky-offset-left-1)',\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:min-w-(--sticky-column-width-1)',\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:z-2'\n        ],\n        numberOfStickyColumns >= 2 && [\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:sticky',\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:left-(--sticky-offset-left-2)',\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:min-w-(--sticky-column-width-2)',\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:z-2'\n        ],\n        numberOfStickyColumns >= 3 && [\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:sticky',\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:left-(--sticky-offset-left-3)',\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:min-w-(--sticky-column-width-3)',\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:z-2'\n        ],\n        numberOfStickyColumns >= 4 && [\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:sticky',\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:left-(--sticky-offset-left-4)',\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:min-w-(--sticky-column-width-4)',\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:z-2'\n        ],\n        numberOfStickyColumns === 1 &&\n          hasScroll && [\n            '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ],\n        numberOfStickyColumns === 2 &&\n          hasScroll && [\n            '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ],\n        numberOfStickyColumns === 3 &&\n          hasScroll && [\n            '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ],\n        numberOfStickyColumns === 4 &&\n          hasScroll && [\n            '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ]\n      )}\n      {...restProps}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["TableStickyColumnsContainer","children","numberOfStickyColumns","className","restProps","hasScroll","setHasScroll","React","wrapperRef","columnsStyle","useStickyColumnsStyle","event","newHasScroll","clsx"],"mappings":"0GAKa,MAAAA,EAA8B,CAAC,CAC1C,SAAAC,EACA,sBAAAC,EAAwB,EACxB,UAAAC,EACA,GAAGC,CACL,IAGO,CACL,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAM,SAAkB,EAAK,EACzDC,EAAaD,EAAM,OAAO,IAAI,EAC9B,CAAE,aAAAE,CAAa,EAAIC,EAAsB,CAC7C,sBAAAR,EACA,WAAAM,CACF,CAAC,EASD,OACED,EAAA,cAAC,MAAA,CACC,SATkBI,GAAyC,CAC7D,MAAMC,EAAeD,EAAM,cAAc,WAAa,EAClDC,IAAiBP,GACnBC,EAAaM,CAAY,CAE7B,EAMI,KAAK,YACL,IAAKJ,EACL,MAAOC,EACP,UAAWI,EACT,gBACA,aACA,WACA,uBACA,yBACAV,EACAD,GAAyB,GAAK,CAC5B,mDACA,0EACA,4EACA,+CACF,EACAA,GAAyB,GAAK,CAC5B,mDACA,0EACA,4EACA,+CACF,EACAA,GAAyB,GAAK,CAC5B,mDACA,0EACA,4EACA,+CACF,EACAA,GAAyB,GAAK,CAC5B,mDACA,0EACA,4EACA,+CACF,EACAA,IAA0B,GACxBG,GAAa,CACX,8FACA,kFACF,EACFH,IAA0B,GACxBG,GAAa,CACX,8FACA,kFACF,EACFH,IAA0B,GACxBG,GAAa,CACX,8FACA,kFACF,EACFH,IAA0B,GACxBG,GAAa,CACX,8FACA,kFACF,CACJ,EACC,GAAGD,CAAAA,EAEHH,CACH,CAEJ"}
+{"version":3,"file":"TableStickyColumnsContainer.js","names":[],"sources":["../../../src/components/table/TableStickyColumnsContainer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { useStickyColumnsStyle } from './useStickyColumnsCss'\n\nexport const TableStickyColumnsContainer = ({\n  children,\n  numberOfStickyColumns = 0,\n  className,\n  ...restProps\n}: React.PropsWithChildren<{\n  numberOfStickyColumns?: number\n  className?: string\n}>) => {\n  const [hasScroll, setHasScroll] = React.useState<boolean>(false)\n  const wrapperRef = React.useRef(null)\n  const { columnsStyle } = useStickyColumnsStyle({\n    numberOfStickyColumns,\n    wrapperRef\n  })\n\n  const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const newHasScroll = event.currentTarget.scrollLeft > 0\n    if (newHasScroll !== hasScroll) {\n      setHasScroll(newHasScroll)\n    }\n  }\n\n  return (\n    <div\n      onScroll={handleScroll}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"scrollbar\"\n      ref={wrapperRef}\n      style={columnsStyle}\n      className={clsx(\n        'overflow-auto',\n        'max-w-full',\n        'relative',\n        'overscroll-x-contain',\n        '[&_td,&_th]:bg-inherit',\n        className,\n        numberOfStickyColumns >= 1 && [\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:sticky',\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:left-(--sticky-offset-left-1)',\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:min-w-(--sticky-column-width-1)',\n          '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:z-2'\n        ],\n        numberOfStickyColumns >= 2 && [\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:sticky',\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:left-(--sticky-offset-left-2)',\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:min-w-(--sticky-column-width-2)',\n          '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:z-2'\n        ],\n        numberOfStickyColumns >= 3 && [\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:sticky',\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:left-(--sticky-offset-left-3)',\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:min-w-(--sticky-column-width-3)',\n          '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:z-2'\n        ],\n        numberOfStickyColumns >= 4 && [\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:sticky',\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:left-(--sticky-offset-left-4)',\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:min-w-(--sticky-column-width-4)',\n          '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:z-2'\n        ],\n        numberOfStickyColumns === 1 &&\n          hasScroll && [\n            '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(1),&_th:nth-of-type(1)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ],\n        numberOfStickyColumns === 2 &&\n          hasScroll && [\n            '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(2),&_th:nth-of-type(2)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ],\n        numberOfStickyColumns === 3 &&\n          hasScroll && [\n            '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(3),&_th:nth-of-type(3)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ],\n        numberOfStickyColumns === 4 &&\n          hasScroll && [\n            '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:shadow-[var(--color-alpha-200)_-2px_-3px_9px_1px]',\n            '[&_td:nth-of-type(4),&_th:nth-of-type(4)]:[clip-path:inset(-1px_-10px_-1px_0px)]'\n          ]\n      )}\n      {...restProps}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;AAKA,IAAa,KAA+B,EAC1C,aACA,2BAAwB,GACxB,cACA,GAAG,QAIE;CACL,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAkB,GAAM,EAC1D,IAAa,EAAM,OAAO,KAAK,EAC/B,EAAE,oBAAiB,EAAsB;EAC7C;EACA;EACD,CAAC;AASF,QACE,kBAAA,cAAC,OAAD;EACE,WATkB,MAAyC;GAC7D,IAAM,IAAe,EAAM,cAAc,aAAa;AACtD,GAAI,MAAiB,KACnB,EAAa,EAAa;;EAQ1B,MAAK;EACL,KAAK;EACL,OAAO;EACP,WAAW,EACT,iBACA,cACA,YACA,wBACA,0BACA,GACA,KAAyB,KAAK;GAC5B;GACA;GACA;GACA;GACD,EACD,KAAyB,KAAK;GAC5B;GACA;GACA;GACA;GACD,EACD,KAAyB,KAAK;GAC5B;GACA;GACA;GACA;GACD,EACD,KAAyB,KAAK;GAC5B;GACA;GACA;GACA;GACD,EACD,MAA0B,KACxB,KAAa,CACX,+FACA,mFACD,EACH,MAA0B,KACxB,KAAa,CACX,+FACA,mFACD,EACH,MAA0B,KACxB,KAAa,CACX,+FACA,mFACD,EACH,MAA0B,KACxB,KAAa,CACX,+FACA,mFACD,CACJ;EACD,GAAI;EAGA,EADH,EACG"}

package/dist/components/table/useStickyColumnsCss.js

@@ -1,2 +1,26 @@
-import*as c from"react";const d=({numberOfStickyColumns:e,wrapperRef:r})=>{const[i,f]=c.useState({}),l=c.useCallback(()=>{var t;let s=0;const o=(t=r.current)==null?void 0:t.querySelectorAll("th");return Array.from(o||[]).slice(0,e).reduce((m,y,u)=>{const n=u+1,a={...m,[`--sticky-column-width-${n}`]:`${y.offsetWidth}px`,[`--sticky-offset-left-${n}`]:`${s}px`};return s+=(o==null?void 0:o.item(u).clientWidth)||0,a},{})},[e,r]);return c.useLayoutEffect(()=>{if(!e)return;const t=l();f(t)},[e,r,l]),{columnsStyle:i}};export{d as useStickyColumnsStyle};
-//# sourceMappingURL=useStickyColumnsCss.js.map
+import * as e from "react";
+//#region src/components/table/useStickyColumnsCss.ts
+var t = ({ numberOfStickyColumns: t, wrapperRef: n }) => {
+	let [r, i] = e.useState({}), a = e.useCallback(() => {
+		let e = 0, r = n.current?.querySelectorAll("th");
+		return Array.from(r || []).slice(0, t).reduce((t, n, i) => {
+			let a = i + 1, o = {
+				...t,
+				[`--sticky-column-width-${a}`]: `${n.offsetWidth}px`,
+				[`--sticky-offset-left-${a}`]: `${e}px`
+			};
+			return e += r?.item(i).clientWidth || 0, o;
+		}, {});
+	}, [t, n]);
+	return e.useLayoutEffect(() => {
+		t && i(a());
+	}, [
+		t,
+		n,
+		a
+	]), { columnsStyle: r };
+};
+//#endregion
+export { t as useStickyColumnsStyle };
+
+//# sourceMappingURL=useStickyColumnsCss.js.map

package/dist/components/table/useStickyColumnsCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStickyColumnsCss.js","sources":["../../../src/components/table/useStickyColumnsCss.ts"],"sourcesContent":["import * as React from 'react'\n\ntype ColumnStyle = Record<\n  `--sticky-column-width-${number}` | `--sticky-offset-left-${number}`,\n  string\n>\n\ninterface IUseStickyColumnsCss {\n  columnsStyle?: ColumnStyle\n}\n\nexport const useStickyColumnsStyle = ({\n  numberOfStickyColumns,\n  wrapperRef\n}: {\n  numberOfStickyColumns: number\n  wrapperRef: React.RefObject<HTMLTableSectionElement>\n}): IUseStickyColumnsCss => {\n  const [columnsStyle, setColumnsStyle] = React.useState<ColumnStyle>({})\n\n  const generateColumnsStyle = React.useCallback(() => {\n    let accWidth = 0\n\n    // Getting the table header cells elements to use their width to set the left position in the sticky columns.\n    const tableHeaderCells = wrapperRef.current?.querySelectorAll('th')\n    const tableHeaderElements = Array.from(tableHeaderCells || [])\n\n    // Getting only the number of sticky columns from the elements array that is what we are interested in.\n    const stickyColumns = tableHeaderElements.slice(0, numberOfStickyColumns)\n\n    const newColumnsStyle = stickyColumns.reduce((acc, column, index) => {\n      const elementNumber = index + 1\n      const styleObject = {\n        ...acc,\n        [`--sticky-column-width-${elementNumber}`]: `${column.offsetWidth}px`,\n        [`--sticky-offset-left-${elementNumber}`]: `${accWidth}px`\n      }\n\n      accWidth += tableHeaderCells?.item(index).clientWidth || 0\n\n      return styleObject\n    }, {})\n\n    return newColumnsStyle\n  }, [numberOfStickyColumns, wrapperRef])\n\n  React.useLayoutEffect(() => {\n    if (!numberOfStickyColumns) return\n    const newColumnsStyle = generateColumnsStyle()\n\n    setColumnsStyle(newColumnsStyle)\n  }, [numberOfStickyColumns, wrapperRef, generateColumnsStyle])\n\n  return {\n    columnsStyle\n  }\n}\n"],"names":["useStickyColumnsStyle","numberOfStickyColumns","wrapperRef","columnsStyle","setColumnsStyle","React","generateColumnsStyle","_a","accWidth","tableHeaderCells","acc","column","index","elementNumber","styleObject","newColumnsStyle"],"mappings":"wBAWa,MAAAA,EAAwB,CAAC,CACpC,sBAAAC,EACA,WAAAC,CACF,IAG4B,CAC1B,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAM,SAAsB,EAAE,EAEhEC,EAAuBD,EAAM,YAAY,IAAM,CApBvD,IAAAE,EAqBI,IAAIC,EAAW,EAGf,MAAMC,GAAmBF,EAAAL,EAAW,UAAX,KAAAK,OAAAA,EAAoB,iBAAiB,IAAA,EAmB9D,OAlB4B,MAAM,KAAKE,GAAoB,CAAE,CAAA,EAGnB,MAAM,EAAGR,CAAqB,EAElC,OAAO,CAACS,EAAKC,EAAQC,IAAU,CACnE,MAAMC,EAAgBD,EAAQ,EACxBE,EAAc,CAClB,GAAGJ,EACH,CAAC,yBAAyBG,CAAa,EAAE,EAAG,GAAGF,EAAO,WAAW,KACjE,CAAC,wBAAwBE,CAAa,EAAE,EAAG,GAAGL,CAAQ,IACxD,EAEA,OAAAA,IAAYC,GAAA,KAAAA,OAAAA,EAAkB,KAAKG,CAAAA,EAAO,cAAe,EAElDE,CACT,EAAG,CAAE,CAAA,CAGP,EAAG,CAACb,EAAuBC,CAAU,CAAC,EAEtC,OAAAG,EAAM,gBAAgB,IAAM,CAC1B,GAAI,CAACJ,EAAuB,OAC5B,MAAMc,EAAkBT,EAAqB,EAE7CF,EAAgBW,CAAe,CACjC,EAAG,CAACd,EAAuBC,EAAYI,CAAoB,CAAC,EAErD,CACL,aAAAH,CACF,CACF"}
+{"version":3,"file":"useStickyColumnsCss.js","names":[],"sources":["../../../src/components/table/useStickyColumnsCss.ts"],"sourcesContent":["import * as React from 'react'\n\ntype ColumnStyle = Record<\n  `--sticky-column-width-${number}` | `--sticky-offset-left-${number}`,\n  string\n>\n\ninterface IUseStickyColumnsCss {\n  columnsStyle?: ColumnStyle\n}\n\nexport const useStickyColumnsStyle = ({\n  numberOfStickyColumns,\n  wrapperRef\n}: {\n  numberOfStickyColumns: number\n  wrapperRef: React.RefObject<HTMLTableSectionElement>\n}): IUseStickyColumnsCss => {\n  const [columnsStyle, setColumnsStyle] = React.useState<ColumnStyle>({})\n\n  const generateColumnsStyle = React.useCallback(() => {\n    let accWidth = 0\n\n    // Getting the table header cells elements to use their width to set the left position in the sticky columns.\n    const tableHeaderCells = wrapperRef.current?.querySelectorAll('th')\n    const tableHeaderElements = Array.from(tableHeaderCells || [])\n\n    // Getting only the number of sticky columns from the elements array that is what we are interested in.\n    const stickyColumns = tableHeaderElements.slice(0, numberOfStickyColumns)\n\n    const newColumnsStyle = stickyColumns.reduce((acc, column, index) => {\n      const elementNumber = index + 1\n      const styleObject = {\n        ...acc,\n        [`--sticky-column-width-${elementNumber}`]: `${column.offsetWidth}px`,\n        [`--sticky-offset-left-${elementNumber}`]: `${accWidth}px`\n      }\n\n      accWidth += tableHeaderCells?.item(index).clientWidth || 0\n\n      return styleObject\n    }, {})\n\n    return newColumnsStyle\n  }, [numberOfStickyColumns, wrapperRef])\n\n  React.useLayoutEffect(() => {\n    if (!numberOfStickyColumns) return\n    const newColumnsStyle = generateColumnsStyle()\n\n    setColumnsStyle(newColumnsStyle)\n  }, [numberOfStickyColumns, wrapperRef, generateColumnsStyle])\n\n  return {\n    columnsStyle\n  }\n}\n"],"mappings":";;AAWA,IAAa,KAAyB,EACpC,0BACA,oBAI0B;CAC1B,IAAM,CAAC,GAAc,KAAmB,EAAM,SAAsB,EAAE,CAAC,EAEjE,IAAuB,EAAM,kBAAkB;EACnD,IAAI,IAAW,GAGT,IAAmB,EAAW,SAAS,iBAAiB,KAAK;AAmBnE,SAlB4B,MAAM,KAAK,KAAoB,EAAE,CAAC,CAGpB,MAAM,GAAG,EAAsB,CAEnC,QAAQ,GAAK,GAAQ,MAAU;GACnE,IAAM,IAAgB,IAAQ,GACxB,IAAc;IAClB,GAAG;KACF,yBAAyB,MAAkB,GAAG,EAAO,YAAY;KACjE,wBAAwB,MAAkB,GAAG,EAAS;IACxD;AAID,UAFA,KAAY,GAAkB,KAAK,EAAM,CAAC,eAAe,GAElD;KACN,EAAE,CAAC;IAGL,CAAC,GAAuB,EAAW,CAAC;AASvC,QAPA,EAAM,sBAAsB;AACrB,OAGL,EAFwB,GAAsB,CAEd;IAC/B;EAAC;EAAuB;EAAY;EAAqB,CAAC,EAEtD,EACL,iBACD"}

package/dist/components/tabs/Tabs.js

@@ -1,2 +1,16 @@
-import{Root as o}from"@radix-ui/react-tabs";import{styled as t}from"../../styled.js";import{TabsContent as s}from"./TabsContent.js";import{TabsTrigger as i}from"./TabsTrigger.js";import{TabsTriggerList as e}from"./TabsTriggerList.js";const r=t(o,{base:["w-full"]}),m=Object.assign(r,{TriggerList:e,Trigger:i,Content:s});r.displayName="Tabs";export{m as Tabs};
-//# sourceMappingURL=Tabs.js.map
+import { styled as e } from "../../styled.js";
+import { TabsContent as t } from "./TabsContent.js";
+import { TabsTrigger as n } from "./TabsTrigger.js";
+import { TabsTriggerList as r } from "./TabsTriggerList.js";
+import { Root as i } from "@radix-ui/react-tabs";
+//#region src/components/tabs/Tabs.tsx
+var a = e(i, { base: ["w-full"] }), o = Object.assign(a, {
+	TriggerList: r,
+	Trigger: n,
+	Content: t
+});
+a.displayName = "Tabs";
+//#endregion
+export { o as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TabsContent } from './TabsContent'\nimport { TabsTrigger } from './TabsTrigger'\nimport { TabsTriggerList } from './TabsTriggerList'\n\nconst StyledRoot = styled(Root, {\n  base: ['w-full']\n})\n\nexport const Tabs = Object.assign(StyledRoot, {\n  TriggerList: TabsTriggerList,\n  Trigger: TabsTrigger,\n  Content: TabsContent\n})\n\nStyledRoot.displayName = 'Tabs'\n"],"names":["StyledRoot","styled","Root","Tabs","TabsTriggerList","TabsTrigger","TabsContent"],"mappings":"0OASA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,QAAQ,CACjB,CAAC,EAEYC,EAAO,OAAO,OAAOH,EAAY,CAC5C,YAAaI,EACb,QAASC,EACT,QAASC,CACX,CAAC,EAEDN,EAAW,YAAc"}
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TabsContent } from './TabsContent'\nimport { TabsTrigger } from './TabsTrigger'\nimport { TabsTriggerList } from './TabsTriggerList'\n\nconst StyledRoot = styled(Root, {\n  base: ['w-full']\n})\n\nexport const Tabs = Object.assign(StyledRoot, {\n  TriggerList: TabsTriggerList,\n  Trigger: TabsTrigger,\n  Content: TabsContent\n})\n\nStyledRoot.displayName = 'Tabs'\n"],"mappings":";;;;;;AASA,IAAM,IAAa,EAAO,GAAM,EAC9B,MAAM,CAAC,SAAS,EACjB,CAAC,EAEW,IAAO,OAAO,OAAO,GAAY;CAC5C,aAAa;CACb,SAAS;CACT,SAAS;CACV,CAAC;AAEF,EAAW,cAAc"}

package/dist/components/tabs/TabsContent.js

@@ -1,2 +1,8 @@
-import{Content as t}from"@radix-ui/react-tabs";import{styled as n}from"../../styled.js";const e=n(t,{base:["grow","font-body"]}),o=e;o.displayName="TabsContent";export{o as TabsContent};
-//# sourceMappingURL=TabsContent.js.map
+import { styled as e } from "../../styled.js";
+import { Content as t } from "@radix-ui/react-tabs";
+var n = e(t, { base: ["grow", "font-body"] });
+n.displayName = "TabsContent";
+//#endregion
+export { n as TabsContent };
+
+//# sourceMappingURL=TabsContent.js.map

package/dist/components/tabs/TabsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContent.js","sources":["../../../src/components/tabs/TabsContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-tabs'\n\nimport { styled } from '~/styled'\n\nconst StyledTabsContent = styled(Content, {\n  base: ['grow', 'font-body']\n})\n\nexport const TabsContent = StyledTabsContent\n\nTabsContent.displayName = 'TabsContent'\n"],"names":["StyledTabsContent","styled","Content","TabsContent"],"mappings":"wFAIA,MAAMA,EAAoBC,EAAOC,EAAS,CACxC,KAAM,CAAC,OAAQ,WAAW,CAC5B,CAAC,EAEYC,EAAcH,EAE3BG,EAAY,YAAc"}
+{"version":3,"file":"TabsContent.js","names":[],"sources":["../../../src/components/tabs/TabsContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-tabs'\n\nimport { styled } from '~/styled'\n\nconst StyledTabsContent = styled(Content, {\n  base: ['grow', 'font-body']\n})\n\nexport const TabsContent = StyledTabsContent\n\nTabsContent.displayName = 'TabsContent'\n"],"mappings":";;AAQA,IAAa,IAJa,EAAO,GAAS,EACxC,MAAM,CAAC,QAAQ,YAAY,EAC5B,CAAC;AAIF,EAAY,cAAc"}

package/dist/components/tabs/TabsTrigger.js

@@ -1,2 +1,48 @@
-import{Trigger as r}from"@radix-ui/react-tabs";import*as e from"react";import{styled as t}from"../../styled.js";import{Text as d}from"../text/Text.js";const n=t("div",{base:["absolute","inset-0","h-[calc(100%+2px)]","opacity-0","bg-(--interactive-1)"]}),l=t(r,{base:["bg-none","cursor-pointer","shrink-0","p-4","select-none","border-b-2","border-b-transparent","relative","data-[state=active]:border-current","data-[state=active]:font-semibold","data-[state=active]:text-(--interactive-1)","data-[state=active]:tracking-[-0.005em]","disabled:cursor-not-allowed","disabled:opacity-30","not-disabled:active:text-(--interactive-3)","not-disabled:focus-visible:[&_div]:opacity-7","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:text-(--interactive-2)","not-disabled:focus-visible:z-1","not-disabled:hover:[&_div]:opacity-7","not-disabled:hover:text-(--interactive-2)"]}),i=e.forwardRef(({children:a,...o},s)=>e.createElement(l,{...o,ref:s},e.createElement(d,{size:"sm",as:"span"},a),e.createElement(n,null)));i.displayName="TabsTrigger";export{i as TabsTrigger};
-//# sourceMappingURL=TabsTrigger.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import * as n from "react";
+import { Trigger as r } from "@radix-ui/react-tabs";
+//#region src/components/tabs/TabsTrigger.tsx
+var i = e("div", { base: [
+	"absolute",
+	"inset-0",
+	"h-[calc(100%+2px)]",
+	"opacity-0",
+	"bg-(--interactive-1)"
+] }), a = e(r, { base: [
+	"bg-none",
+	"cursor-pointer",
+	"shrink-0",
+	"p-4",
+	"select-none",
+	"border-b-2",
+	"border-b-transparent",
+	"relative",
+	"data-[state=active]:border-current",
+	"data-[state=active]:font-semibold",
+	"data-[state=active]:text-(--interactive-1)",
+	"data-[state=active]:tracking-[-0.005em]",
+	"disabled:cursor-not-allowed",
+	"disabled:opacity-30",
+	"not-disabled:active:text-(--interactive-3)",
+	"not-disabled:focus-visible:[&_div]:opacity-7",
+	"not-disabled:focus-visible:outline-none",
+	"not-disabled:focus-visible:relative",
+	"not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]",
+	"not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]",
+	"not-disabled:focus-visible:text-(--interactive-2)",
+	"not-disabled:focus-visible:z-1",
+	"not-disabled:hover:[&_div]:opacity-7",
+	"not-disabled:hover:text-(--interactive-2)"
+] }), o = n.forwardRef(({ children: e, ...r }, o) => /* @__PURE__ */ n.createElement(a, {
+	...r,
+	ref: o
+}, /* @__PURE__ */ n.createElement(t, {
+	size: "sm",
+	as: "span"
+}, e), /* @__PURE__ */ n.createElement(i, null)));
+o.displayName = "TabsTrigger";
+//#endregion
+export { o as TabsTrigger };
+
+//# sourceMappingURL=TabsTrigger.js.map

package/dist/components/tabs/TabsTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.js","sources":["../../../src/components/tabs/TabsTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\n\nconst StyledTabsTriggerHoverBackground = styled('div', {\n  base: [\n    'absolute',\n    'inset-0',\n    'h-[calc(100%+2px)]',\n    'opacity-0',\n    'bg-(--interactive-1)'\n  ]\n})\n\nconst StyledTabsTrigger = styled(Trigger, {\n  base: [\n    'bg-none',\n    'cursor-pointer',\n    'shrink-0',\n    'p-4',\n    'select-none',\n    'border-b-2',\n    'border-b-transparent',\n    'relative',\n    'data-[state=active]:border-current',\n    'data-[state=active]:font-semibold',\n    'data-[state=active]:text-(--interactive-1)',\n    'data-[state=active]:tracking-[-0.005em]',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'not-disabled:active:text-(--interactive-3)',\n    'not-disabled:focus-visible:[&_div]:opacity-7',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:text-(--interactive-2)',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:[&_div]:opacity-7',\n    'not-disabled:hover:text-(--interactive-2)'\n  ]\n})\n\nexport const TabsTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledTabsTrigger> & { value: string }\n>(({ children, ...rest }, ref) => (\n  <StyledTabsTrigger {...rest} ref={ref}>\n    <Text size=\"sm\" as=\"span\">\n      {children}\n    </Text>\n    <StyledTabsTriggerHoverBackground />\n  </StyledTabsTrigger>\n))\n\nTabsTrigger.displayName = 'TabsTrigger'\n"],"names":["StyledTabsTriggerHoverBackground","styled","StyledTabsTrigger","Trigger","TabsTrigger","React","children","rest","ref","Text"],"mappings":"uJAOA,MAAMA,EAAmCC,EAAO,MAAO,CACrD,KAAM,CACJ,WACA,UACA,qBACA,YACA,sBACF,CACF,CAAC,EAEKC,EAAoBD,EAAOE,EAAS,CACxC,KAAM,CACJ,UACA,iBACA,WACA,MACA,cACA,aACA,uBACA,WACA,qCACA,oCACA,6CACA,0CACA,8BACA,sBACA,6CACA,+CACA,0CACA,sCACA,+EACA,4DACA,oDACA,iCACA,uCACA,2CACF,CACF,CAAC,EAEYC,EAAcC,EAAM,WAG/B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IACxBH,EAAA,cAACH,EAAA,CAAmB,GAAGK,EAAM,IAAKC,CAAAA,EAChCH,EAAA,cAACI,EAAA,CAAK,KAAK,KAAK,GAAG,QAChBH,CACH,EACAD,EAAA,cAACL,EAAA,IAAiC,CACpC,CACD,EAEDI,EAAY,YAAc"}
+{"version":3,"file":"TabsTrigger.js","names":[],"sources":["../../../src/components/tabs/TabsTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\n\nconst StyledTabsTriggerHoverBackground = styled('div', {\n  base: [\n    'absolute',\n    'inset-0',\n    'h-[calc(100%+2px)]',\n    'opacity-0',\n    'bg-(--interactive-1)'\n  ]\n})\n\nconst StyledTabsTrigger = styled(Trigger, {\n  base: [\n    'bg-none',\n    'cursor-pointer',\n    'shrink-0',\n    'p-4',\n    'select-none',\n    'border-b-2',\n    'border-b-transparent',\n    'relative',\n    'data-[state=active]:border-current',\n    'data-[state=active]:font-semibold',\n    'data-[state=active]:text-(--interactive-1)',\n    'data-[state=active]:tracking-[-0.005em]',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'not-disabled:active:text-(--interactive-3)',\n    'not-disabled:focus-visible:[&_div]:opacity-7',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:text-(--interactive-2)',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:[&_div]:opacity-7',\n    'not-disabled:hover:text-(--interactive-2)'\n  ]\n})\n\nexport const TabsTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledTabsTrigger> & { value: string }\n>(({ children, ...rest }, ref) => (\n  <StyledTabsTrigger {...rest} ref={ref}>\n    <Text size=\"sm\" as=\"span\">\n      {children}\n    </Text>\n    <StyledTabsTriggerHoverBackground />\n  </StyledTabsTrigger>\n))\n\nTabsTrigger.displayName = 'TabsTrigger'\n"],"mappings":";;;;;AAOA,IAAM,IAAmC,EAAO,OAAO,EACrD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAEI,IAAoB,EAAO,GAAS,EACxC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAEW,IAAc,EAAM,YAG9B,EAAE,aAAU,GAAG,KAAQ,MACxB,kBAAA,cAAC,GAAD;CAAmB,GAAI;CAAW;CAKd,EAJlB,kBAAA,cAAC,GAAD;CAAM,MAAK;CAAK,IAAG;CAEZ,EADJ,EACI,EACP,kBAAA,cAAC,GAAA,KAAmC,CAClB,CACpB;AAEF,EAAY,cAAc"}