@ultraviolet/ui 3.0.0-beta.21 → 3.0.0-beta.23

package/dist/components/Slider/styles.css.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var tooltipLeft = "var(--uv_a5ifr10)";
+var thumbColor = "var(--uv_a5ifr11)";
+var leftVar = "var(--uv_a5ifr12)";
+var leftOption = "var(--uv_a5ifr13)";
+var sliderContainer = "uv_a5ifr14";
+var sliderTooltip = "uv_a5ifr15";
+var sliderDatalist = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr16", variantClassNames: { "double": { true: "uv_a5ifr17" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderOption = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr18", variantClassNames: { left: { true: "uv_a5ifr19" }, right: { true: "uv_a5ifr1a" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderThumbStyle = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1b", variantClassNames: { disabled: { true: "uv_a5ifr1c", false: "uv_a5ifr1d" }, isDouble: { true: "uv_a5ifr1e", false: "uv_a5ifr1f" }, hasTooltipDouble: { false: "uv_a5ifr1g" } }, defaultVariants: { disabled: false, isDouble: false, hasTooltipDouble: true }, compoundVariants: [] });
+var sliderDoubleText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1h", variantClassNames: { isPadded: { true: "uv_a5ifr1i" }, isDouble: { true: "uv_a5ifr1j", false: "uv_a5ifr1k" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderDouble = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1l", variantClassNames: { disabled: { true: "uv_a5ifr1m", false: "uv_a5ifr1n" }, hasTooltip: { true: "uv_a5ifr1o" } }, defaultVariants: { disabled: false, hasTooltip: false }, compoundVariants: [] });
+var sliderSingle = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1p", variantClassNames: { disabled: { false: "uv_a5ifr1q", true: "uv_a5ifr1r" }, error: { true: "uv_a5ifr1s" }, direction: { column: "uv_a5ifr1t", row: "uv_a5ifr1u" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderDoubleWrapper = "uv_a5ifr1v";
+var sliderCustomRail = "uv_a5ifr1w";
+var sliderInnerRail = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1x", variantClassNames: { error: { true: "uv_a5ifr1y" }, disabled: { true: "uv_a5ifr1z" } }, defaultVariants: { error: false, disabled: false }, compoundVariants: [] });
+var sliderNumberInput = "uv_a5ifr110";
+exports.leftOption = leftOption;
+exports.leftVar = leftVar;
+exports.sliderContainer = sliderContainer;
+exports.sliderCustomRail = sliderCustomRail;
+exports.sliderDatalist = sliderDatalist;
+exports.sliderDouble = sliderDouble;
+exports.sliderDoubleText = sliderDoubleText;
+exports.sliderDoubleWrapper = sliderDoubleWrapper;
+exports.sliderInnerRail = sliderInnerRail;
+exports.sliderNumberInput = sliderNumberInput;
+exports.sliderOption = sliderOption;
+exports.sliderSingle = sliderSingle;
+exports.sliderThumbStyle = sliderThumbStyle;
+exports.sliderTooltip = sliderTooltip;
+exports.thumbColor = thumbColor;
+exports.tooltipLeft = tooltipLeft;

package/dist/components/Slider/styles.css.d.ts

