@atom-learning/components 5.0.1 → 5.2.0-beta.1

package/dist/components/scrollable-container/ScrollableContainer.js

@@ -0,0 +1,2 @@
+import{styled as t}from"@atom-learning/stitches-react";import*as e from"react";import{useCallbackRefState as d}from"../../utilities/hooks/useCallbackRef.js";import{Box as l}from"../box/Box.js";import{ScrollableContainerShadow as p}from"./ScrollableContainerShadow.js";import{useScrollableContainer as b}from"./useScrollableContainer.js";const C=t(l,{position:"relative",overflow:"hidden"}),S=t(l,{width:"100%",height:"100%",overflow:"auto"}),a=e.forwardRef(({children:n,scrollContainerCss:i,...s},c)=>{const{setScrollableEl:m,setContainerEl:r}=b(),[o,f]=d();return e.useEffect(()=>r==null?void 0:r(o),[o,r]),e.useImperativeHandle(c,()=>o,[o]),e.createElement(C,{...s,ref:f,"data-testid":"scrollable-container"},e.createElement(S,{ref:m,css:i},n))}),h=Object.assign(a,{Shadow:p});export{h as ScrollableContainer,a as ScrollableContainerComponent};
+//# sourceMappingURL=ScrollableContainer.js.map

package/dist/components/scrollable-container/ScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContainer.js","sources":["../../../src/components/scrollable-container/ScrollableContainer.tsx"],"sourcesContent":["import { styled } from '@atom-learning/stitches-react'\nimport * as React from 'react'\n\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\n\nimport { Box } from '../box'\nimport { ScrollableContainerShadow } from './ScrollableContainerShadow'\nimport { useScrollableContainer } from './useScrollableContainer'\n\nconst ContainerBox = styled(Box, {\n  position: 'relative',\n  overflow: 'hidden'\n})\n\nconst ScrollableBox = styled(Box, {\n  width: '100%',\n  height: '100%',\n  overflow: 'auto'\n})\n\nexport const ScrollableContainerComponent = React.forwardRef<HTMLDivElement, React.ComponentProps<typeof ContainerBox> & {\n  scrollContainerCss?: React.ComponentProps<typeof ScrollableBox>['css']\n}>(({ children, scrollContainerCss, ...rest }, ref\n) => {\n  const { setScrollableEl, setContainerEl: setContainerElContext } = useScrollableContainer()\n  const [containerEl, setContainerEl] = useCallbackRefState()\n  React.useEffect(() => setContainerElContext?.(containerEl), [containerEl, setContainerElContext])\n\n  React.useImperativeHandle(ref, () => containerEl as HTMLDivElement, [containerEl])\n\n  return (\n    <ContainerBox {...rest} ref={setContainerEl} data-testid=\"scrollable-container\">\n      <ScrollableBox ref={setScrollableEl} css={scrollContainerCss}>\n        {children}\n      </ScrollableBox>\n    </ContainerBox>\n  )\n})\n\nexport const ScrollableContainer = Object.assign(ScrollableContainerComponent, {\n  Shadow: ScrollableContainerShadow\n})\n"],"names":["ContainerBox","styled","Box","ScrollableBox","ScrollableContainerComponent","React","children","scrollContainerCss","rest","ref","setScrollableEl","setContainerElContext","useScrollableContainer","containerEl","setContainerEl","useCallbackRefState","ScrollableContainer","ScrollableContainerShadow"],"mappings":"iVASA,MAAMA,EAAeC,EAAOC,EAAK,CAC/B,SAAU,WACV,SAAU,QACZ,CAAC,EAEKC,EAAgBF,EAAOC,EAAK,CAChC,MAAO,OACP,OAAQ,OACR,SAAU,MACZ,CAAC,EAEYE,EAA+BC,EAAM,WAE/C,CAAC,CAAE,SAAAC,EAAU,mBAAAC,KAAuBC,CAAK,EAAGC,IAC1C,CACH,KAAM,CAAE,gBAAAC,EAAiB,eAAgBC,CAAsB,EAAIC,EAC7D,EAAA,CAACC,EAAaC,CAAc,EAAIC,EACtC,EAAA,OAAAV,EAAM,UAAU,IAAMM,GAAA,KAAAA,OAAAA,EAAwBE,CAAc,EAAA,CAACA,EAAaF,CAAqB,CAAC,EAEhGN,EAAM,oBAAoBI,EAAK,IAAMI,EAA+B,CAACA,CAAW,CAAC,EAG/ER,EAAA,cAACL,EAAA,CAAc,GAAGQ,EAAM,IAAKM,EAAgB,cAAY,sBACvDT,EAAAA,EAAA,cAACF,EAAA,CAAc,IAAKO,EAAiB,IAAKH,CACvCD,EAAAA,CACH,CACF,CAEJ,CAAC,EAEYU,EAAsB,OAAO,OAAOZ,EAA8B,CAC7E,OAAQa,CACV,CAAC"}

package/dist/components/scrollable-container/ScrollableContainerShadow.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Box } from '../box';
+export declare const ScrollableContainerShadow: ({ inset, css, ...rest }: React.ComponentProps<typeof Box> & {
+    inset?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+}) => React.JSX.Element;

