@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/AriaTable/AriaTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AriaTable.cjs","sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport merge from 'lodash.merge';\nimport React, {\n  Children,\n  cloneElement,\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n  Caption as TableCaption,\n  StyledTr as TableTr,\n  Table as TableTable,\n  Tbody as TableTbody,\n  Td as TableTd,\n  Tfoot as TableTfoot,\n  Th as TableTh,\n  Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n  display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n  display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n  ElementRef<typeof StyledTbody>,\n  ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n  display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n  ElementRef<typeof StyledTfoot>,\n  ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n  display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            paddingBottom: 0,\n            paddingTop: 0,\n            border: 'none',\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            padding: '0px 16px',\n            pointerEvents: 'none',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            padding: '16px',\n            paddingBottom: 0,\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n            padding: '0px 16px',\n          },\n    [isOpen],\n  );\n\n  return (\n    <StyledTr\n      css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n    >\n      <Td css={appliedStyle} fullColSpan>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </StyledTr>\n  );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    asChild?: boolean;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n    const Component = asChild ? StyledTrSlot : StyledTr;\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    if (!asChild) {\n      const arrayChildren = Children.toArray(children);\n      const hasColSpanChildren = arrayChildren.some((child) => {\n        if (!isValidElement(child)) {\n          return false;\n        }\n        const { fullColSpan } = child.props as TdProps;\n        return !!fullColSpan;\n      });\n      if (hasColSpanChildren && arrayChildren.length > 1) {\n        throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n      }\n    }\n\n    const TdEl = useMemo(\n      () =>\n        emptyFirstColumn ? (\n          tableHead ? (\n            <Th css={{ width: 24 }} />\n          ) : (\n            <Td key=\"empty-td\" />\n          )\n        ) : collapsedContent ? (\n          <Td key=\"chevron-td\">\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <ChevronRightIcon\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                style={{\n                  cursor: 'pointer',\n                  transition: 'transform 0.2s ease-out',\n                  transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                }}\n              />\n            </Box>\n          </Td>\n        ) : null,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isCollapsed],\n    );\n\n    const renderedChildren = useMemo(() => {\n      if (asChild) {\n        return cloneElement(\n          children as any,\n          {\n            // @ts-ignore: Object is possibly 'null'.\n            ...children?.props,\n          },\n          // @ts-ignore: Object is possibly 'null'.\n          [TdEl, ...(children?.props?.children || [])],\n        );\n      }\n\n      return (\n        <>\n          {TdEl}\n          {children}\n        </>\n      );\n    }, [asChild, TdEl, children]);\n\n    return (\n      <>\n        <Component\n          ref={ref}\n          role=\"row\"\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > span`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {renderedChildren}\n        </Component>\n        {!!collapsedContent && (\n          <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n        )}\n      </>\n    );\n  },\n);\n\nconst StyledTh = styled('span', TableTh, {\n  display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n  (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n  display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n  visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n  VariantProps<typeof StyledTd> &\n  VariantProps<typeof TableTd> & {\n    fullColSpan?: boolean;\n  };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n  ({ fullColSpan, css, ...props }, ref) => {\n    const fullColSpanCss = useMemo(\n      () =>\n        fullColSpan\n          ? {\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: '100%',\n            }\n          : {},\n      [fullColSpan],\n    );\n    if (fullColSpan) {\n      return (\n        <>\n          <FillerTd css={css} {...props} />\n          <StyledTd ref={ref} role=\"cell\" css={merge(fullColSpanCss, css)} {...props} />\n        </>\n      );\n    }\n    return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n  },\n);\n\nconst StyledThead = styled('div', TableThead, {\n  display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n  ElementRef<typeof StyledThead>,\n  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n  display: 'table',\n});\nexport const Table = forwardRef<\n  ElementRef<typeof StyledTable>,\n  ComponentProps<typeof StyledTable> &\n    VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n  <StyledTable\n    ref={ref}\n    role=\"table\"\n    css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n    {...props}\n  />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"names":["styled","TableCaption","TableTbody","forwardRef","jsx","TableTfoot","TableTr","Slot","useMemo","Box","useState","Children","isValidElement","ChevronRightIcon","cloneElement","jsxs","Fragment","TableTh","TableTd","TableThead","TableTable"],"mappings":"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"}
+{"version":3,"file":"AriaTable.cjs","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n  Children,\n  cloneElement,\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n  Caption as TableCaption,\n  StyledTr as TableTr,\n  Table as TableTable,\n  Tbody as TableTbody,\n  Td as TableTd,\n  Tfoot as TableTfoot,\n  Th as TableTh,\n  Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n  display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n  display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n  ElementRef<typeof StyledTbody>,\n  ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n  display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n  ElementRef<typeof StyledTfoot>,\n  ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n  display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            paddingBottom: 0,\n            paddingTop: 0,\n            border: 'none',\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            padding: '0px 16px',\n            pointerEvents: 'none',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            padding: '16px',\n            paddingBottom: 0,\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n            padding: '0px 16px',\n          },\n    [isOpen],\n  );\n\n  return (\n    <StyledTr\n      css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n    >\n      <Td css={appliedStyle} fullColSpan>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </StyledTr>\n  );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    asChild?: boolean;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n    const Component = asChild ? StyledTrSlot : StyledTr;\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    if (!asChild) {\n      const arrayChildren = Children.toArray(children);\n      const hasColSpanChildren = arrayChildren.some((child) => {\n        if (!isValidElement(child)) {\n          return false;\n        }\n        const { fullColSpan } = child.props as TdProps;\n        return !!fullColSpan;\n      });\n      if (hasColSpanChildren && arrayChildren.length > 1) {\n        throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n      }\n    }\n\n    const TdEl = useMemo(\n      () =>\n        emptyFirstColumn ? (\n          tableHead ? (\n            <Th css={{ width: 24 }} />\n          ) : (\n            <Td key=\"empty-td\" />\n          )\n        ) : collapsedContent ? (\n          <Td key=\"chevron-td\">\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <ChevronRightIcon\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                style={{\n                  cursor: 'pointer',\n                  transition: 'transform 0.2s ease-out',\n                  transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                }}\n              />\n            </Box>\n          </Td>\n        ) : null,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isCollapsed],\n    );\n\n    const renderedChildren = useMemo(() => {\n      if (asChild) {\n        return cloneElement(\n          children as any,\n          {\n            // @ts-ignore: Object is possibly 'null'.\n            ...children?.props,\n          },\n          // @ts-ignore: Object is possibly 'null'.\n          [TdEl, ...(children?.props?.children || [])],\n        );\n      }\n\n      return (\n        <>\n          {TdEl}\n          {children}\n        </>\n      );\n    }, [asChild, TdEl, children]);\n\n    return (\n      <>\n        <Component\n          ref={ref}\n          role=\"row\"\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > span`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {renderedChildren}\n        </Component>\n        {!!collapsedContent && (\n          <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n        )}\n      </>\n    );\n  },\n);\n\nconst StyledTh = styled('span', TableTh, {\n  display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n  (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n  display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n  visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n  VariantProps<typeof StyledTd> &\n  VariantProps<typeof TableTd> & {\n    fullColSpan?: boolean;\n  };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n  ({ fullColSpan, css, ...props }, ref) => {\n    const fullColSpanCss = useMemo(\n      () =>\n        fullColSpan\n          ? {\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: '100%',\n            }\n          : {},\n      [fullColSpan],\n    );\n    if (fullColSpan) {\n      return (\n        <>\n          <FillerTd css={css} {...props} />\n          <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n        </>\n      );\n    }\n    return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n  },\n);\n\nconst StyledThead = styled('div', TableThead, {\n  display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n  ElementRef<typeof StyledThead>,\n  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n  display: 'table',\n});\nexport const Table = forwardRef<\n  ElementRef<typeof StyledTable>,\n  ComponentProps<typeof StyledTable> &\n    VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n  <StyledTable\n    ref={ref}\n    role=\"table\"\n    css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n    {...props}\n  />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}

package/dist/components/AriaTable/AriaTable.js

@@ -1,196 +1,156 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ChevronRightIcon } from "@radix-ui/react-icons";
-import { Slot } from "@radix-ui/react-slot";
-import merge from "lodash.merge";
-import { forwardRef, useMemo, useState, Children, isValidElement, cloneElement } from "react";
 import { styled } from "../../stitches.config.js";
-import { Caption as Caption$1, Table as Table$1, Tbody as Tbody$1, Td as Td$1, Tfoot as Tfoot$1, Th as Th$1, Thead as Thead$1, StyledTr as StyledTr$1 } from "../Table/Table.js";
 import { Box } from "../Box/Box.js";
-const Caption = styled("div", Caption$1, {
-  display: "table-caption"
-});
-const StyledTbody = styled("div", Tbody$1, {
-  display: "table-row-group"
-});
-const Tbody = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledTbody, { ref, role: "rowgroup", ...props }));
-const StyledTfoot = styled("div", Tfoot$1, {
-  display: "table-footer-group"
-});
-const Tfoot = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledTfoot, { ref, role: "rowgroup", ...props }));
-const StyledTr = styled("div", StyledTr$1, {
-  display: "table-row"
-});
-const StyledTrSlot = styled(Slot, StyledTr);
-const AnimatedContainer = ({ isOpen, children }) => {
-  const appliedStyle = useMemo(
-    () => isOpen ? {
-      transition: "all 0.2s ease-out",
-      paddingBottom: 0,
-      paddingTop: 0,
-      border: "none"
-    } : {
-      transition: "all 0.2s ease-out",
-      padding: "0px 16px",
-      pointerEvents: "none",
-      border: "none"
-    },
-    [isOpen]
-  );
-  const containerStyle = useMemo(
-    () => isOpen ? {
-      transition: "all 0.2s ease-out",
-      padding: "16px",
-      paddingBottom: 0
-    } : {
-      transition: "all 0.2s ease-out",
-      height: 0,
-      overflow: "hidden",
-      padding: "0px 16px"
-    },
-    [isOpen]
-  );
-  return /* @__PURE__ */ jsx(
-    StyledTr,
-    {
-      css: isOpen ? { "&:not(:last-child)": { borderBottom: "1px solid $tableRowBorder" } } : {},
-      children: /* @__PURE__ */ jsx(Td, { css: appliedStyle, fullColSpan: true, children: /* @__PURE__ */ jsx(Box, { css: containerStyle, children }) })
-    }
-  );
+import { deepMerge } from "../../utils/deepMerge.js";
+import { Caption as Caption$1, StyledTr as StyledTr$1, Table as Table$1, Tbody as Tbody$1, Td as Td$1, Tfoot as Tfoot$1, Th as Th$1, Thead as Thead$1 } from "../Table/Table.js";
+import { ChevronRightIcon } from "@radix-ui/react-icons";
+import { Children, cloneElement, forwardRef, isValidElement, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region components/AriaTable/AriaTable.tsx
+var Caption = styled("div", Caption$1, { display: "table-caption" });
+var StyledTbody = styled("div", Tbody$1, { display: "table-row-group" });
+var Tbody = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledTbody, {
+	ref,
+	role: "rowgroup",
+	...props
+}));
+var StyledTfoot = styled("div", Tfoot$1, { display: "table-footer-group" });
+var Tfoot = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledTfoot, {
+	ref,
+	role: "rowgroup",
+	...props
+}));
+var StyledTr = styled("div", StyledTr$1, { display: "table-row" });
+var StyledTrSlot = styled(Slot, StyledTr);
+var AnimatedContainer = ({ isOpen, children }) => {
+	const appliedStyle = useMemo(() => isOpen ? {
+		transition: "all 0.2s ease-out",
+		paddingBottom: 0,
+		paddingTop: 0,
+		border: "none"
+	} : {
+		transition: "all 0.2s ease-out",
+		padding: "0px 16px",
+		pointerEvents: "none",
+		border: "none"
+	}, [isOpen]);
+	const containerStyle = useMemo(() => isOpen ? {
+		transition: "all 0.2s ease-out",
+		padding: "16px",
+		paddingBottom: 0
+	} : {
+		transition: "all 0.2s ease-out",
+		height: 0,
+		overflow: "hidden",
+		padding: "0px 16px"
+	}, [isOpen]);
+	return /* @__PURE__ */ jsx(StyledTr, {
+		css: isOpen ? { "&:not(:last-child)": { borderBottom: "1px solid $tableRowBorder" } } : {},
+		children: /* @__PURE__ */ jsx(Td, {
+			css: appliedStyle,
+			fullColSpan: true,
+			children: /* @__PURE__ */ jsx(Box, {
+				css: containerStyle,
+				children
+			})
+		})
+	});
 };