@@ -0,0 +1,171 @@
+export declare const tooltipLeft: `var(--${string})`;
+export declare const thumbColor: `var(--${string})`;
+export declare const leftVar: `var(--${string})`;
+export declare const leftOption: `var(--${string})`;
+export declare const sliderContainer: string;
+export declare const sliderTooltip: string;
+export declare const sliderDatalist: import("@vanilla-extract/recipes").RuntimeFn<{
+    double: {
+        true: {
+            marginTop: `var(--${string})`;
+        };
+    };
+}>;
+export declare const sliderOption: import("@vanilla-extract/recipes").RuntimeFn<{
+    left: {
+        true: {
+            transform: "none";
+        };
+    };
+    right: {
+        true: {
+            transform: "translateX(-100%)";
+        };
+    };
+}>;
+export declare const sliderThumbStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            selectors: {
+                '&::-moz-range-thumb': {
+                    cursor: "not-allowed";
+                };
+                '&::-webkit-slider-thumb': {
+                    cursor: "not-allowed";
+                };
+            };
+        };
+        false: {
+            selectors: {
+                '&::-webkit-slider-thumb': {
+                    cursor: "grab";
+                };
+                '&::-moz-range-thumb': {
+                    cursor: "grab";
+                };
+                '&:hover::-moz-range-thumb': {
+                    border: `1.5px solid var(--${string})`;
+                };
+                '&:hover::-webkit-slider-thumb': {
+                    border: `1.5px solid var(--${string})`;
+                };
+                '&:active::-moz-range-thumb': {
+                    cursor: "grabbing";
+                    boxShadow: `var(--${string})`;
+                    border: `1.5px solid var(--${string})`;
+                };
+                '&:active::-webkit-slider-thumb': {
+                    cursor: "grabbing";
+                    boxShadow: `var(--${string})`;
+                    border: `1.5px solid var(--${string})`;
+                };
+            };
+        };
+    };
+    isDouble: {
+        true: {
+            selectors: {
+                '&::-webkit-slider-thumb': {
+                    top: "2px";
+                };
+            };
+        };
+        false: {
+            selectors: {
+                '&::-moz-range-thumb': {
+                    top: "-4px";
+                };
+                '&::-webkit-slider-thumb': {
+                    top: "-4px";
+                };
+            };
+        };
+    };
+    hasTooltipDouble: {
+        false: {
+            selectors: {
+                '&::-webkit-slider-thumb': {
+                    top: "-8px";
+                };
+            };
+        };
+    };
+}>;
+export declare const sliderDoubleText: import("@vanilla-extract/recipes").RuntimeFn<{
+    isPadded: {
+        true: {
+            minWidth: `var(--${string})`;
+        };
+    };
+    isDouble: {
+        true: {
+            alignSelf: "center";
+        };
+        false: {
+            alignSelf: "end";
+        };
+    };
+}>;
+export declare const sliderDouble: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {};
+        false: {
+            selectors: {
+                '&:focus::-moz-slider-thumb, &:focus::-webkit-slider-thumb': {
+                    border: `1.5px solid var(--${string})`;
+                    boxShadow: `var(--${string})`;
+                };
+            };
+        };
+    };
+    hasTooltip: {
+        true: {
+            transform: "translate(0, -10px)";
+        };
+    };
+}>;
+export declare const sliderSingle: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        false: {
+            selectors: {
+                '&:focus::-moz-range-thumb': {
+                    border: `1px solid var(--${string})`;
+                    boxShadow: `var(--${string})`;
+                };
+                '&:focus::-webkit-slider-thumb': {
+                    border: `1px solid var(--${string})`;
+                    boxShadow: `var(--${string})`;
+                };
+            };
+        };
+        true: {
+            backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
+        };
+    };
+    error: {
+        true: {
+            backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
+        };
+    };
+    direction: {
+        column: {
+            alignSelf: "baseline";
+        };
+        row: {};
+    };
+}>;
+export declare const sliderDoubleWrapper: string;
+export declare const sliderCustomRail: string;
+export declare const sliderInnerRail: import("@vanilla-extract/recipes").RuntimeFn<{
+    error: {
+        true: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+    disabled: {
+        true: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+}>;
+export declare const sliderNumberInput: string;

package/dist/components/Slider/styles.css.js

@@ -0,0 +1,36 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var tooltipLeft = "var(--uv_a5ifr10)";
+var thumbColor = "var(--uv_a5ifr11)";
+var leftVar = "var(--uv_a5ifr12)";
+var leftOption = "var(--uv_a5ifr13)";
+var sliderContainer = "uv_a5ifr14";
+var sliderTooltip = "uv_a5ifr15";
+var sliderDatalist = createRuntimeFn({ defaultClassName: "uv_a5ifr16", variantClassNames: { "double": { true: "uv_a5ifr17" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderOption = createRuntimeFn({ defaultClassName: "uv_a5ifr18", variantClassNames: { left: { true: "uv_a5ifr19" }, right: { true: "uv_a5ifr1a" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderThumbStyle = createRuntimeFn({ defaultClassName: "uv_a5ifr1b", variantClassNames: { disabled: { true: "uv_a5ifr1c", false: "uv_a5ifr1d" }, isDouble: { true: "uv_a5ifr1e", false: "uv_a5ifr1f" }, hasTooltipDouble: { false: "uv_a5ifr1g" } }, defaultVariants: { disabled: false, isDouble: false, hasTooltipDouble: true }, compoundVariants: [] });
+var sliderDoubleText = createRuntimeFn({ defaultClassName: "uv_a5ifr1h", variantClassNames: { isPadded: { true: "uv_a5ifr1i" }, isDouble: { true: "uv_a5ifr1j", false: "uv_a5ifr1k" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderDouble = createRuntimeFn({ defaultClassName: "uv_a5ifr1l", variantClassNames: { disabled: { true: "uv_a5ifr1m", false: "uv_a5ifr1n" }, hasTooltip: { true: "uv_a5ifr1o" } }, defaultVariants: { disabled: false, hasTooltip: false }, compoundVariants: [] });
+var sliderSingle = createRuntimeFn({ defaultClassName: "uv_a5ifr1p", variantClassNames: { disabled: { false: "uv_a5ifr1q", true: "uv_a5ifr1r" }, error: { true: "uv_a5ifr1s" }, direction: { column: "uv_a5ifr1t", row: "uv_a5ifr1u" } }, defaultVariants: {}, compoundVariants: [] });
+var sliderDoubleWrapper = "uv_a5ifr1v";
+var sliderCustomRail = "uv_a5ifr1w";
+var sliderInnerRail = createRuntimeFn({ defaultClassName: "uv_a5ifr1x", variantClassNames: { error: { true: "uv_a5ifr1y" }, disabled: { true: "uv_a5ifr1z" } }, defaultVariants: { error: false, disabled: false }, compoundVariants: [] });
+var sliderNumberInput = "uv_a5ifr110";
+export {
+  leftOption,
+  leftVar,
+  sliderContainer,
+  sliderCustomRail,
+  sliderDatalist,
+  sliderDouble,
+  sliderDoubleText,
+  sliderDoubleWrapper,
+  sliderInnerRail,
+  sliderNumberInput,
+  sliderOption,
+  sliderSingle,
+  sliderThumbStyle,
+  sliderTooltip,
+  thumbColor,
+  tooltipLeft
+};

package/dist/components/Table/Cell.cjs

@@ -2,26 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledCell = /* @__PURE__ */ _styled__default.default("td", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment", "align"].includes(prop),
-  target: "e78o8ww0"
-} : {
-  shouldForwardProp: (prop) => !["sentiment", "align"].includes(prop),
-  target: "e78o8ww0",
-  label: "StyledCell"
-})("display:table-cell;vertical-align:middle;padding:", ({
-  theme
-}) => theme.space["1"], ";font-size:", ({
-  theme
-}) => theme.typography.bodySmall.fontSize, ";background-color:", ({
-  sentiment,
-  theme
-}) => sentiment ? theme.colors[sentiment].background : null, ";text-align:", ({
-  align
-}) => align, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0NlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgQWxpZ24gPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCdcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZCgndGQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdhbGlnbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ/OiBDb2xvcjsgYWxpZ246IEFsaWduIH0+YFxuICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwuZm9udFNpemV9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHNlbnRpbWVudCwgdGhlbWUgfSkgPT4gKHNlbnRpbWVudCA/IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmQgOiBudWxsKX07XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ259O1xuYFxuXG50eXBlIENlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNvbFNwYW4/OiBudW1iZXJcbiAgcm93U3Bhbj86IG51bWJlclxuICBzZW50aW1lbnQ/OiBDb2xvclxuICBhbGlnbj86IEFsaWduXG59XG5cbmV4cG9ydCBjb25zdCBDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgY29sU3BhbixcbiAgcm93U3BhbixcbiAgc2VudGltZW50LFxuICBhbGlnbiA9ICdsZWZ0Jyxcbn06IENlbGxQcm9wcykgPT4gKFxuICA8U3R5bGVkQ2VsbFxuICAgIGFsaWduPXthbGlnbn1cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBjb2xTcGFuPXtjb2xTcGFufVxuICAgIHJvd1NwYW49e3Jvd1NwYW59XG4gICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkQ2VsbD5cbilcbiJdfQ== */"));
+const dynamic = require("@vanilla-extract/dynamic");
+const ColumnProvider = require("../List/ColumnProvider.cjs");
+const styles_css = require("./styles.css.cjs");
+const variables_css = require("./variables.css.cjs");
 const Cell = ({
   children,
   className,
@@ -29,5 +13,19 @@ const Cell = ({
   rowSpan,
   sentiment,
   align = "left"
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { align, className, colSpan, rowSpan, sentiment, children });
+}) => {
+  const {
+    maxWidth,
+    minWidth,
+    width
+  } = ColumnProvider.useColumnProvider();
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { align, className: `${className ? `${className} ` : ""}${styles_css.tableCell({
+    align,
+    sentiment
+  })}`, colSpan, rowSpan, style: dynamic.assignInlineVars({
+    [variables_css.widthCell]: width,
+    [variables_css.minWidthCell]: minWidth,
+    [variables_css.maxWidthCell]: maxWidth
+  }), children });
+};
 exports.Cell = Cell;

package/dist/components/Table/Cell.js

@@ -1,23 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-const StyledCell = /* @__PURE__ */ _styled("td", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment", "align"].includes(prop),
-  target: "e78o8ww0"
-} : {
-  shouldForwardProp: (prop) => !["sentiment", "align"].includes(prop),
-  target: "e78o8ww0",
-  label: "StyledCell"
-})("display:table-cell;vertical-align:middle;padding:", ({
-  theme
-}) => theme.space["1"], ";font-size:", ({
-  theme
-}) => theme.typography.bodySmall.fontSize, ";background-color:", ({
-  sentiment,
-  theme
-}) => sentiment ? theme.colors[sentiment].background : null, ";text-align:", ({
-  align
-}) => align, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0NlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9DZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbnR5cGUgQWxpZ24gPSAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCdcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZCgndGQnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdhbGlnbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ/OiBDb2xvcjsgYWxpZ246IEFsaWduIH0+YFxuICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwuZm9udFNpemV9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHNlbnRpbWVudCwgdGhlbWUgfSkgPT4gKHNlbnRpbWVudCA/IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmQgOiBudWxsKX07XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ259O1xuYFxuXG50eXBlIENlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNvbFNwYW4/OiBudW1iZXJcbiAgcm93U3Bhbj86IG51bWJlclxuICBzZW50aW1lbnQ/OiBDb2xvclxuICBhbGlnbj86IEFsaWduXG59XG5cbmV4cG9ydCBjb25zdCBDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgY29sU3BhbixcbiAgcm93U3BhbixcbiAgc2VudGltZW50LFxuICBhbGlnbiA9ICdsZWZ0Jyxcbn06IENlbGxQcm9wcykgPT4gKFxuICA8U3R5bGVkQ2VsbFxuICAgIGFsaWduPXthbGlnbn1cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBjb2xTcGFuPXtjb2xTcGFufVxuICAgIHJvd1NwYW49e3Jvd1NwYW59XG4gICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkQ2VsbD5cbilcbiJdfQ== */"));
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useColumnProvider } from "../List/ColumnProvider.js";
+import { tableCell } from "./styles.css.js";
+import { maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";
 const Cell = ({
   children,
   className,
@@ -25,7 +11,21 @@ const Cell = ({
   rowSpan,
   sentiment,
   align = "left"
-}) => /* @__PURE__ */ jsx(StyledCell, { align, className, colSpan, rowSpan, sentiment, children });
+}) => {
+  const {
+    maxWidth,
+    minWidth,
+    width
+  } = useColumnProvider();
+  return /* @__PURE__ */ jsx("td", { align, className: `${className ? `${className} ` : ""}${tableCell({
+    align,
+    sentiment
+  })}`, colSpan, rowSpan, style: assignInlineVars({
+    [widthCell]: width,
+    [minWidthCell]: minWidth,
+    [maxWidthCell]: maxWidth
+  }), children });
+};
 export {
   Cell
 };

package/dist/components/Table/Header.cjs

@@ -2,18 +2,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledHeader = /* @__PURE__ */ _styled__default.default("thead", process.env.NODE_ENV === "production" ? {
-  target: "ekxedod0"
-} : {
-  target: "ekxedod0",
-  label: "StyledHeader"
-})("border-bottom:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoJ3RoZWFkJylgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG5gXG5cbnR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlciA9ICh7IGNoaWxkcmVuIH06IEhlYWRlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+e2NoaWxkcmVufTwvU3R5bGVkSGVhZGVyPlxuKVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const Header = ({
   children
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledHeader, { children });
+}) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: styles_css.tableHeader, children });
 exports.Header = Header;

package/dist/components/Table/Header.js

@@ -1,17 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-const StyledHeader = /* @__PURE__ */ _styled("thead", process.env.NODE_ENV === "production" ? {
-  target: "ekxedod0"
-} : {
-  target: "ekxedod0",
-  label: "StyledHeader"
-})("border-bottom:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoJ3RoZWFkJylgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG5gXG5cbnR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlciA9ICh7IGNoaWxkcmVuIH06IEhlYWRlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+e2NoaWxkcmVufTwvU3R5bGVkSGVhZGVyPlxuKVxuIl19 */"));
+import { tableHeader } from "./styles.css.js";
 const Header = ({
   children
-}) => /* @__PURE__ */ jsx(StyledHeader, { children });
+}) => /* @__PURE__ */ jsx("thead", { className: tableHeader, children });
 export {
   Header
 };

package/dist/components/Table/HeaderCell.cjs

@@ -2,55 +2,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const Icon = require("@ultraviolet/icons");
-const index$1 = require("../Text/index.cjs");
-const index = require("../Tooltip/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledSortIcon = /* @__PURE__ */ _styled__default.default(Icon.SouthShortIcon, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["order"].includes(prop),
-  target: "ev6jkq82"
-} : {
-  shouldForwardProp: (prop) => !["order"].includes(prop),
-  target: "ev6jkq82",
-  label: "StyledSortIcon"
-})("transform:", ({
-  order
-}) => order === "ascending" ? "rotate(-180deg)" : "none", ";transition:transform 0.2s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9IZWFkZXJDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7XG4gIEluZm9ybWF0aW9uT3V0bGluZUljb24sXG4gIFNvcnRJY29uIGFzIFNvcnRJY29uVVYsXG4gIFNvdXRoU2hvcnRJY29uLFxufSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgU3R5bGVkU29ydEljb24gPSBzdHlsZWQoU291dGhTaG9ydEljb24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnb3JkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgb3JkZXI6ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0+YFxuICAgIHRyYW5zZm9ybTogJHsoeyBvcmRlciB9KSA9PlxuICAgICAgb3JkZXIgPT09ICdhc2NlbmRpbmcnID8gJ3JvdGF0ZSgtMTgwZGVnKScgOiAnbm9uZSd9O1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzO1xuYFxuXG5jb25zdCBTb3J0SWNvbiA9ICh7IG9yZGVyIH06IHsgb3JkZXI/OiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9KSA9PlxuICBvcmRlciA/IChcbiAgICA8U3R5bGVkU29ydEljb24gb3JkZXI9e29yZGVyfSBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgLz5cbiAgKSA6IChcbiAgICA8U29ydEljb25VViBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgLz5cbiAgKVxuXG50eXBlIFN0eWxlZEhlYWRlckNlbGxQcm9wcyA9IFBpY2s8XG4gIEhlYWRlckNlbGxQcm9wcyxcbiAgJ3dpZHRoJyB8ICdtYXhXaWR0aCcgfCAnbWluV2lkdGgnXG4+ICYge1xuICBhbGlnbj86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0J1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXJDZWxsID0gc3R5bGVkKCd0aCcsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydhbGlnbicsICd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiR7KHsgd2lkdGgsIG1heFdpZHRoLCBtaW5XaWR0aCB9KSA9PiBgXG4gICAgJHt3aWR0aCA/IGB3aWR0aDogJHt3aWR0aH07YCA6ICcnfVxuICAgICR7bWF4V2lkdGggPyBgbWF4LXdpZHRoOiAke21heFdpZHRofTtgIDogJyd9XG4gICAgJHttaW5XaWR0aCA/IGBtaW4td2lkdGg6ICR7bWluV2lkdGh9O2AgOiAnJ31cbiAgYH1cbiAgZGlzcGxheTogdGFibGUtY2VsbDtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbn07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgJltkYXRhLWNoZWNrYm94PVwidHJ1ZVwiXSB7XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gICAgfSBcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbnR5cGUgSGVhZGVyQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpc09yZGVyZWQ/OiBib29sZWFuXG4gIG9yZGVyRGlyZWN0aW9uPzogJ2FzYycgfCAnZGVzYycgfCAnbm9uZSdcbiAgb25PcmRlcj86IChuZXdPcmRlcjogJ2FzYycgfCAnZGVzYycpID0+IHZvaWRcbiAgaW5mbz86IHN0cmluZ1xuICBhbGlnbj86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0J1xuICB3aWR0aD86IHN0cmluZ1xuICBtYXhXaWR0aD86IHN0cmluZ1xuICBtaW5XaWR0aD86IHN0cmluZ1xuICBpc0NoZWNrYm94PzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGlzT3JkZXJlZCxcbiAgb25PcmRlcixcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIGluZm8sXG4gIGFsaWduLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpc0NoZWNrYm94LFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgYXJpYS1zb3J0PXtvcmRlcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1jaGVja2JveD17aXNDaGVja2JveH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgID5cbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgc2VudGltZW50PXtvcmRlciAhPT0gdW5kZWZpbmVkID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7aW5mbyA/IChcbiAgICAgICAgICA8VG9vbHRpcCB0ZXh0PXtpbmZvfT5cbiAgICAgICAgICAgIDxJbmZvcm1hdGlvbk91dGxpbmVJY29uXG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+const dynamic = require("@vanilla-extract/dynamic");
+const styles_css$1 = require("../List/styles.css.cjs");
+const index = require("../Text/index.cjs");
+const index$1 = require("../Tooltip/index.cjs");
+const styles_css = require("./styles.css.cjs");
+const variables_css = require("./variables.css.cjs");
 const SortIcon = ({
   order
-}) => order ? /* @__PURE__ */ jsxRuntime.jsx(StyledSortIcon, { order, sentiment: "primary" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.SortIcon, { sentiment: "neutral" });
-const StyledHeaderCell = /* @__PURE__ */ _styled__default.default("th", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["align", "width", "maxWidth", "minWidth"].includes(prop),
-  target: "ev6jkq81"
-} : {
-  shouldForwardProp: (prop) => !["align", "width", "maxWidth", "minWidth"].includes(prop),
-  target: "ev6jkq81",
-  label: "StyledHeaderCell"
-})(({
-  width,
-  maxWidth,
-  minWidth
-}) => `
-    ${width ? `width: ${width};` : ""}
-    ${maxWidth ? `max-width: ${maxWidth};` : ""}
-    ${minWidth ? `min-width: ${minWidth};` : ""}
-  `, " display:table-cell;vertical-align:middle;text-align:", ({
-  align
-}) => align, ";padding:", ({
-  theme
-}) => theme.space["1"], `;&[role*='button']{cursor:pointer;user-select:none;}&:first-of-type{&[data-checkbox="true"]{padding-left:`, ({
-  theme
-}) => theme.space["2"], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBJbmZvcm1hdGlvbk91dGxpbmVJY29uLFxuICBTb3J0SWNvbiBhcyBTb3J0SWNvblVWLFxuICBTb3V0aFNob3J0SWNvbixcbn0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZFNvcnRJY29uID0gc3R5bGVkKFNvdXRoU2hvcnRJY29uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ29yZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IG9yZGVyOiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9PmBcbiAgICB0cmFuc2Zvcm06ICR7KHsgb3JkZXIgfSkgPT5cbiAgICAgIG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdyb3RhdGUoLTE4MGRlZyknIDogJ25vbmUnfTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycztcbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT5cbiAgb3JkZXIgPyAoXG4gICAgPFN0eWxlZFNvcnRJY29uIG9yZGVyPXtvcmRlcn0gc2VudGltZW50PVwicHJpbWFyeVwiIC8+XG4gICkgOiAoXG4gICAgPFNvcnRJY29uVVYgc2VudGltZW50PVwibmV1dHJhbFwiIC8+XG4gIClcblxudHlwZSBTdHlsZWRIZWFkZXJDZWxsUHJvcHMgPSBQaWNrPFxuICBIZWFkZXJDZWxsUHJvcHMsXG4gICd3aWR0aCcgfCAnbWF4V2lkdGgnIHwgJ21pbldpZHRoJ1xuPiAmIHtcbiAgYWxpZ24/OiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCdcbn1cblxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZCgndGgnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnYWxpZ24nLCAnd2lkdGgnLCAnbWF4V2lkdGgnLCAnbWluV2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPFN0eWxlZEhlYWRlckNlbGxQcm9wcz5gXG4keyh7IHdpZHRoLCBtYXhXaWR0aCwgbWluV2lkdGggfSkgPT4gYFxuICAgICR7d2lkdGggPyBgd2lkdGg6ICR7d2lkdGh9O2AgOiAnJ31cbiAgICAke21heFdpZHRoID8gYG1heC13aWR0aDogJHttYXhXaWR0aH07YCA6ICcnfVxuICAgICR7bWluV2lkdGggPyBgbWluLXdpZHRoOiAke21pbldpZHRofTtgIDogJyd9XG4gIGB9XG4gIGRpc3BsYXk6IHRhYmxlLWNlbGw7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ259O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICZbZGF0YS1jaGVja2JveD1cInRydWVcIl0ge1xuICAgICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICAgIH0gXG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIGluZm8/OiBzdHJpbmdcbiAgYWxpZ24/OiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCdcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgaXNDaGVja2JveD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICBpbmZvLFxuICBhbGlnbixcbiAgd2lkdGgsXG4gIG1heFdpZHRoLFxuICBtaW5XaWR0aCxcbiAgaXNDaGVja2JveCxcbn06IEhlYWRlckNlbGxQcm9wcykgPT4ge1xuICBsZXQgb3JkZXI6IHVuZGVmaW5lZCB8ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnXG4gIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdhc2MnKSB7XG4gICAgb3JkZXIgPSAnYXNjZW5kaW5nJ1xuICB9IGVsc2UgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2Rlc2MnKSB7XG4gICAgb3JkZXIgPSAnZGVzY2VuZGluZydcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9yZGVyID0gb25PcmRlclxuICAgID8gKCkgPT4gb25PcmRlcihvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAnZGVzYycgOiAnYXNjJylcbiAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEhlYWRlckNlbGxcbiAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtY2hlY2tib3g9e2lzQ2hlY2tib3h9XG4gICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICBtaW5XaWR0aD17bWluV2lkdGh9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICA+XG4gICAgICA8U3R5bGVkVGV4dFxuICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgIHNlbnRpbWVudD17b3JkZXIgIT09IHVuZGVmaW5lZCA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SW5mb3JtYXRpb25PdXRsaW5lSWNvblxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7b3JkZXJEaXJlY3Rpb24gIT09IHVuZGVmaW5lZCAmJiBpc09yZGVyZWQgIT09IHVuZGVmaW5lZCA/IChcbiAgICAgICAgICA8U29ydEljb24gYXJpYS1kaXNhYmxlZD17IW9uT3JkZXJ9IG9yZGVyPXtvcmRlcn0gLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9TdHlsZWRIZWFkZXJDZWxsPlxuICApXG59XG4iXX0= */"));
-const StyledText = /* @__PURE__ */ _styled__default.default(index$1.Text, process.env.NODE_ENV === "production" ? {
-  target: "ev6jkq80"
-} : {
-  target: "ev6jkq80",
-  label: "StyledText"
-})("display:flex;flex-direction:row;align-items:center;gap:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBJbmZvcm1hdGlvbk91dGxpbmVJY29uLFxuICBTb3J0SWNvbiBhcyBTb3J0SWNvblVWLFxuICBTb3V0aFNob3J0SWNvbixcbn0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZFNvcnRJY29uID0gc3R5bGVkKFNvdXRoU2hvcnRJY29uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ29yZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IG9yZGVyOiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9PmBcbiAgICB0cmFuc2Zvcm06ICR7KHsgb3JkZXIgfSkgPT5cbiAgICAgIG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdyb3RhdGUoLTE4MGRlZyknIDogJ25vbmUnfTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycztcbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT5cbiAgb3JkZXIgPyAoXG4gICAgPFN0eWxlZFNvcnRJY29uIG9yZGVyPXtvcmRlcn0gc2VudGltZW50PVwicHJpbWFyeVwiIC8+XG4gICkgOiAoXG4gICAgPFNvcnRJY29uVVYgc2VudGltZW50PVwibmV1dHJhbFwiIC8+XG4gIClcblxudHlwZSBTdHlsZWRIZWFkZXJDZWxsUHJvcHMgPSBQaWNrPFxuICBIZWFkZXJDZWxsUHJvcHMsXG4gICd3aWR0aCcgfCAnbWF4V2lkdGgnIHwgJ21pbldpZHRoJ1xuPiAmIHtcbiAgYWxpZ24/OiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCdcbn1cblxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZCgndGgnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnYWxpZ24nLCAnd2lkdGgnLCAnbWF4V2lkdGgnLCAnbWluV2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPFN0eWxlZEhlYWRlckNlbGxQcm9wcz5gXG4keyh7IHdpZHRoLCBtYXhXaWR0aCwgbWluV2lkdGggfSkgPT4gYFxuICAgICR7d2lkdGggPyBgd2lkdGg6ICR7d2lkdGh9O2AgOiAnJ31cbiAgICAke21heFdpZHRoID8gYG1heC13aWR0aDogJHttYXhXaWR0aH07YCA6ICcnfVxuICAgICR7bWluV2lkdGggPyBgbWluLXdpZHRoOiAke21pbldpZHRofTtgIDogJyd9XG4gIGB9XG4gIGRpc3BsYXk6IHRhYmxlLWNlbGw7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ259O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICZbZGF0YS1jaGVja2JveD1cInRydWVcIl0ge1xuICAgICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICAgIH0gXG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIGluZm8/OiBzdHJpbmdcbiAgYWxpZ24/OiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCdcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgaXNDaGVja2JveD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICBpbmZvLFxuICBhbGlnbixcbiAgd2lkdGgsXG4gIG1heFdpZHRoLFxuICBtaW5XaWR0aCxcbiAgaXNDaGVja2JveCxcbn06IEhlYWRlckNlbGxQcm9wcykgPT4ge1xuICBsZXQgb3JkZXI6IHVuZGVmaW5lZCB8ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnXG4gIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdhc2MnKSB7XG4gICAgb3JkZXIgPSAnYXNjZW5kaW5nJ1xuICB9IGVsc2UgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2Rlc2MnKSB7XG4gICAgb3JkZXIgPSAnZGVzY2VuZGluZydcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9yZGVyID0gb25PcmRlclxuICAgID8gKCkgPT4gb25PcmRlcihvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAnZGVzYycgOiAnYXNjJylcbiAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEhlYWRlckNlbGxcbiAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtY2hlY2tib3g9e2lzQ2hlY2tib3h9XG4gICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICBtaW5XaWR0aD17bWluV2lkdGh9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICA+XG4gICAgICA8U3R5bGVkVGV4dFxuICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgIHNlbnRpbWVudD17b3JkZXIgIT09IHVuZGVmaW5lZCA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SW5mb3JtYXRpb25PdXRsaW5lSWNvblxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7b3JkZXJEaXJlY3Rpb24gIT09IHVuZGVmaW5lZCAmJiBpc09yZGVyZWQgIT09IHVuZGVmaW5lZCA/IChcbiAgICAgICAgICA8U29ydEljb24gYXJpYS1kaXNhYmxlZD17IW9uT3JkZXJ9IG9yZGVyPXtvcmRlcn0gLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9TdHlsZWRIZWFkZXJDZWxsPlxuICApXG59XG4iXX0= */"));
+}) => order ? /* @__PURE__ */ jsxRuntime.jsx(Icon.SouthShortIcon, { className: styles_css$1.listSortIcon[order], sentiment: "primary" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.SortIcon, { sentiment: "neutral" });
 const HeaderCell = ({
   children,
   className,
@@ -71,16 +32,23 @@ const HeaderCell = ({
     order = "descending";
   }
   const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledHeaderCell, { align, "aria-sort": order, className, "data-checkbox": isCheckbox, maxWidth, minWidth, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("th", { align, "aria-sort": order, className: `${className ? `${className} ` : ""}${styles_css.tableHeaderCell({
+    align,
+    checked: isCheckbox
+  })}`, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
     if (event.key === " " || event.key === "Enter") {
       handleOrder();
       if (event.key === " ") {
         event.preventDefault();
       }
     }
-  } : void 0, role: onOrder ? "button columnheader" : void 0, tabIndex: handleOrder ? 0 : -1, width, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledText, { as: "div", sentiment: order !== void 0 ? "primary" : "neutral", variant: "bodySmall", children: [
+  } : void 0, role: onOrder ? "button columnheader" : void 0, style: dynamic.assignInlineVars({
+    [variables_css.headerCellWidth]: width ?? "auto",
+    [variables_css.headerCellMaxWidth]: maxWidth ?? "none",
+    [variables_css.headerCellMinWidth]: minWidth ?? "auto"
+  }), tabIndex: handleOrder ? 0 : -1, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Text, { as: "div", className: styles_css.headerCellText, sentiment: order !== void 0 ? "primary" : "neutral", variant: "bodySmall", children: [
     children,
-    info ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: info, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral", size: "small" }) }) : null,
+    info ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Tooltip, { text: info, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral", size: "small" }) }) : null,
     orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { "aria-disabled": !onOrder, order }) : null
   ] }) });
 };