package/dist/components/scrollable-container/ScrollableContainerShadow.js

@@ -0,0 +1,2 @@
+import*as o from"react";import{Box as i}from"../box/Box.js";import{ScrollableContainerContext as x}from"./ScrollableContainer.context.js";import{styled as h}from"@atom-learning/stitches-react";const e=h(i,{position:"absolute",height:"100%",width:"100%",pointerEvents:"none",boxShadow:"$3",opacity:0}),d=({inset:t,css:a,...n})=>{const{scrollbarWidthXAxis:p,scrollbarWidthYAxis:m,hasScrollYAxis:l,hasScrollXAxis:r,scrollProgressXAxis:s,scrollProgressYAxis:c}=o.useContext(x);return o.createElement(i,{css:{width:`calc(100% - ${p}px)`,height:`calc(100% - ${m}px)`,position:"absolute",left:0,top:0,pointerEvents:"none",overflow:"hidden",...a},...n},o.createElement(e,{css:{bottom:`calc(100% + ${-((t==null?void 0:t.top)||0)+1}px)`,opacity:l?c*1:0}}),o.createElement(e,{css:{top:`calc(100% + ${-((t==null?void 0:t.bottom)||0)+1}px)`,transform:"rotate(180deg)",opacity:l?(1-c)*1:0}}),o.createElement(e,{css:{right:`calc(100% + ${-((t==null?void 0:t.left)||0)+1}px)`,opacity:r?s*1:0}}),o.createElement(e,{css:{left:`calc(100% + ${-((t==null?void 0:t.right)||0)+1}px)`,transform:"rotate(180deg)",opacity:r?(1-s)*1:0}}))};export{d as ScrollableContainerShadow};
+//# sourceMappingURL=ScrollableContainerShadow.js.map

package/dist/components/scrollable-container/ScrollableContainerShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContainerShadow.js","sources":["../../../src/components/scrollable-container/ScrollableContainerShadow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\n\nimport { ScrollableContainerContext } from './ScrollableContainer.context'\nimport { styled } from '@atom-learning/stitches-react'\n\n\nconst Shadow = styled(Box, {\n  position: 'absolute',\n  height: '100%',\n  width: '100%',\n  pointerEvents: 'none',\n  boxShadow: '$3',\n  opacity: 0\n})\n\nexport const ScrollableContainerShadow = (\n  { inset, css, ...rest }: React.ComponentProps<typeof Box> & { inset?: { top?: number, right?: number, bottom?: number, left?: number } }\n) => {\n  const { scrollbarWidthXAxis, scrollbarWidthYAxis, hasScrollYAxis, hasScrollXAxis, scrollProgressXAxis, scrollProgressYAxis } = React.useContext(ScrollableContainerContext)\n\n  return (\n    <Box css={{\n      width: `calc(100% - ${scrollbarWidthXAxis}px)`,\n      height: `calc(100% - ${scrollbarWidthYAxis}px)`,\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      pointerEvents: 'none',\n      overflow: 'hidden',\n      ...css\n    }}\n      {...rest}>\n      <Shadow\n        css={{\n          /** Had to add 1px as a fix for Safari, which rounds down and sometimes causes 1px difference */\n          bottom: `calc(100% + ${-(inset?.top || 0) + 1}px)`,\n          opacity: hasScrollYAxis ? scrollProgressYAxis * 1 : 0\n        }}\n      />\n\n      <Shadow\n        css={{\n          /** Had to add 1px as a fix for Safari, which rounds down and sometimes causes 1px difference */\n          top: `calc(100% + ${-(inset?.bottom || 0) + 1}px)`,\n          transform: 'rotate(180deg)',\n          opacity: hasScrollYAxis ? (1 - scrollProgressYAxis) * 1 : 0\n        }}\n      />\n      <Shadow\n        css={{\n          /** Had to add 1px as a fix for Safari, which rounds down and sometimes causes 1px difference */\n          right: `calc(100% + ${-(inset?.left || 0) + 1}px)`,\n          opacity: hasScrollXAxis ? scrollProgressXAxis * 1 : 0\n        }}\n      />\n      <Shadow\n        css={{\n          /** Had to add 1px as a fix for Safari, which rounds down and sometimes causes 1px difference */\n          left: `calc(100% + ${-(inset?.right || 0) + 1}px)`,\n          transform: 'rotate(180deg)',\n          opacity: hasScrollXAxis ? (1 - scrollProgressXAxis) * 1 : 0\n        }}\n      />\n    </Box>\n  )\n}\n"],"names":["Shadow","styled","Box","ScrollableContainerShadow","inset","css","rest","scrollbarWidthXAxis","scrollbarWidthYAxis","hasScrollYAxis","hasScrollXAxis","scrollProgressXAxis","scrollProgressYAxis","React","ScrollableContainerContext"],"mappings":"iMAQA,MAAMA,EAASC,EAAOC,EAAK,CACzB,SAAU,WACV,OAAQ,OACR,MAAO,OACP,cAAe,OACf,UAAW,KACX,QAAS,CACX,CAAC,EAEYC,EAA4B,CACvC,CAAE,MAAAC,EAAO,IAAAC,KAAQC,CAAK,IACnB,CACH,KAAM,CAAE,oBAAAC,EAAqB,oBAAAC,EAAqB,eAAAC,EAAgB,eAAAC,EAAgB,oBAAAC,EAAqB,oBAAAC,CAAoB,EAAIC,EAAM,WAAWC,CAA0B,EAE1K,OACED,EAAA,cAACX,EAAA,CAAI,IAAK,CACR,MAAO,eAAeK,OACtB,OAAQ,eAAeC,OACvB,SAAU,WACV,KAAM,EACN,IAAK,EACL,cAAe,OACf,SAAU,SACV,GAAGH,CACL,EACG,GAAGC,CACJO,EAAAA,EAAA,cAACb,EAAA,CACC,IAAK,CAEH,OAAQ,eAAe,GAAEI,GAAA,KAAAA,OAAAA,EAAO,MAAO,GAAK,OAC5C,QAASK,EAAiBG,EAAsB,EAAI,CACtD,CAAA,CACF,EAEAC,EAAA,cAACb,EAAA,CACC,IAAK,CAEH,IAAK,eAAe,GAAEI,GAAA,KAAA,OAAAA,EAAO,SAAU,GAAK,OAC5C,UAAW,iBACX,QAASK,GAAkB,EAAIG,GAAuB,EAAI,CAC5D,EACF,EACAC,EAAA,cAACb,EAAA,CACC,IAAK,CAEH,MAAO,eAAe,GAAEI,GAAA,YAAAA,EAAO,OAAQ,GAAK,OAC5C,QAASM,EAAiBC,EAAsB,EAAI,CACtD,CACF,CAAA,EACAE,EAAA,cAACb,EAAA,CACC,IAAK,CAEH,KAAM,eAAe,GAAEI,GAAA,KAAAA,OAAAA,EAAO,QAAS,GAAK,OAC5C,UAAW,iBACX,QAASM,GAAkB,EAAIC,GAAuB,EAAI,CAC5D,CAAA,CACF,CACF,CAEJ"}