-const Tr = forwardRef(
-  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {
-    const Component = asChild ? StyledTrSlot : StyledTr;
-    const [isCollapsed, setIsCollapsed] = useState(false);
-    if (!asChild) {
-      const arrayChildren = Children.toArray(children);
-      const hasColSpanChildren = arrayChildren.some((child) => {
-        if (!isValidElement(child)) {
-          return false;
-        }
-        const { fullColSpan } = child.props;
-        return !!fullColSpan;
-      });
-      if (hasColSpanChildren && arrayChildren.length > 1) {
-        throw new Error("Using fullColSpan is allowed only for a single full width Td.");
-      }
-    }
-    const TdEl = useMemo(
-      () => emptyFirstColumn ? tableHead ? /* @__PURE__ */ jsx(Th, { css: { width: 24 } }) : /* @__PURE__ */ jsx(Td, {}, "empty-td") : collapsedContent ? /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          onClick: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-          },
-          children: /* @__PURE__ */ jsx(
-            ChevronRightIcon,
-            {
-              onClick: () => setIsCollapsed(!isCollapsed),
-              style: {
-                cursor: "pointer",
-                transition: "transform 0.2s ease-out",
-                transform: isCollapsed ? "rotate(90deg)" : "initial"
-              }
-            }
-          )
-        }
-      ) }, "chevron-td") : null,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [isCollapsed]
-    );
-    const renderedChildren = useMemo(() => {
-      if (asChild) {
-        return cloneElement(
-          children,
-          {
-            // @ts-ignore: Object is possibly 'null'.
-            ...children?.props
-          },
-          // @ts-ignore: Object is possibly 'null'.
-          [TdEl, ...children?.props?.children || []]
-        );
-      }
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        TdEl,
-        children
-      ] });
-    }, [asChild, TdEl, children]);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Component,
-        {
-          ref,
-          role: "row",
-          css: !!collapsedContent && !isCollapsed ? {
-            ...css,
-            [`&:nth-last-child(2) > span`]: {
-              borderBottom: "none"
-            }
-          } : { ...css },
-          ...props,
-          children: renderedChildren
-        }
-      ),
-      !!collapsedContent && /* @__PURE__ */ jsx(AnimatedContainer, { isOpen: isCollapsed, children: collapsedContent })
-    ] });
-  }
-);
-const StyledTh = styled("span", Th$1, {
-  display: "table-cell"
-});
-const Th = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(StyledTh, { ref, role: "columnheader", ...props })
-);
-const StyledTd = styled("span", Td$1, {
-  display: "table-cell"
+var Tr = forwardRef(({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {
+	const Component = asChild ? StyledTrSlot : StyledTr;
+	const [isCollapsed, setIsCollapsed] = useState(false);
+	if (!asChild) {
+		const arrayChildren = Children.toArray(children);
+		if (arrayChildren.some((child) => {
+			if (!isValidElement(child)) return false;
+			const { fullColSpan } = child.props;
+			return !!fullColSpan;
+		}) && arrayChildren.length > 1) throw new Error("Using fullColSpan is allowed only for a single full width Td.");
+	}
+	const TdEl = useMemo(() => emptyFirstColumn ? tableHead ? /* @__PURE__ */ jsx(Th, { css: { width: 24 } }) : /* @__PURE__ */ jsx(Td, {}, "empty-td") : collapsedContent ? /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Box, {
+		onClick: (e) => {
+			e.stopPropagation();
+			e.preventDefault();
+		},
+		children: /* @__PURE__ */ jsx(ChevronRightIcon, {
+			onClick: () => setIsCollapsed(!isCollapsed),
+			style: {
+				cursor: "pointer",
+				transition: "transform 0.2s ease-out",
+				transform: isCollapsed ? "rotate(90deg)" : "initial"
+			}
+		})
+	}) }, "chevron-td") : null, [isCollapsed]);
+	const renderedChildren = useMemo(() => {
+		if (asChild) return cloneElement(children, { ...children?.props }, [TdEl, ...children?.props?.children || []]);
+		return /* @__PURE__ */ jsxs(Fragment, { children: [TdEl, children] });
+	}, [
+		asChild,
+		TdEl,
+		children
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Component, {
+		ref,
+		role: "row",
+		css: !!collapsedContent && !isCollapsed ? {
+			...css,
+			[`&:nth-last-child(2) > span`]: { borderBottom: "none" }
+		} : { ...css },
+		...props,
+		children: renderedChildren
+	}), !!collapsedContent && /* @__PURE__ */ jsx(AnimatedContainer, {
+		isOpen: isCollapsed,
+		children: collapsedContent
+	})] });
 });
