@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/Table/Table.js

@@ -1,290 +1,205 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { ChevronRightIcon } from "@radix-ui/react-icons";
-import { forwardRef, useState, useMemo } from "react";
 import { styled } from "../../stitches.config.js";
-import { Label } from "../Label/Label.js";
-import { Flex } from "../Flex/Flex.js";
 import { Box } from "../Box/Box.js";
-import { Text } from "../Text/Text.js";
 import { elevationVariants } from "../Elevation/Elevation.js";
-const Caption = styled("caption", Text, {
-  display: "table-caption",
-  textAlign: "start",
-  fontVariantNumeric: "proportional-nums",
-  fontWeight: "$medium",
-  lineHeight: "1.25"
+import { Flex } from "../Flex/Flex.js";
+import { Text } from "../Text/Text.js";
+import { Label } from "../Label/Label.js";
+import { ChevronRightIcon } from "@radix-ui/react-icons";
+import { forwardRef, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region components/Table/Table.tsx
+var Caption = styled("caption", Text, {
+	display: "table-caption",
+	textAlign: "start",
+	fontVariantNumeric: "proportional-nums",
+	fontWeight: "$medium",
+	lineHeight: "1.25"
 });
-const Tbody = styled("tbody", {
-  width: "100%",
-  verticalAlign: "middle"
+var Tbody = styled("tbody", {
+	width: "100%",
+	verticalAlign: "middle"
 });
-const Th = styled("th", Label, {
-  // override Label
-  display: "table-cell",
-  verticalAlign: "inherit",
-  borderTopLeftRadius: "inherit",
-  borderTopRightRadius: "inherit",
-  textAlign: "start",
-  p: "$2 $3",
-  borderBottom: "1px solid $tableRowBorder",
-  variants: {
-    align: {
-      start: {
-        textAlign: "start"
-      },
-      center: {
-        textAlign: "center"
-      },
-      end: {
-        textAlign: "end"
-      }
-    },
-    transform: {
-      capitalize: {
-        display: "table-cell"
-        // revert Label enforced value
-      }
-    }
-  },
-  defaultVariants: {
-    align: "start"
-  }
+var Th = styled("th", Label, {
+	display: "table-cell",
+	verticalAlign: "inherit",
+	borderTopLeftRadius: "inherit",
+	borderTopRightRadius: "inherit",
+	textAlign: "start",
+	p: "$2 $3",
+	borderBottom: "1px solid $tableRowBorder",
+	variants: {
+		align: {
+			start: { textAlign: "start" },
+			center: { textAlign: "center" },
+			end: { textAlign: "end" }
+		},
+		transform: { capitalize: { display: "table-cell" } }
+	},
+	defaultVariants: { align: "start" }
 });
-const Td = styled("td", {
-  boxSizing: "border-box",
-  p: "$5 $3",
-  borderBottom: "1px solid $tableRowBorder",
-  fontSize: "$3",
-  lineHeight: "16px",
-  verticalAlign: "inherit",
-  variants: {
-    subtle: {
-      true: {
-        fontWeight: "$regular",
-        color: "$tableSubtleText"
-      }
-    },
-    align: {
-      start: {
-        textAlign: "start"
-      },
-      center: {
-        textAlign: "center"
-      },
-      end: {
-        textAlign: "end"
-      }
-    }
-  },
-  defaultVariants: {
-    align: "start"
-  }
+var Td = styled("td", {
+	boxSizing: "border-box",
+	p: "$5 $3",
+	borderBottom: "1px solid $tableRowBorder",
+	fontSize: "$3",
+	lineHeight: "16px",
+	verticalAlign: "inherit",
+	variants: {
+		subtle: { true: {
+			fontWeight: "$regular",
+			color: "$tableSubtleText"
+		} },
+		align: {
+			start: { textAlign: "start" },
+			center: { textAlign: "center" },
+			end: { textAlign: "end" }
+		}
+	},
+	defaultVariants: { align: "start" }
 });
-const StyledTr = styled("tr", {
-  verticalAlign: "inherit",
-  "&:hover": {
-    color: "$tableHoverText"
-  },
-  [`&:last-child > ${Td}`]: {
-    borderBottom: "none"
-  },
-  variants: {
-    interactive: {
-      true: {
-        "&:hover": {
-          backgroundColor: "$tableHoverBackground",
-          cursor: "pointer"
-        }
-      }
-    },
-    active: {
-      true: {
-        backgroundColor: "$tableHoverBackground",
-        color: "$tableActiveText",
-        fontWeight: "$semiBold"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      interactive: true,
-      active: true,
-      css: {
-        "&:hover": {
-          color: "$tableActiveHoverText"
-        }
-      }
-    }
-  ]
+var StyledTr = styled("tr", {
+	verticalAlign: "inherit",
+	"&:hover": { color: "$tableHoverText" },
+	[`&:last-child > ${Td}`]: { borderBottom: "none" },
+	variants: {
+		interactive: { true: { "&:hover": {
+			backgroundColor: "$tableHoverBackground",
+			cursor: "pointer"
+		} } },
+		active: { true: {
+			backgroundColor: "$tableHoverBackground",
+			color: "$tableActiveText",
+			fontWeight: "$semiBold"
+		} }
+	},
+	compoundVariants: [{
+		interactive: true,
+		active: true,
+		css: { "&:hover": { color: "$tableActiveHoverText" } }
+	}]
 });
-const AnimatedTr = ({
-  collapsedContentColSpan,
-  isOpen,
-  children
-}) => {
-  const appliedStyle = useMemo(
-    () => isOpen ? { transition: "padding 0.2s ease-out" } : {
-      transition: "padding 0.2s ease-out",
-      lineHeight: 0,
-      fontSize: 0,
-      padding: "0px 16px",
-      border: "none"
-    },
-    [isOpen]
-  );
-  const containerStyle = useMemo(
-    () => isOpen ? { transition: "all 0.2s ease-out" } : {
-      transition: "all 0.2s ease-out",
-      height: 0,
-      overflow: "hidden"
-    },
-    [isOpen]
-  );
-  return /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: collapsedContentColSpan, css: appliedStyle, children: /* @__PURE__ */ jsx(Box, { css: containerStyle, children }) }) });
+var AnimatedTr = ({ collapsedContentColSpan, isOpen, children }) => {
+	return /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, {
+		colSpan: collapsedContentColSpan,
+		css: useMemo(() => isOpen ? { transition: "padding 0.2s ease-out" } : {
+			transition: "padding 0.2s ease-out",
+			lineHeight: 0,
+			fontSize: 0,
+			padding: "0px 16px",
+			border: "none"
+		}, [isOpen]),
+		children: /* @__PURE__ */ jsx(Box, {
+			css: useMemo(() => isOpen ? { transition: "all 0.2s ease-out" } : {
+				transition: "all 0.2s ease-out",
+				height: 0,
+				overflow: "hidden"
+			}, [isOpen]),
+			children
+		})
+	}) });
 };
-const Tr = forwardRef(
-  ({
-    children,
-    collapsedContent,
-    emptyFirstColumn = false,
-    tableHead = false,
-    collapsedContentColSpan = 1,
-    css,
-    ...props
-  }, ref) => {
-    const [isCollapsed, setIsCollapsed] = useState(false);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        StyledTr,
-        {
-          ref,
-          css: !!collapsedContent && !isCollapsed ? {
-            ...css,
-            [`&:nth-last-child(2) > ${Td}`]: {
-              borderBottom: "none"
-            }
-          } : { ...css },
-          ...props,
-          children: [
-            emptyFirstColumn ? tableHead ? /* @__PURE__ */ jsx(Th, { css: { width: 24 } }) : /* @__PURE__ */ jsx(Td, {}) : null,
-            !!collapsedContent && /* @__PURE__ */ jsx(
-              Td,
-              {
-                css: { padding: "0 0 0 $3" },
-                onClick: (e) => {
-                  e.stopPropagation();
-                  e.preventDefault();
-                },
-                children: /* @__PURE__ */ jsx(
-                  Flex,
-                  {
-                    align: "center",
-                    justify: "center",
-                    css: {
-                      height: "40px",
-                      "&:hover": {
-                        color: "$tableActiveText"
-                      }
-                    },
-                    onClick: () => setIsCollapsed(!isCollapsed),
-                    children: /* @__PURE__ */ jsx(
-                      ChevronRightIcon,
-                      {
-                        style: {
-                          cursor: "pointer",
-                          transition: "transform 0.2s ease-out",
-                          transform: isCollapsed ? "rotate(90deg)" : "initial"
-                        }
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            children
-          ]
-        }
-      ),
-      !!collapsedContent && /* @__PURE__ */ jsx(AnimatedTr, { isOpen: isCollapsed, collapsedContentColSpan, children: collapsedContent })
-    ] });
-  }
-);
-const Tfoot = styled("tfoot", {
-  verticalAlign: "middle",
-  position: "relative",
-  borderRadius: "inherit",
-  "&::after": {
-    pointerEvents: "none",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    backgroundColor: "$tableFooterLayerBackground",
-    borderRadius: "inherit"
-  },
-  [`& ${Td}`]: {
-    fontSize: "$1",
-    color: "$tableHeaderText",
-    fontWeight: "$light",
-    p: "$2 $3"
-  }
+var Tr = forwardRef(({ children, collapsedContent, emptyFirstColumn = false, tableHead = false, collapsedContentColSpan = 1, css, ...props }, ref) => {
+	const [isCollapsed, setIsCollapsed] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(StyledTr, {
+		ref,
+		css: !!collapsedContent && !isCollapsed ? {
+			...css,
+			[`&:nth-last-child(2) > ${Td}`]: { borderBottom: "none" }
+		} : { ...css },
+		...props,
+		children: [
+			emptyFirstColumn ? tableHead ? /* @__PURE__ */ jsx(Th, { css: { width: 24 } }) : /* @__PURE__ */ jsx(Td, {}) : null,
+			!!collapsedContent && /* @__PURE__ */ jsx(Td, {
+				css: { padding: "0 0 0 $3" },
+				onClick: (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+				},
+				children: /* @__PURE__ */ jsx(Flex, {
+					align: "center",
+					justify: "center",
+					css: {
+						height: "40px",
+						"&:hover": { color: "$tableActiveText" }
+					},
+					onClick: () => setIsCollapsed(!isCollapsed),
+					children: /* @__PURE__ */ jsx(ChevronRightIcon, { style: {
+						cursor: "pointer",
+						transition: "transform 0.2s ease-out",
+						transform: isCollapsed ? "rotate(90deg)" : "initial"
+					} })
+				})
+			}),
+			children
+		]
+	}), !!collapsedContent && /* @__PURE__ */ jsx(AnimatedTr, {
+		isOpen: isCollapsed,
+		collapsedContentColSpan,
+		children: collapsedContent
+	})] });
 });
-const Thead = styled("thead", {
-  position: "relative",
-  borderTopLeftRadius: "inherit",
-  borderTopRightRadius: "inherit",
-  verticalAlign: "middle",
-  "&::after": {
-    pointerEvents: "none",
-    content: '""',
-    position: "absolute",
-    inset: 0,
-    backgroundColor: "$tableHeaderLayerBackground",
-    borderTopLeftRadius: "inherit",
-    borderTopRightRadius: "inherit"
-  },
-  [`& ${Th}`]: {
-    fontSize: "$1",
-    color: "$tableHeaderText",
-    fontWeight: "$light"
-  }
+var Tfoot = styled("tfoot", {
+	verticalAlign: "middle",
+	position: "relative",
+	borderRadius: "inherit",
+	"&::after": {
+		pointerEvents: "none",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		backgroundColor: "$tableFooterLayerBackground",
+		borderRadius: "inherit"
+	},
+	[`& ${Td}`]: {
+		fontSize: "$1",
+		color: "$tableHeaderText",
+		fontWeight: "$light",
+		p: "$2 $3"
+	}
 });
-const Table = styled("table", {
-  width: "100%",
-  tableLayout: "fixed",
-  boxSizing: "border-box",
-  borderCollapse: "separate",
-  borderSpacing: 0,
-  fontFamily: "$rubik",
-  color: "$tableText",
-  borderRadius: "$3",
-  overflow: "hidden",
-  [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {
-    borderTopLeftRadius: "0",
-    borderTopRightRadius: "0",
-    [`& ${Td}`]: {
-      borderTop: "1px solid $tableRowBorder"
-    }
-  },
-  [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {
-    borderTopLeftRadius: "0",
-    borderTopRightRadius: "0"
-  },
-  variants: {
-    elevation: elevationVariants
-  },
-  defaultVariants: {
-    elevation: 1
-  }
+var Thead = styled("thead", {
+	position: "relative",
+	borderTopLeftRadius: "inherit",
+	borderTopRightRadius: "inherit",
+	verticalAlign: "middle",
+	"&::after": {
+		pointerEvents: "none",
+		content: "\"\"",
+		position: "absolute",
+		inset: 0,
+		backgroundColor: "$tableHeaderLayerBackground",
+		borderTopLeftRadius: "inherit",
+		borderTopRightRadius: "inherit"
+	},
+	[`& ${Th}`]: {
+		fontSize: "$1",
+		color: "$tableHeaderText",
+		fontWeight: "$light"
+	}
 });
-export {
-  Caption,
-  StyledTr,
-  Table,
-  Tbody,
-  Td,
-  Tfoot,
-  Th,
-  Thead,
-  Tr
-};
-//# sourceMappingURL=Table.js.map
+var Table = styled("table", {
+	width: "100%",
+	tableLayout: "fixed",
+	boxSizing: "border-box",
+	borderCollapse: "separate",
+	borderSpacing: 0,
+	fontFamily: "$rubik",
+	color: "$tableText",
+	borderRadius: "$3",
+	overflow: "hidden",
+	[`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {
+		borderTopLeftRadius: "0",
+		borderTopRightRadius: "0",
+		[`& ${Td}`]: { borderTop: "1px solid $tableRowBorder" }
+	},
+	[`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {
+		borderTopLeftRadius: "0",
+		borderTopRightRadius: "0"
+	},
+	variants: { elevation: elevationVariants },
+	defaultVariants: { elevation: 1 }
+});
+//#endregion
+export { Caption, StyledTr, Table, Tbody, Td, Tfoot, Th, Thead, Tr };
+
+//# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n  display: 'table-caption',\n  textAlign: 'start',\n  fontVariantNumeric: 'proportional-nums',\n  fontWeight: '$medium',\n  lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n  width: '100%',\n  verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n  // override Label\n  display: 'table-cell',\n  verticalAlign: 'inherit',\n\n  borderTopLeftRadius: 'inherit',\n  borderTopRightRadius: 'inherit',\n\n  textAlign: 'start',\n  p: '$2 $3',\n  borderBottom: '1px solid $tableRowBorder',\n\n  variants: {\n    align: {\n      start: {\n        textAlign: 'start',\n      },\n      center: {\n        textAlign: 'center',\n      },\n      end: {\n        textAlign: 'end',\n      },\n    },\n    transform: {\n      capitalize: {\n        display: 'table-cell', // revert Label enforced value\n      },\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n  },\n});\n\nexport const Td = styled('td', {\n  boxSizing: 'border-box',\n  p: '$5 $3',\n  borderBottom: '1px solid $tableRowBorder',\n  fontSize: '$3',\n  lineHeight: '16px',\n  verticalAlign: 'inherit',\n  variants: {\n    subtle: {\n      true: {\n        fontWeight: '$regular',\n        color: '$tableSubtleText',\n      },\n    },\n    align: {\n      start: {\n        textAlign: 'start',\n      },\n      center: {\n        textAlign: 'center',\n      },\n      end: {\n        textAlign: 'end',\n      },\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n  },\n});\n\nexport const StyledTr = styled('tr', {\n  verticalAlign: 'inherit',\n  '&:hover': {\n    color: '$tableHoverText',\n  },\n  [`&:last-child > ${Td}`]: {\n    borderBottom: 'none',\n  },\n\n  variants: {\n    interactive: {\n      true: {\n        '&:hover': {\n          backgroundColor: '$tableHoverBackground',\n          cursor: 'pointer',\n        },\n      },\n    },\n    active: {\n      true: {\n        backgroundColor: '$tableHoverBackground',\n        color: '$tableActiveText',\n        fontWeight: '$semiBold',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      interactive: true,\n      active: true,\n      css: {\n        '&:hover': {\n          color: '$tableActiveHoverText',\n        },\n      },\n    },\n  ],\n});\n\nconst AnimatedTr = ({\n  collapsedContentColSpan,\n  isOpen,\n  children,\n}: {\n  collapsedContentColSpan: number;\n  isOpen: boolean;\n  children: ReactNode;\n}) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? { transition: 'padding 0.2s ease-out' }\n        : {\n            transition: 'padding 0.2s ease-out',\n            lineHeight: 0,\n            fontSize: 0,\n            padding: '0px 16px',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? { transition: 'all 0.2s ease-out' }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n          },\n    [isOpen],\n  );\n\n  return (\n    <Tr>\n      <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </Tr>\n  );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    children: React.ReactNode;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    collapsedContentColSpan?: number;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n  (\n    {\n      children,\n      collapsedContent,\n      emptyFirstColumn = false,\n      tableHead = false,\n      collapsedContentColSpan = 1,\n      css,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    return (\n      <>\n        <StyledTr\n          ref={ref}\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > ${Td}`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n          {!!collapsedContent && (\n            <Td\n              css={{ padding: '0 0 0 $3' }}\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <Flex\n                align=\"center\"\n                justify=\"center\"\n                css={{\n                  height: '40px',\n                  '&:hover': {\n                    color: '$tableActiveText',\n                  },\n                }}\n                onClick={() => setIsCollapsed(!isCollapsed)}\n              >\n                <ChevronRightIcon\n                  style={{\n                    cursor: 'pointer',\n                    transition: 'transform 0.2s ease-out',\n                    transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                  }}\n                />\n              </Flex>\n            </Td>\n          )}\n          {children}\n        </StyledTr>\n        {!!collapsedContent && (\n          <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n            {collapsedContent}\n          </AnimatedTr>\n        )}\n      </>\n    );\n  },\n);\n\nexport const Tfoot = styled('tfoot', {\n  verticalAlign: 'middle',\n  position: 'relative',\n  borderRadius: 'inherit',\n\n  '&::after': {\n    pointerEvents: 'none',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: '$tableFooterLayerBackground',\n    borderRadius: 'inherit',\n  },\n\n  [`& ${Td}`]: {\n    fontSize: '$1',\n    color: '$tableHeaderText',\n    fontWeight: '$light',\n    p: '$2 $3',\n  },\n});\n\nexport const Thead = styled('thead', {\n  position: 'relative',\n  borderTopLeftRadius: 'inherit',\n  borderTopRightRadius: 'inherit',\n  verticalAlign: 'middle',\n\n  '&::after': {\n    pointerEvents: 'none',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: '$tableHeaderLayerBackground',\n    borderTopLeftRadius: 'inherit',\n    borderTopRightRadius: 'inherit',\n  },\n\n  [`& ${Th}`]: {\n    fontSize: '$1',\n    color: '$tableHeaderText',\n    fontWeight: '$light',\n  },\n});\n\nexport const Table = styled('table', {\n  width: '100%',\n  tableLayout: 'fixed',\n  boxSizing: 'border-box',\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$rubik',\n  color: '$tableText',\n  borderRadius: '$3',\n  overflow: 'hidden',\n  [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0',\n    [`& ${Td}`]: {\n      borderTop: '1px solid $tableRowBorder',\n    },\n  },\n  [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0',\n  },\n\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 1,\n  },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../components/Table/Table.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\nimport { Flex } from '../Flex';\nimport { Label } from '../Label';\nimport { Text } from '../Text';\n\nexport const Caption = styled('caption', Text, {\n  display: 'table-caption',\n  textAlign: 'start',\n  fontVariantNumeric: 'proportional-nums',\n  fontWeight: '$medium',\n  lineHeight: '1.25',\n});\n\nexport const Tbody = styled('tbody', {\n  width: '100%',\n  verticalAlign: 'middle',\n});\n\nexport const Th = styled('th', Label, {\n  // override Label\n  display: 'table-cell',\n  verticalAlign: 'inherit',\n\n  borderTopLeftRadius: 'inherit',\n  borderTopRightRadius: 'inherit',\n\n  textAlign: 'start',\n  p: '$2 $3',\n  borderBottom: '1px solid $tableRowBorder',\n\n  variants: {\n    align: {\n      start: {\n        textAlign: 'start',\n      },\n      center: {\n        textAlign: 'center',\n      },\n      end: {\n        textAlign: 'end',\n      },\n    },\n    transform: {\n      capitalize: {\n        display: 'table-cell', // revert Label enforced value\n      },\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n  },\n});\n\nexport const Td = styled('td', {\n  boxSizing: 'border-box',\n  p: '$5 $3',\n  borderBottom: '1px solid $tableRowBorder',\n  fontSize: '$3',\n  lineHeight: '16px',\n  verticalAlign: 'inherit',\n  variants: {\n    subtle: {\n      true: {\n        fontWeight: '$regular',\n        color: '$tableSubtleText',\n      },\n    },\n    align: {\n      start: {\n        textAlign: 'start',\n      },\n      center: {\n        textAlign: 'center',\n      },\n      end: {\n        textAlign: 'end',\n      },\n    },\n  },\n  defaultVariants: {\n    align: 'start',\n  },\n});\n\nexport const StyledTr = styled('tr', {\n  verticalAlign: 'inherit',\n  '&:hover': {\n    color: '$tableHoverText',\n  },\n  [`&:last-child > ${Td}`]: {\n    borderBottom: 'none',\n  },\n\n  variants: {\n    interactive: {\n      true: {\n        '&:hover': {\n          backgroundColor: '$tableHoverBackground',\n          cursor: 'pointer',\n        },\n      },\n    },\n    active: {\n      true: {\n        backgroundColor: '$tableHoverBackground',\n        color: '$tableActiveText',\n        fontWeight: '$semiBold',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      interactive: true,\n      active: true,\n      css: {\n        '&:hover': {\n          color: '$tableActiveHoverText',\n        },\n      },\n    },\n  ],\n});\n\nconst AnimatedTr = ({\n  collapsedContentColSpan,\n  isOpen,\n  children,\n}: {\n  collapsedContentColSpan: number;\n  isOpen: boolean;\n  children: ReactNode;\n}) => {\n  const appliedStyle = useMemo(\n    () =>\n      isOpen\n        ? { transition: 'padding 0.2s ease-out' }\n        : {\n            transition: 'padding 0.2s ease-out',\n            lineHeight: 0,\n            fontSize: 0,\n            padding: '0px 16px',\n            border: 'none',\n          },\n    [isOpen],\n  );\n\n  const containerStyle = useMemo(\n    () =>\n      isOpen\n        ? { transition: 'all 0.2s ease-out' }\n        : {\n            transition: 'all 0.2s ease-out',\n            height: 0,\n            overflow: 'hidden',\n          },\n    [isOpen],\n  );\n\n  return (\n    <Tr>\n      <Td colSpan={collapsedContentColSpan} css={appliedStyle}>\n        <Box css={containerStyle}>{children}</Box>\n      </Td>\n    </Tr>\n  );\n};\nexport type TrProps = ComponentProps<typeof StyledTr> &\n  VariantProps<typeof StyledTr> & {\n    children: React.ReactNode;\n    collapsedContent?: React.ReactNode;\n    emptyFirstColumn?: boolean;\n    tableHead?: boolean;\n    collapsedContentColSpan?: number;\n  };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(\n  (\n    {\n      children,\n      collapsedContent,\n      emptyFirstColumn = false,\n      tableHead = false,\n      collapsedContentColSpan = 1,\n      css,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    return (\n      <>\n        <StyledTr\n          ref={ref}\n          css={\n            !!collapsedContent && !isCollapsed\n              ? {\n                  ...css,\n                  [`&:nth-last-child(2) > ${Td}`]: {\n                    borderBottom: 'none',\n                  },\n                }\n              : { ...css }\n          }\n          {...props}\n        >\n          {emptyFirstColumn ? tableHead ? <Th css={{ width: 24 }} /> : <Td /> : null}\n          {!!collapsedContent && (\n            <Td\n              css={{ padding: '0 0 0 $3' }}\n              onClick={(e) => {\n                e.stopPropagation();\n                e.preventDefault();\n              }}\n            >\n              <Flex\n                align=\"center\"\n                justify=\"center\"\n                css={{\n                  height: '40px',\n                  '&:hover': {\n                    color: '$tableActiveText',\n                  },\n                }}\n                onClick={() => setIsCollapsed(!isCollapsed)}\n              >\n                <ChevronRightIcon\n                  style={{\n                    cursor: 'pointer',\n                    transition: 'transform 0.2s ease-out',\n                    transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n                  }}\n                />\n              </Flex>\n            </Td>\n          )}\n          {children}\n        </StyledTr>\n        {!!collapsedContent && (\n          <AnimatedTr isOpen={isCollapsed} collapsedContentColSpan={collapsedContentColSpan}>\n            {collapsedContent}\n          </AnimatedTr>\n        )}\n      </>\n    );\n  },\n);\n\nexport const Tfoot = styled('tfoot', {\n  verticalAlign: 'middle',\n  position: 'relative',\n  borderRadius: 'inherit',\n\n  '&::after': {\n    pointerEvents: 'none',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: '$tableFooterLayerBackground',\n    borderRadius: 'inherit',\n  },\n\n  [`& ${Td}`]: {\n    fontSize: '$1',\n    color: '$tableHeaderText',\n    fontWeight: '$light',\n    p: '$2 $3',\n  },\n});\n\nexport const Thead = styled('thead', {\n  position: 'relative',\n  borderTopLeftRadius: 'inherit',\n  borderTopRightRadius: 'inherit',\n  verticalAlign: 'middle',\n\n  '&::after': {\n    pointerEvents: 'none',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: '$tableHeaderLayerBackground',\n    borderTopLeftRadius: 'inherit',\n    borderTopRightRadius: 'inherit',\n  },\n\n  [`& ${Th}`]: {\n    fontSize: '$1',\n    color: '$tableHeaderText',\n    fontWeight: '$light',\n  },\n});\n\nexport const Table = styled('table', {\n  width: '100%',\n  tableLayout: 'fixed',\n  boxSizing: 'border-box',\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$rubik',\n  color: '$tableText',\n  borderRadius: '$3',\n  overflow: 'hidden',\n  [`& ${Tbody}:not(:empty) ~ ${Tfoot}`]: {\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0',\n    [`& ${Td}`]: {\n      borderTop: '1px solid $tableRowBorder',\n    },\n  },\n  [`& ${Thead}:not(:empty) ~ ${Tfoot}`]: {\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0',\n  },\n\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 1,\n  },\n});\n\nexport type TableVariants = VariantProps<typeof Table>;\nexport type TableProps = TableVariants & NonNullable<unknown>;\n"],"mappings":"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"}

package/dist/components/Table/Table.themes.cjs

@@ -1,33 +1,42 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    tableText: tinycolor("black").setAlpha(0.74).toHslString(),
-    tableSubtleText: tinycolor("black").setAlpha(0.51).toHslString(),
-    tableHeaderLayerBackground: tinycolor("black").setAlpha(0.03).toHslString(),
-    tableFooterLayerBackground: tinycolor("black").setAlpha(0.03).toHslString(),
-    tableHeaderText: tinycolor("black").setAlpha(0.51).toHslString(),
-    tableFooterText: tinycolor("black").setAlpha(0.51).toHslString(),
-    tableHoverBackground: tinycolor("black").setAlpha(0.04).toHslString(),
-    tableHoverText: tinycolor("black").setAlpha(0.74).toHslString(),
-    tableActiveText: primaryColor.value,
-    tableActiveHoverText: tinycolor(primaryColor.value).lighten(10).toHslString(),
-    tableRowBorder: "hsl(0, 0%, 87%)"
-  });
-  Theme2.getDark = (primaryColor) => ({
-    tableText: tinycolor("white").setAlpha(0.74).toHslString(),
-    tableSubtleText: tinycolor("white").setAlpha(0.51).toHslString(),
-    tableHeaderLayerBackground: tinycolor("white").setAlpha(0.02).toHslString(),
-    tableFooterLayerBackground: tinycolor("white").setAlpha(0.02).toHslString(),
-    tableHeaderText: tinycolor("white").setAlpha(0.51).toHslString(),
-    tableFooterText: tinycolor("white").setAlpha(0.51).toHslString(),
-    tableHoverBackground: tinycolor(primaryColor.value).setAlpha(0.04).toHslString(),
-    tableHoverText: tinycolor("white").setAlpha(0.74).toHslString(),
-    tableActiveText: "$primary",
-    tableActiveHoverText: tinycolor(primaryColor.value).lighten(10).toHslString(),
-    tableRowBorder: "hsl(209, 21%, 23%)"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Table.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Table/Table.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		tableText: (0, tinycolor2.default)("black").setAlpha(.74).toHslString(),
+		tableSubtleText: (0, tinycolor2.default)("black").setAlpha(.51).toHslString(),
+		tableHeaderLayerBackground: (0, tinycolor2.default)("black").setAlpha(.03).toHslString(),
+		tableFooterLayerBackground: (0, tinycolor2.default)("black").setAlpha(.03).toHslString(),
+		tableHeaderText: (0, tinycolor2.default)("black").setAlpha(.51).toHslString(),
+		tableFooterText: (0, tinycolor2.default)("black").setAlpha(.51).toHslString(),
+		tableHoverBackground: (0, tinycolor2.default)("black").setAlpha(.04).toHslString(),
+		tableHoverText: (0, tinycolor2.default)("black").setAlpha(.74).toHslString(),
+		tableActiveText: primaryColor.value,
+		tableActiveHoverText: (0, tinycolor2.default)(primaryColor.value).lighten(10).toHslString(),
+		tableRowBorder: "hsl(0, 0%, 87%)"
+	});
+	_Theme.getDark = (primaryColor) => ({
+		tableText: (0, tinycolor2.default)("white").setAlpha(.74).toHslString(),
+		tableSubtleText: (0, tinycolor2.default)("white").setAlpha(.51).toHslString(),
+		tableHeaderLayerBackground: (0, tinycolor2.default)("white").setAlpha(.02).toHslString(),
+		tableFooterLayerBackground: (0, tinycolor2.default)("white").setAlpha(.02).toHslString(),
+		tableHeaderText: (0, tinycolor2.default)("white").setAlpha(.51).toHslString(),
+		tableFooterText: (0, tinycolor2.default)("white").setAlpha(.51).toHslString(),
+		tableHoverBackground: (0, tinycolor2.default)(primaryColor.value).setAlpha(.04).toHslString(),
+		tableHoverText: (0, tinycolor2.default)("white").setAlpha(.74).toHslString(),
+		tableActiveText: "$primary",
+		tableActiveHoverText: (0, tinycolor2.default)(primaryColor.value).lighten(10).toHslString(),
+		tableRowBorder: "hsl(209, 21%, 23%)"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Table.themes.cjs.map