package/dist/components/scrollable-container/index.d.ts

@@ -0,0 +1,3 @@
+export { ScrollableContainer } from './ScrollableContainer';
+export { ScrollableContainerContext, ScrollableContainerProvider } from './ScrollableContainer.context';
+export { useScrollableContainer } from './useScrollableContainer';

package/dist/components/scrollable-container/useScrollableContainer.d.ts

@@ -0,0 +1,2 @@
+import { type IScrollableContainerContext } from './ScrollableContainer.context';
+export declare const useScrollableContainer: () => IScrollableContainerContext;

package/dist/components/scrollable-container/useScrollableContainer.js

@@ -0,0 +1,2 @@
+import*as o from"react";import{ScrollableContainerContext as r}from"./ScrollableContainer.context.js";const t=()=>{const e=o.useContext(r);return e.hasProvider||console.warn("Ensure that you wrap components with the ScrollableContainerProvider component. Scroll related features may not work as expected."),e};export{t as useScrollableContainer};
+//# sourceMappingURL=useScrollableContainer.js.map

package/dist/components/scrollable-container/useScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollableContainer.js","sources":["../../../src/components/scrollable-container/useScrollableContainer.ts"],"sourcesContent":["import * as React from 'react'\nimport { ScrollableContainerContext, type IScrollableContainerContext } from './ScrollableContainer.context'\n\nexport const useScrollableContainer = (): IScrollableContainerContext => {\n  const context = React.useContext(ScrollableContainerContext)\n\n  if (!context.hasProvider) {\n    console.warn('Ensure that you wrap components with the ScrollableContainerProvider component. Scroll related features may not work as expected.')\n  }\n\n  return context\n}\n\n"],"names":["useScrollableContainer","context","React","ScrollableContainerContext"],"mappings":"sGAGO,MAAMA,EAAyB,IAAmC,CACvE,MAAMC,EAAUC,EAAM,WAAWC,CAA0B,EAE3D,OAAKF,EAAQ,aACX,QAAQ,KAAK,mIAAmI,EAG3IA,CACT"}

package/dist/components/table/Table.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CSS } from '../../stitches';
+import { TableScrollableContainer } from './TableScrollableContainer';
 declare const StyledTable: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"table", {
     size?: "md" | "lg" | "xl" | undefined;
     corners?: "round" | "square" | undefined;
@@ -368,15 +368,9 @@ declare const StyledTable: import("@atom-learning/stitches-react/types/styled-co
     };
 }>>;
 type TableProps = React.ComponentProps<typeof StyledTable> & {
-    numberOfStickyColumns?: number;
-    scrollContainerCss?: CSS;
-    scrollContainerkey?: string;
-    maxRowDepth?: number;
-};
-export declare const Table: {
-    ({ size, corners, numberOfStickyColumns, scrollContainerCss, scrollContainerkey, ...rest }: TableProps): React.JSX.Element;
-    displayName: string;
-} & {
+    scrollable?: boolean;
+} & React.ComponentProps<typeof TableScrollableContainer>;
+export declare const Table: (({ size, corners, scrollable, numberOfStickyColumns, numberOfStickyRows, scrollContainerCss, css, ...rest }: TableProps) => React.JSX.Element) & {
     Body: {
         ({ striped, ...rest }: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
             ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
@@ -2948,9 +2942,5 @@ export declare const Table: {
             };
         }> | undefined;
     }>;
-    StickyColumnsContainer: ({ children, numberOfStickyColumns, css, ...restProps }: React.PropsWithChildren<{
-        numberOfStickyColumns?: number;
-        css?: CSS;
-    }>) => React.JSX.Element;
 };
 export {};