-const FillerTd = styled(StyledTd, {
-  visibility: "hidden"
+var StyledTh = styled("span", Th$1, { display: "table-cell" });
+var Th = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledTh, {
+	ref,
+	role: "columnheader",
+	...props
+}));
+var StyledTd = styled("span", Td$1, { display: "table-cell" });
+var FillerTd = styled(StyledTd, { visibility: "hidden" });
+var Td = forwardRef(({ fullColSpan, css, ...props }, ref) => {
+	const fullColSpanCss = useMemo(() => fullColSpan ? {
+		position: "absolute",
+		left: 0,
+		width: "100%",
+		height: "100%"
+	} : {}, [fullColSpan]);
+	if (fullColSpan) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FillerTd, {
+		css,
+		...props
+	}), /* @__PURE__ */ jsx(StyledTd, {
+		ref,
+		role: "cell",
+		css: deepMerge(fullColSpanCss, css),
+		...props
+	})] });
+	return /* @__PURE__ */ jsx(StyledTd, {
+		ref,
+		role: "cell",
+		css,
+		...props
+	});
 });
-const Td = forwardRef(
-  ({ fullColSpan, css, ...props }, ref) => {
-    const fullColSpanCss = useMemo(
-      () => fullColSpan ? {
-        position: "absolute",
-        left: 0,
-        width: "100%",
-        height: "100%"
-      } : {},
-      [fullColSpan]
-    );
-    if (fullColSpan) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(FillerTd, { css, ...props }),
-        /* @__PURE__ */ jsx(StyledTd, { ref, role: "cell", css: merge(fullColSpanCss, css), ...props })
-      ] });
-    }
-    return /* @__PURE__ */ jsx(StyledTd, { ref, role: "cell", css, ...props });
-  }
-);
-const StyledThead = styled("div", Thead$1, {
-  display: "table-header-group"
-});
-const Thead = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledThead, { ref, role: "rowgroup", ...props }));
-const StyledTable = styled("div", Table$1, {
-  display: "table"
-});
-const Table = forwardRef(({ hasCollapsibleChildren, css, ...props }, ref) => /* @__PURE__ */ jsx(
-  StyledTable,
-  {
-    ref,
-    role: "table",
-    css: hasCollapsibleChildren ? { borderCollapse: "collapse", ...css } : css,
-    ...props
-  }
-));
-export {
-  Caption,
-  Table,
-  Tbody,
-  Td,
-  Tfoot,
-  Th,
-  Thead,
-  Tr
-};
-//# sourceMappingURL=AriaTable.js.map
+var StyledThead = styled("div", Thead$1, { display: "table-header-group" });
+var Thead = forwardRef((props, ref) => /* @__PURE__ */ jsx(StyledThead, {
+	ref,
+	role: "rowgroup",
+	...props
+}));
+var StyledTable = styled("div", Table$1, { display: "table" });
+var Table = forwardRef(({ hasCollapsibleChildren, css, ...props }, ref) => /* @__PURE__ */ jsx(StyledTable, {
+	ref,
+	role: "table",
+	css: hasCollapsibleChildren ? {
+		borderCollapse: "collapse",
+		...css
+	} : css,
+	...props
+}));
+//#endregion
+export { Caption, Table, Tbody, Td, Tfoot, Th, Thead, Tr };
+
+//# sourceMappingURL=AriaTable.js.map