package/dist/components/table/Table.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{styled as b}from"../../stitches.js";import{TableBody as c}from"./TableBody.js";import{TableCell as e}from"./TableCell.js";import{TableFooter as f}from"./TableFooter.js";import{TableFooterCell as r}from"./TableFooterCell.js";import{TableHeader as C}from"./TableHeader.js";import{TableHeaderCell as o}from"./TableHeaderCell.js";import{StyledRow as u,TableRow as y}from"./TableRow.js";import{TableStickyColumnsContainer as a}from"./TableStickyColumnsContainer.js";const h=b("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${e}, ${o}, ${r}`]:{height:"$4",padding:"$1 $3"}},lg:{[`${e}, ${o}, ${r}`]:{height:"$5",padding:"$2 $3"}},xl:{[`${e}, ${o}, ${r}`]:{height:"$6",padding:"$4 $3"}}},corners:{round:{[`${o}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${u}:last-child`]:{[`${e}:first-child`]:{borderBottomLeftRadius:"$0"},[`${e}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),s=({size:m="md",corners:n="round",numberOfStickyColumns:t=0,scrollContainerCss:d,scrollContainerkey:$,...p})=>{const l=i.createElement(h,{size:m,corners:n,...p});return t?i.createElement(a,{key:$,css:d,numberOfStickyColumns:t},l):l},T=Object.assign(s,{Body:c,Cell:e,Footer:f,FooterCell:r,Header:C,HeaderCell:o,Row:y,StickyColumnsContainer:a});s.displayName="Table";export{T as Table};
+import*as t from"react";import{styled as b}from"../../stitches.js";import{TableBody as f}from"./TableBody.js";import{TableCell as e}from"./TableCell.js";import{TableFooter as p}from"./TableFooter.js";import{TableFooterCell as r}from"./TableFooterCell.js";import{TableHeader as C}from"./TableHeader.js";import{TableHeaderCell as o}from"./TableHeaderCell.js";import{StyledRow as h,TableRow as u}from"./TableRow.js";import{TableScrollableContainer as y}from"./TableScrollableContainer.js";const m=b("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$body",color:"$grey800",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${e}, ${o}, ${r}`]:{height:"$4",padding:"$1 $3"}},lg:{[`${e}, ${o}, ${r}`]:{height:"$5",padding:"$2 $3"}},xl:{[`${e}, ${o}, ${r}`]:{height:"$6",padding:"$4 $3"}}},corners:{round:{[`${o}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${h}:last-child`]:{[`${e}:first-child`]:{borderBottomLeftRadius:"$0"},[`${e}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),g=({size:l="md",corners:s="round",scrollable:d,numberOfStickyColumns:n,numberOfStickyRows:$,scrollContainerCss:c,css:i,...a})=>d?t.createElement(y,{numberOfStickyColumns:n,numberOfStickyRows:$,scrollContainerCss:c,css:i},t.createElement(m,{size:l,corners:s,...a})):t.createElement(m,{size:l,corners:s,css:i,...a}),R=Object.assign(g,{Body:f,Cell:e,Footer:p,FooterCell:r,Header:C,HeaderCell:o,Row:u});export{R 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 * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\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 { StyledRow, TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$sans',\n  fontSize: '$sm',\n  width: '100%',\n  variants: {\n    size: {\n      md: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$4',\n          padding: '$1 $3'\n        }\n      },\n      lg: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$5',\n          padding: '$2 $3'\n        }\n      },\n      xl: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$6',\n          padding: '$4 $3'\n        }\n      }\n    },\n    corners: {\n      round: {\n        [`${TableHeaderCell}`]: {\n          '&:first-of-type': { borderTopLeftRadius: '$0' },\n          '&:last-of-type': { borderTopRightRadius: '$0' }\n        },\n        [`${StyledRow}:last-child`]: {\n          [`${TableCell}:first-child`]: { borderBottomLeftRadius: '$0' },\n          [`${TableCell}:last-child`]: { borderBottomRightRadius: '$0' }\n        }\n      },\n      square: {}\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCss?: CSS\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = ({\n  size = 'md',\n  corners = 'round',\n  numberOfStickyColumns = 0,\n  scrollContainerCss,\n  scrollContainerkey,\n  ...rest\n}: TableProps) => {\n  const tableComponent = <StyledTable size={size} corners={corners} {...rest} />\n\n  if (numberOfStickyColumns) {\n    return (\n      <TableStickyColumnsContainer\n        key={scrollContainerkey}\n        css={scrollContainerCss}\n        numberOfStickyColumns={numberOfStickyColumns}\n      >\n        {tableComponent}\n      </TableStickyColumnsContainer>\n    )\n  }\n\n  return tableComponent\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","TableCell","TableHeaderCell","TableFooterCell","StyledRow","TableComponent","size","corners","numberOfStickyColumns","scrollContainerCss","scrollContainerkey","rest","tableComponent","React","TableStickyColumnsContainer","Table","TableBody","TableFooter","TableHeader","TableRow"],"mappings":"4eAaA,MAAMA,EAAcC,EAAO,QAAS,CAClC,eAAgB,WAChB,cAAe,EACf,WAAY,QACZ,SAAU,MACV,MAAO,OACP,SAAU,CACR,KAAM,CACJ,GAAI,CACF,CAAC,GAAGC,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,CAAC,GAAGF,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,CAAC,GAAGF,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,KACR,QAAS,OACX,CACF,CACF,EACA,QAAS,CACP,MAAO,CACL,CAAC,GAAGD,KAAoB,CACtB,kBAAmB,CAAE,oBAAqB,IAAK,EAC/C,iBAAkB,CAAE,qBAAsB,IAAK,CACjD,EACA,CAAC,GAAGE,gBAAyB,CAC3B,CAAC,GAAGH,iBAA0B,CAAE,uBAAwB,IAAK,EAC7D,CAAC,GAAGA,gBAAyB,CAAE,wBAAyB,IAAK,CAC/D,CACF,EACA,OAAQ,CAAA,CACV,CACF,CACF,CAAC,EASKI,EAAiB,CAAC,CACtB,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,sBAAAC,EAAwB,EACxB,mBAAAC,EACA,mBAAAC,KACGC,CACL,IAAkB,CAChB,MAAMC,EAAiBC,EAAA,cAACd,EAAA,CAAY,KAAMO,EAAM,QAASC,EAAU,GAAGI,CAAM,CAAA,EAE5E,OAAIH,EAEAK,EAAA,cAACC,EAAA,CACC,IAAKJ,EACL,IAAKD,EACL,sBAAuBD,CAAAA,EAEtBI,CACH,EAIGA,CACT,EAEaG,EAAQ,OAAO,OAAOV,EAAgB,CACjD,KAAMW,EACN,KAAMf,EACN,OAAQgB,EACR,WAAYd,EACZ,OAAQe,EACR,WAAYhB,EACZ,IAAKiB,EACL,uBAAwBL,CAC1B,CAAC,EAEDT,EAAe,YAAc"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\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 { StyledRow, TableRow } from './TableRow'\nimport { TableScrollableContainer } from './TableScrollableContainer'\n\nconst StyledTable = styled('table', {\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$body',\n  color: '$grey800',\n  fontSize: '$sm',\n  width: '100%',\n  variants: {\n    size: {\n      md: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$4',\n          padding: '$1 $3'\n        }\n      },\n      lg: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$5',\n          padding: '$2 $3'\n        }\n      },\n      xl: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$6',\n          padding: '$4 $3'\n        }\n      }\n    },\n    corners: {\n      round: {\n        [`${TableHeaderCell}`]: {\n          '&:first-of-type': { borderTopLeftRadius: '$0' },\n          '&:last-of-type': { borderTopRightRadius: '$0' }\n        },\n        [`${StyledRow}:last-child`]: {\n          [`${TableCell}:first-child`]: { borderBottomLeftRadius: '$0' },\n          [`${TableCell}:last-child`]: { borderBottomRightRadius: '$0' }\n        }\n      },\n      square: {}\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  scrollable?: boolean\n} & React.ComponentProps<typeof TableScrollableContainer>\n\nconst TableComponent = ({\n  size = 'md',\n  corners = 'round',\n  scrollable,\n  numberOfStickyColumns,\n  numberOfStickyRows,\n  scrollContainerCss,\n  css,\n  ...rest\n}: TableProps) => {\n  if (scrollable) {\n    return (\n      <TableScrollableContainer\n        numberOfStickyColumns={numberOfStickyColumns}\n        numberOfStickyRows={numberOfStickyRows}\n        scrollContainerCss={scrollContainerCss}\n        css={css}\n      >\n        <StyledTable size={size} corners={corners} {...rest} />\n      </TableScrollableContainer>\n    )\n  }\n\n  return <StyledTable size={size} corners={corners} css={css} {...rest} />\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})\n\n// TableComponent.displayName = 'Table'\n"],"names":["StyledTable","styled","TableCell","TableHeaderCell","TableFooterCell","StyledRow","TableComponent","size","corners","scrollable","numberOfStickyColumns","numberOfStickyRows","scrollContainerCss","css","rest","React","TableScrollableContainer","Table","TableBody","TableFooter","TableHeader","TableRow"],"mappings":"seAaA,MAAMA,EAAcC,EAAO,QAAS,CAClC,eAAgB,WAChB,cAAe,EACf,WAAY,QACZ,MAAO,WACP,SAAU,MACV,MAAO,OACP,SAAU,CACR,KAAM,CACJ,GAAI,CACF,CAAC,GAAGC,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,CAAC,GAAGF,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,CAAC,GAAGF,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,KACR,QAAS,OACX,CACF,CACF,EACA,QAAS,CACP,MAAO,CACL,CAAC,GAAGD,KAAoB,CACtB,kBAAmB,CAAE,oBAAqB,IAAK,EAC/C,iBAAkB,CAAE,qBAAsB,IAAK,CACjD,EACA,CAAC,GAAGE,gBAAyB,CAC3B,CAAC,GAAGH,iBAA0B,CAAE,uBAAwB,IAAK,EAC7D,CAAC,GAAGA,gBAAyB,CAAE,wBAAyB,IAAK,CAC/D,CACF,EACA,OAAQ,CACV,CAAA,CACF,CACF,CAAC,EAMKI,EAAiB,CAAC,CACtB,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,WAAAC,EACA,sBAAAC,EACA,mBAAAC,EACA,mBAAAC,EACA,IAAAC,KACGC,CACL,IACML,EAEAM,EAAA,cAACC,EAAA,CACC,sBAAuBN,EACvB,mBAAoBC,EACpB,mBAAoBC,EACpB,IAAKC,CAAAA,EAELE,EAAA,cAACf,EAAA,CAAY,KAAMO,EAAM,QAASC,EAAU,GAAGM,CAAM,CAAA,CACvD,EAIGC,EAAA,cAACf,EAAA,CAAY,KAAMO,EAAM,QAASC,EAAS,IAAKK,EAAM,GAAGC,CAAAA,CAAM,EAG3DG,EAAQ,OAAO,OAAOX,EAAgB,CACjD,KAAMY,EACN,KAAMhB,EACN,OAAQiB,EACR,WAAYf,EACZ,OAAQgB,EACR,WAAYjB,EACZ,IAAKkB,CACP,CAAC"}

package/dist/components/table/TableCell.js

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";const e=l("td",{borderBottom:"1px solid $grey200",boxSizing:"border-box",color:"$grey800",fontFamily:"$body",lineHeight:1.5,textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"600"}});e.displayName="TableCell";export{e as TableCell};
+import{styled as l}from"../../stitches.js";const e=l("td",{borderBottom:"1px solid $grey200",boxSizing:"border-box",color:"$grey800",fontFamily:"$body",lineHeight:1.5,textAlign:"left",verticalAlign:"middle",background:"inherit","&:first-child":{fontWeight:"600"}});e.displayName="TableCell";export{e 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 '~/stitches'\n\nexport const TableCell = styled('td', {\n  borderBottom: '1px solid $grey200',\n  boxSizing: 'border-box',\n  color: '$grey800',\n  fontFamily: '$body',\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  '&:first-child': { fontWeight: '600' }\n})\n\nTableCell.displayName = 'TableCell'\n"],"names":["TableCell","styled"],"mappings":"2CAEO,MAAMA,EAAYC,EAAO,KAAM,CACpC,aAAc,qBACd,UAAW,aACX,MAAO,WACP,WAAY,QACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,gBAAiB,CAAE,WAAY,KAAM,CACvC,CAAC,EAEDD,EAAU,YAAc"}
+{"version":3,"file":"TableCell.js","sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableCell = styled('td', {\n  borderBottom: '1px solid $grey200',\n  boxSizing: 'border-box',\n  color: '$grey800',\n  fontFamily: '$body',\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  background: 'inherit',\n  '&:first-child': { fontWeight: '600' }\n})\n\nTableCell.displayName = 'TableCell'\n"],"names":["TableCell","styled"],"mappings":"2CAEO,MAAMA,EAAYC,EAAO,KAAM,CACpC,aAAc,qBACd,UAAW,aACX,MAAO,WACP,WAAY,QACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,WAAY,UACZ,gBAAiB,CAAE,WAAY,KAAM,CACvC,CAAC,EAEDD,EAAU,YAAc"}