package/dist/components/AriaTable/AriaTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AriaTable.js","sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport merge from 'lodash.merge';\nimport React, {\n  Children,\n  cloneElement,\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n  Caption as TableCaption,\n  StyledTr as TableTr,\n  Table as TableTable,\n  Tbody as TableTbody,\n  Td as TableTd,\n  Tfoot as TableTfoot,\n  Th as TableTh,\n  Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n  display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n  display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n  ElementRef<typeof StyledTbody>,\n  ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n  display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n  ElementRef<typeof StyledTfoot>,\n  ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n  display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            paddingBottom: 0,\n            paddingTop: 0,\n            border: 'none',\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            padding: '0px 16px',\n            pointerEvents: 'none',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            padding: '16px',\n            paddingBottom: 0,\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n            padding: '0px 16px',\n          },\n    [isOpen],\n  );\n\n  return (\n    <StyledTr\n      css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n    >\n      <Td css={appliedStyle} fullColSpan>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </StyledTr>\n  );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    asChild?: boolean;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n    const Component = asChild ? StyledTrSlot : StyledTr;\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    if (!asChild) {\n      const arrayChildren = Children.toArray(children);\n      const hasColSpanChildren = arrayChildren.some((child) => {\n        if (!isValidElement(child)) {\n          return false;\n        }\n        const { fullColSpan } = child.props as TdProps;\n        return !!fullColSpan;\n      });\n      if (hasColSpanChildren && arrayChildren.length > 1) {\n        throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n      }\n    }\n\n    const TdEl = useMemo(\n      () =>\n        emptyFirstColumn ? (\n          tableHead ? (\n            <Th css={{ width: 24 }} />\n          ) : (\n            <Td key=\"empty-td\" />\n          )\n        ) : collapsedContent ? (\n          <Td key=\"chevron-td\">\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <ChevronRightIcon\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                style={{\n                  cursor: 'pointer',\n                  transition: 'transform 0.2s ease-out',\n                  transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                }}\n              />\n            </Box>\n          </Td>\n        ) : null,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isCollapsed],\n    );\n\n    const renderedChildren = useMemo(() => {\n      if (asChild) {\n        return cloneElement(\n          children as any,\n          {\n            // @ts-ignore: Object is possibly 'null'.\n            ...children?.props,\n          },\n          // @ts-ignore: Object is possibly 'null'.\n          [TdEl, ...(children?.props?.children || [])],\n        );\n      }\n\n      return (\n        <>\n          {TdEl}\n          {children}\n        </>\n      );\n    }, [asChild, TdEl, children]);\n\n    return (\n      <>\n        <Component\n          ref={ref}\n          role=\"row\"\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > span`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {renderedChildren}\n        </Component>\n        {!!collapsedContent && (\n          <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n        )}\n      </>\n    );\n  },\n);\n\nconst StyledTh = styled('span', TableTh, {\n  display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n  (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n  display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n  visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n  VariantProps<typeof StyledTd> &\n  VariantProps<typeof TableTd> & {\n    fullColSpan?: boolean;\n  };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n  ({ fullColSpan, css, ...props }, ref) => {\n    const fullColSpanCss = useMemo(\n      () =>\n        fullColSpan\n          ? {\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: '100%',\n            }\n          : {},\n      [fullColSpan],\n    );\n    if (fullColSpan) {\n      return (\n        <>\n          <FillerTd css={css} {...props} />\n          <StyledTd ref={ref} role=\"cell\" css={merge(fullColSpanCss, css)} {...props} />\n        </>\n      );\n    }\n    return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n  },\n);\n\nconst StyledThead = styled('div', TableThead, {\n  display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n  ElementRef<typeof StyledThead>,\n  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n  display: 'table',\n});\nexport const Table = forwardRef<\n  ElementRef<typeof StyledTable>,\n  ComponentProps<typeof StyledTable> &\n    VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n  <StyledTable\n    ref={ref}\n    role=\"table\"\n    css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n    {...props}\n  />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"names":["TableCaption","TableTbody","TableTfoot","TableTr","TableTh","TableTd","TableThead","TableTable"],"mappings":"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"}
+{"version":3,"file":"AriaTable.js","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n  Children,\n  cloneElement,\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n  Caption as TableCaption,\n  StyledTr as TableTr,\n  Table as TableTable,\n  Tbody as TableTbody,\n  Td as TableTd,\n  Tfoot as TableTfoot,\n  Th as TableTh,\n  Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n  display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n  display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n  ElementRef<typeof StyledTbody>,\n  ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n  display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n  ElementRef<typeof StyledTfoot>,\n  ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n  display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            paddingBottom: 0,\n            paddingTop: 0,\n            border: 'none',\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            padding: '0px 16px',\n            pointerEvents: 'none',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? {\n            transition: 'all 0.2s ease-out',\n            padding: '16px',\n            paddingBottom: 0,\n          }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n            padding: '0px 16px',\n          },\n    [isOpen],\n  );\n\n  return (\n    <StyledTr\n      css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n    >\n      <Td css={appliedStyle} fullColSpan>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </StyledTr>\n  );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    asChild?: boolean;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n  ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n    const Component = asChild ? StyledTrSlot : StyledTr;\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    if (!asChild) {\n      const arrayChildren = Children.toArray(children);\n      const hasColSpanChildren = arrayChildren.some((child) => {\n        if (!isValidElement(child)) {\n          return false;\n        }\n        const { fullColSpan } = child.props as TdProps;\n        return !!fullColSpan;\n      });\n      if (hasColSpanChildren && arrayChildren.length > 1) {\n        throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n      }\n    }\n\n    const TdEl = useMemo(\n      () =>\n        emptyFirstColumn ? (\n          tableHead ? (\n            <Th css={{ width: 24 }} />\n          ) : (\n            <Td key=\"empty-td\" />\n          )\n        ) : collapsedContent ? (\n          <Td key=\"chevron-td\">\n            <Box\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <ChevronRightIcon\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                style={{\n                  cursor: 'pointer',\n                  transition: 'transform 0.2s ease-out',\n                  transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                }}\n              />\n            </Box>\n          </Td>\n        ) : null,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isCollapsed],\n    );\n\n    const renderedChildren = useMemo(() => {\n      if (asChild) {\n        return cloneElement(\n          children as any,\n          {\n            // @ts-ignore: Object is possibly 'null'.\n            ...children?.props,\n          },\n          // @ts-ignore: Object is possibly 'null'.\n          [TdEl, ...(children?.props?.children || [])],\n        );\n      }\n\n      return (\n        <>\n          {TdEl}\n          {children}\n        </>\n      );\n    }, [asChild, TdEl, children]);\n\n    return (\n      <>\n        <Component\n          ref={ref}\n          role=\"row\"\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > span`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {renderedChildren}\n        </Component>\n        {!!collapsedContent && (\n          <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n        )}\n      </>\n    );\n  },\n);\n\nconst StyledTh = styled('span', TableTh, {\n  display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n  (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n  display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n  visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n  VariantProps<typeof StyledTd> &\n  VariantProps<typeof TableTd> & {\n    fullColSpan?: boolean;\n  };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n  ({ fullColSpan, css, ...props }, ref) => {\n    const fullColSpanCss = useMemo(\n      () =>\n        fullColSpan\n          ? {\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: '100%',\n            }\n          : {},\n      [fullColSpan],\n    );\n    if (fullColSpan) {\n      return (\n        <>\n          <FillerTd css={css} {...props} />\n          <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n        </>\n      );\n    }\n    return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n  },\n);\n\nconst StyledThead = styled('div', TableThead, {\n  display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n  ElementRef<typeof StyledThead>,\n  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n  display: 'table',\n});\nexport const Table = forwardRef<\n  ElementRef<typeof StyledTable>,\n  ComponentProps<typeof StyledTable> &\n    VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n  <StyledTable\n    ref={ref}\n    role=\"table\"\n    css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n    {...props}\n  />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}