package/dist/components/table/TableFooterCell.js

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";const e=l("td",{color:"$grey800",fontFamily:"$body",fontWeight:600,textAlign:"left",verticalAlign:"middle"});e.displayName="TableFooterCell";export{e as TableFooterCell};
+import{styled as t}from"../../stitches.js";const e=t("td",{fontWeight:600,textAlign:"left",verticalAlign:"middle",background:"inherit"});e.displayName="TableFooterCell";export{e 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 '~/stitches'\n\nexport const TableFooterCell = styled('td', {\n  color: '$grey800',\n  fontFamily: '$body',\n  fontWeight: 600,\n  textAlign: 'left',\n  verticalAlign: 'middle'\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"names":["TableFooterCell","styled"],"mappings":"2CAEO,MAAMA,EAAkBC,EAAO,KAAM,CAC1C,MAAO,WACP,WAAY,QACZ,WAAY,IACZ,UAAW,OACX,cAAe,QACjB,CAAC,EAEDD,EAAgB,YAAc"}
+{"version":3,"file":"TableFooterCell.js","sources":["../../../src/components/table/TableFooterCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableFooterCell = styled('td', {\n  fontWeight: 600,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  background: 'inherit'\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"names":["TableFooterCell","styled"],"mappings":"iDAEaA,EAAkBC,EAAO,KAAM,CAC1C,WAAY,IACZ,UAAW,OACX,cAAe,SACf,WAAY,SACd,CAAC,EAEDD,EAAgB,YAAc"}

package/dist/components/table/TableHeader.js

@@ -1,2 +1,2 @@
-import m from"react";import{styled as y}from"../../stitches.js";import{TableHeaderCell as e}from"./TableHeaderCell.js";const r={PRIMARY:"primary",PRIMARY_DARK:"primaryDark",PRIMARY_LIGHT:"primaryLight",LIGHT:"light",WHITE:"white"},p=y("thead",{variants:{theme:{[r.PRIMARY]:{[`${e}`]:{bg:"$primary800"}},[r.PRIMARY_DARK]:{[`${e}`]:{bg:"$primary1000"}},[r.PRIMARY_LIGHT]:{[`${e}`]:{bg:"$primary200",color:"$grey1000"}},[r.LIGHT]:{[`${e}`]:{bg:"$grey100",color:"$grey1000"}},[r.WHITE]:{[`${e}`]:{bg:"white",color:"$grey1000"}}},isSticky:{true:{position:"sticky",top:0,zIndex:3}}}}),t=({theme:i="primaryDark",isSticky:a=!1,...o})=>m.createElement(p,{theme:i,isSticky:a,...o});t.displayName="TableHeader";export{r as TABLE_HEADER_THEMES,t as TableHeader};
+import a from"react";import{styled as y}from"../../stitches.js";const r={PRIMARY:"primary",PRIMARY_DARK:"primaryDark",PRIMARY_LIGHT:"primaryLight",LIGHT:"light",WHITE:"white"},m=y("thead",{variants:{theme:{[r.PRIMARY]:{bg:"$primary800",color:"white"},[r.PRIMARY_DARK]:{bg:"$primary1000",color:"white"},[r.PRIMARY_LIGHT]:{bg:"$primary200",color:"$grey1000"},[r.LIGHT]:{bg:"$grey100",color:"$grey1000"},[r.WHITE]:{bg:"white",color:"$grey1000"}},isSticky:{true:{position:"sticky",top:0,zIndex:2}}}}),e=({theme:t="primaryDark",isSticky:i=!1,...o})=>a.createElement(m,{theme:t,isSticky:i,...o});e.displayName="TableHeader";export{r as TABLE_HEADER_THEMES,e 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 '~/stitches'\n\nimport { TableHeaderCell } from './TableHeaderCell'\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  variants: {\n    theme: {\n      [TABLE_HEADER_THEMES.PRIMARY]: {\n        [`${TableHeaderCell}`]: {\n          bg: '$primary800'\n        }\n      },\n      [TABLE_HEADER_THEMES.PRIMARY_DARK]: {\n        [`${TableHeaderCell}`]: {\n          bg: '$primary1000'\n        }\n      },\n      [TABLE_HEADER_THEMES.PRIMARY_LIGHT]: {\n        [`${TableHeaderCell}`]: {\n          bg: '$primary200',\n          color: '$grey1000'\n        }\n      },\n      [TABLE_HEADER_THEMES.LIGHT]: {\n        [`${TableHeaderCell}`]: {\n          bg: '$grey100',\n          color: '$grey1000'\n        }\n      },\n      [TABLE_HEADER_THEMES.WHITE]: {\n        [`${TableHeaderCell}`]: {\n          bg: 'white',\n          color: '$grey1000'\n        }\n      }\n    },\n    isSticky: {\n      true: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 3\n      }\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","TableHeaderCell","TableHeader","theme","isSticky","rest","React"],"mappings":"uHAMa,MAAAA,EAAsB,CACjC,QAAS,UACT,aAAc,cACd,cAAe,eACf,MAAO,QACP,MAAO,OACT,EAEMC,EAAoBC,EAAO,QAAS,CACxC,SAAU,CACR,MAAO,CACL,CAACF,EAAoB,SAAU,CAC7B,CAAC,GAAGG,KAAoB,CACtB,GAAI,aACN,CACF,EACA,CAACH,EAAoB,cAAe,CAClC,CAAC,GAAGG,KAAoB,CACtB,GAAI,cACN,CACF,EACA,CAACH,EAAoB,eAAgB,CACnC,CAAC,GAAGG,KAAoB,CACtB,GAAI,cACJ,MAAO,WACT,CACF,EACA,CAACH,EAAoB,OAAQ,CAC3B,CAAC,GAAGG,KAAoB,CACtB,GAAI,WACJ,MAAO,WACT,CACF,EACA,CAACH,EAAoB,OAAQ,CAC3B,CAAC,GAAGG,KAAoB,CACtB,GAAI,QACJ,MAAO,WACT,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,SAAU,SACV,IAAK,EACL,OAAQ,CACV,CACF,CACF,CACF,CAAC,EAIYC,EAAc,CAAC,CAC1B,MAAAC,EAAQ,cACR,SAAAC,EAAW,MACRC,CACL,IACSC,EAAA,cAACP,EAAA,CAAkB,MAAOI,EAAO,SAAUC,EAAW,GAAGC,CAAM,CAAA,EAGxEH,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\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  variants: {\n    theme: {\n      [TABLE_HEADER_THEMES.PRIMARY]: {\n        bg: '$primary800',\n        color: 'white'\n      },\n      [TABLE_HEADER_THEMES.PRIMARY_DARK]: {\n        bg: '$primary1000',\n        color: 'white'\n      },\n      [TABLE_HEADER_THEMES.PRIMARY_LIGHT]: {\n        bg: '$primary200',\n        color: '$grey1000'\n      },\n      [TABLE_HEADER_THEMES.LIGHT]: {\n        bg: '$grey100',\n        color: '$grey1000'\n      },\n      [TABLE_HEADER_THEMES.WHITE]: {\n        bg: 'white',\n        color: '$grey1000'\n      }\n    },\n    isSticky: {\n      true: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 2\n      }\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":"gEAIa,MAAAA,EAAsB,CACjC,QAAS,UACT,aAAc,cACd,cAAe,eACf,MAAO,QACP,MAAO,OACT,EAEMC,EAAoBC,EAAO,QAAS,CACxC,SAAU,CACR,MAAO,CACL,CAACF,EAAoB,SAAU,CAC7B,GAAI,cACJ,MAAO,OACT,EACA,CAACA,EAAoB,cAAe,CAClC,GAAI,eACJ,MAAO,OACT,EACA,CAACA,EAAoB,eAAgB,CACnC,GAAI,cACJ,MAAO,WACT,EACA,CAACA,EAAoB,OAAQ,CAC3B,GAAI,WACJ,MAAO,WACT,EACA,CAACA,EAAoB,OAAQ,CAC3B,GAAI,QACJ,MAAO,WACT,CACF,EACA,SAAU,CACR,KAAM,CACJ,SAAU,SACV,IAAK,EACL,OAAQ,CACV,CACF,CACF,CACF,CAAC,EAIYG,EAAc,CAAC,CAC1B,MAAAC,EAAQ,cACR,SAAAC,EAAW,MACRC,CACL,IACSC,EAAA,cAACN,EAAA,CAAkB,MAAOG,EAAO,SAAUC,EAAW,GAAGC,CAAAA,CAAM,EAGxEH,EAAY,YAAc"}

package/dist/components/table/TableHeaderCell.js

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";const e=l("th",{borderBottom:"1px solid $grey200",color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,textAlign:"left",verticalAlign:"middle"});e.displayName="TableHeaderCell";export{e as TableHeaderCell};
+import{styled as l}from"../../stitches.js";const e=l("th",{borderBottom:"1px solid $grey200",fontWeight:600,lineHeight:1.5,textAlign:"left",verticalAlign:"middle",background:"inherit"});e.displayName="TableHeaderCell";export{e 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 '~/stitches'\n\nexport const TableHeaderCell = styled('th', {\n  borderBottom: '1px solid $grey200',\n  color: 'white',\n  fontFamily: '$body',\n  fontWeight: 600,\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle'\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"names":["TableHeaderCell","styled"],"mappings":"2CAEa,MAAAA,EAAkBC,EAAO,KAAM,CAC1C,aAAc,qBACd,MAAO,QACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,UAAW,OACX,cAAe,QACjB,CAAC,EAEDD,EAAgB,YAAc"}
+{"version":3,"file":"TableHeaderCell.js","sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableHeaderCell = styled('th', {\n  borderBottom: '1px solid $grey200',\n  fontWeight: 600,\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  background: 'inherit'\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"names":["TableHeaderCell","styled"],"mappings":"2CAEO,MAAMA,EAAkBC,EAAO,KAAM,CAC1C,aAAc,qBACd,WAAY,IACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,WAAY,SACd,CAAC,EAEDD,EAAgB,YAAc"}

package/dist/components/table/TableRow.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as l}from"../../stitches.js";const o=l("tr",{bg:"unset"}),r=e.forwardRef((t,a)=>e.createElement(o,{...t,ref:a}));r.displayName="TableRow";export{o as StyledRow,r as TableRow};
+import*as e from"react";import{styled as l}from"../../stitches.js";const r=l("tr",{bg:"inherit"}),o=e.forwardRef((t,a)=>e.createElement(r,{...t,ref:a}));o.displayName="TableRow";export{r as StyledRow,o 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 '~/stitches'\n\nexport const StyledRow = styled('tr', {\n  bg: 'unset'\n})\n\nexport const TableRow: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledRow>\n> = React.forwardRef((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"names":["StyledRow","styled","TableRow","React","props","ref"],"mappings":"mEAIa,MAAAA,EAAYC,EAAO,KAAM,CACpC,GAAI,OACN,CAAC,EAEYC,EAETC,EAAM,WAAW,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAW,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAEvEH,EAAS,YAAc"}
+{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nexport const StyledRow = styled('tr', {\n  bg: 'inherit'\n})\n\nexport const TableRow: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledRow>\n> = React.forwardRef((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"names":["StyledRow","styled","TableRow","React","props","ref"],"mappings":"mEAIa,MAAAA,EAAYC,EAAO,KAAM,CACpC,GAAI,SACN,CAAC,EAEYC,EAETC,EAAM,WAAW,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAW,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAEvEH,EAAS,YAAc"}