@orfium/ictinus 5.43.0 → 5.43.2

package/dist/src/vanilla/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../data-table';
 export * from '../icon';
 export * from '../icons';
 export * from './Box';

package/dist/src/vanilla-extract/index.d.ts

@@ -1,2 +1,3 @@
 export { style } from './style';
+export declare const getVarName: (variable: string) => string;
 export * from '@vanilla-extract/css';

package/dist/src/version/index.d.ts

@@ -0,0 +1 @@
+export * from './version';

package/dist/src/version/version.d.ts

@@ -0,0 +1 @@
+export { version } from '../../package.json';

package/dist/vanilla/Box/Box.js

@@ -1,9 +1,9 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
-import { version } from '../package.json.js';
 import { sprinkles } from '../src/sprinkles/sprinkles.js';
 import { cn } from '../src/utils/cn.js';
+import { version } from '../package.json.js';
 import { extractBoxProps } from './extractBoxProps.js';
 
 const Slot = createSlot("@orfium/ictinus/Box");

package/dist/vanilla/Dropdown/Dropdown-css.js

@@ -0,0 +1,8 @@
+import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var separator = createRuntimeFn({defaultClassName:'_146hxcf1gc _146hxcf1w2',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+
+export { separator };

package/dist/vanilla/Dropdown/Dropdown.js

@@ -1,8 +1,10 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Text, Separator } from 'react-aria-components';
+import { Separator, Text } from 'react-aria-components';
+import { cn } from '../src/utils/cn.js';
+import { separator } from './Dropdown-css.js';
 
 const DropdownLabel = ({ className, ref, ...props }) => /* @__PURE__ */ jsx(Text, { slot: "label", ref, className, ...props });
 const DropdownDescription = ({ className, ref, ...props }) => /* @__PURE__ */ jsx(Text, { slot: "description", ref, className, ...props });
-const DropdownSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", className, ...props });
+const DropdownSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", className: cn(separator({}), className), ...props });
 
 export { DropdownDescription, DropdownLabel, DropdownSeparator };

package/dist/vanilla/Menu/Menu-css.js

@@ -1,10 +1,10 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
 import './../assets/src/vanilla/Menu/Menu.css.ts.vanilla-C4DzWzim.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var item = createRuntimeFn({defaultClassName:'_146hxcf1ac _146hxcf1cw _146hxcf1fk _146hxcf17w _146hxcf1jj _146hxcf1jr _1ehr8f22',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var menu = createRuntimeFn({defaultClassName:'_146hxcf2c _146hxcfkc _146hxcf1kk _146hxcf1jo _1ehr8f20',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var item = createRuntimeFn({defaultClassName:'_146hxcf1ag _146hxcf1d0 _146hxcf1fo _146hxcf180 _146hxcf1jo _146hxcf1jw _1ehr8f22',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var menu = createRuntimeFn({defaultClassName:'_146hxcf2g _146hxcfkg _146hxcf1kp _146hxcf1jt _1ehr8f20',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { item, menu };

package/dist/vanilla/Menu/Menu.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { MenuTrigger as MenuTrigger$1, Menu as Menu$1, Header, MenuItem as MenuItem$1, MenuSection as MenuSection$1, Collection, SubmenuTrigger, Pressable } from 'react-aria-components';
+import { MenuTrigger as MenuTrigger$1, Pressable, Menu as Menu$1, MenuItem as MenuItem$1, Header, MenuSection as MenuSection$1, Collection, SubmenuTrigger } from 'react-aria-components';
 import { cn } from '../src/utils/cn.js';
-import { DropdownDescription, DropdownLabel, DropdownSeparator } from '../Dropdown/Dropdown.js';
+import { DropdownSeparator, DropdownDescription, DropdownLabel } from '../Dropdown/Dropdown.js';
 import { PopoverContent } from '../Popover/Popover.js';
 import { menu, item } from './Menu-css.js';
 

package/dist/vanilla/Popover/Popover-css.js

@@ -1,9 +1,9 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
 import './../assets/src/vanilla/Popover/Popover.css.ts.vanilla-CVYpB1bf.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var popover = createRuntimeFn({defaultClassName:'_146hxcf1jm _146hxcf1jp _146hxcf1ia _146hxcf1h4 _146hxcf1hk _146hxcf1go _146hxcf1g8 _146hxcf1md _146hxcf1vx _146hxcf1jd _1y35xlp0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var popover = createRuntimeFn({defaultClassName:'_146hxcf1jr _146hxcf1ju _146hxcf1ie _146hxcf1h8 _146hxcf1ho _146hxcf1gs _146hxcf1gc _146hxcf1mi _146hxcf1w2 _146hxcf1ji _1y35xlp0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { popover };

package/dist/vanilla/Popover/Popover.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { DialogTrigger as DialogTrigger$1, Popover as Popover$1, OverlayArrow } from 'react-aria-components';
+import { Popover as Popover$1, OverlayArrow, DialogTrigger as DialogTrigger$1 } from 'react-aria-components';
 import { cn } from '../src/utils/cn.js';
 import { DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../Dialog/Dialog.js';
 import { popover } from './Popover-css.js';

package/dist/vanilla/Table/Table-css.js

@@ -1,10 +1,10 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
 import './../assets/src/vanilla/Table/Table.css.ts.vanilla-D8zK7RSt.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var table = createRuntimeFn({defaultClassName:'_146hxcf68 _146hxcf22x _146hxcf1jz ekwznl0',variantClassNames:{layout:{auto:'ekwznl1',fixed:'ekwznl5 ekwznl2'}},defaultVariants:{},compoundVariants:[]});
-var wrapper = createRuntimeFn({defaultClassName:'_146hxcf1jl _146hxcf1jo _146hxcf1ia _146hxcfhc _146hxcf1h4 _146hxcf1hk _146hxcf1go _146hxcf1g8 _146hxcf1md _146hxcf1i6 _146hxcf1vx ekwznl6',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var table = createRuntimeFn({defaultClassName:'_146hxcf6c _146hxcf232 _146hxcf1k4 ekwznl0',variantClassNames:{layout:{auto:'ekwznl1',fixed:'ekwznl5 ekwznl2'}},defaultVariants:{},compoundVariants:[]});
+var wrapper = createRuntimeFn({defaultClassName:'_146hxcf1jq _146hxcf1jt _146hxcf1ie _146hxcfhg _146hxcf1h8 _146hxcf1ho _146hxcf1gs _146hxcf1gc _146hxcf1mi _146hxcf1ia _146hxcf1w2 ekwznl6',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { table, wrapper };

package/dist/vanilla/Table/Table.js

@@ -2,13 +2,12 @@ import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
 import { cn } from '../src/utils/cn.js';
 import { Box } from '../Box/Box.js';
-import { extractBoxProps } from '../Box/extractBoxProps.js';
+import '../src/sprinkles/sprinkles.js';
 import { table, wrapper } from './Table-css.js';
 
 const Table = forwardRef(
   ({ children, className, layout = "auto", style, ...props }, ref) => {
-    const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(Box, { ref, style, className: cn(wrapper({}), className), ...boxProps, children: /* @__PURE__ */ jsx(Box, { asChild: true, className: table({ layout }), ...restProps, children: /* @__PURE__ */ jsx("table", { children }) }) });
+    return /* @__PURE__ */ jsx(Box, { ref, style, className: cn(wrapper({}), className), ...props, children: /* @__PURE__ */ jsx(Box, { asChild: true, className: table({ layout }), children: /* @__PURE__ */ jsx("table", { children }) }) });
   }
 );
 Table.displayName = "Table";

package/dist/vanilla/Table/TableCell-css.js

@@ -1,10 +1,10 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
 import './../assets/src/vanilla/Table/TableCell.css.ts.vanilla-BmF3z2D_.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'_146hxcf1vx _1p0g5yn0',variantClassNames:{pinned:{false:'_1p0g5yn1',true:'_1p0g5yn2'}},defaultVariants:{},compoundVariants:[]});
-var content = createRuntimeFn({defaultClassName:'_146hxcf68 _146hxcf90 _146hxcf4 _146hxcf22x _146hxcf2c _146hxcf1kk _146hxcf1vx _146hxcfd8 _1p0g5yn6',variantClassNames:{size:{sm:'_146hxcf7o',md:'_146hxcf7w',lg:'_146hxcf84'},bordered:{true:'_1p0g5yn7'}},defaultVariants:{},compoundVariants:[]});
+var cell = createRuntimeFn({defaultClassName:'_146hxcf1mi _146hxcf1w2 _1p0g5yn0',variantClassNames:{pinned:{false:'_1p0g5yn1',true:'_1p0g5yn2'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_146hxcf6c _146hxcf94 _146hxcf4 _146hxcf232 _146hxcf2g _146hxcf1kp _146hxcf1w2 _146hxcfdc _1p0g5yn6',variantClassNames:{size:{sm:'_146hxcf7s',md:'_146hxcf80',lg:'_146hxcf88'},bordered:{true:'_1p0g5yn7'}},defaultVariants:{},compoundVariants:[]});
 
 export { cell, content };

package/dist/vanilla/Table/TableCell.js

@@ -15,7 +15,6 @@ const TableCell = forwardRef(
     px = "lg",
     py = "md",
     p,
-    bg = "default",
     size,
     alignItems,
     justifyContent,
@@ -36,7 +35,6 @@ const TableCell = forwardRef(
             className: cn(content({ bordered, size })),
             px: p ?? px,
             py: p ?? py,
-            bg,
             alignItems,
             justifyContent,
             textAlign,

package/dist/vanilla/Table/TableHeaderCell-css.js

@@ -1,12 +1,12 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
 import './../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-2yw_MsU1.css';
-import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CZN81sTW.css';
-import './../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-DHGpcMTl.css';
+import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-B1NNK8v8.css';
+import './../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-CZtubUTB.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'_146hxcf1vx _92ef850',variantClassNames:{pinned:{false:'_92ef851',true:'_92ef852'}},defaultVariants:{},compoundVariants:[]});
-var content = createRuntimeFn({defaultClassName:'_146hxcf68 _146hxcf90 _146hxcf4 _146hxcf231 _146hxcf2c _146hxcf1kk _146hxcfd8 _146hxcf1vx _92ef856',variantClassNames:{size:{sm:'_146hxcf7o',md:'_146hxcf7w',lg:'_146hxcf84'},bordered:{true:'_92ef857'}},defaultVariants:{},compoundVariants:[]});
+var cell = createRuntimeFn({defaultClassName:'_146hxcf1w2 _92ef851 _92ef850',variantClassNames:{pinned:{false:'_92ef852',true:'_92ef853'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_146hxcf6c _146hxcf94 _146hxcf4 _146hxcf236 _146hxcf2g _146hxcf1kp _146hxcfdc _146hxcf1w2 _92ef857',variantClassNames:{size:{sm:'_146hxcf7s',md:'_146hxcf80',lg:'_146hxcf88'},bordered:{true:'_92ef858'}},defaultVariants:{},compoundVariants:[]});
 
 export { cell, content };

package/dist/vanilla/Table/TableRow-css.js

@@ -1,9 +1,9 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
-import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CZN81sTW.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
+import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-B1NNK8v8.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var row = createRuntimeFn({defaultClassName:'yjfuqz0 _146hxcf68 yjfuqz1',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var row = createRuntimeFn({defaultClassName:'yjfuqz0 _146hxcf6c yjfuqz1',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { row };

package/dist/vanilla/ThemeProvider/ThemeProvider.js

@@ -45,7 +45,7 @@ const ThemeProvider = ({
 };
 const useTheme = () => {
   const context = useContext(ThemeContext);
-  if (!context) throw Error("Must be used within ThemeProvider");
+  if (!context) throw new Error("Must be used within ThemeProvider");
   return context;
 };
 

package/dist/vanilla/Tooltip/Tooltip-css.js

@@ -1,12 +1,12 @@
 import './../assets/src/layers/layers.css.ts.vanilla-CBkaYCBT.css';
-import './../assets/src/vanilla-extract/global.css.ts.vanilla-yNiirHQ2.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-CFXZ9U7a.css';
+import './../assets/src/vanilla-extract/global.css.ts.vanilla-BHTgxO8_.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C8hqLKur.css';
 import './../assets/src/vanilla/Tooltip/Tooltip.css.ts.vanilla-nRPDcOsw.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var arrow = createRuntimeFn({defaultClassName:'_1gov5q56',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 var arrowInverse = createRuntimeFn({defaultClassName:'_1gov5q58',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 var arrowInverseBorder = '_1gov5q5a';
-var tooltip = createRuntimeFn({defaultClassName:'_146hxcf13s _146hxcf2c _146hxcfkc _146hxcf1ia _146hxcf1kl _1gov5q50',variantClassNames:{inverse:{true:'_146hxcf1h4 _146hxcf1hk _146hxcf1go _146hxcf1g8 _146hxcf1mh _146hxcf22x _146hxcf1vx _146hxcf1je',false:'_146hxcf1ml _146hxcf23p'}},defaultVariants:{},compoundVariants:[]});
+var tooltip = createRuntimeFn({defaultClassName:'_146hxcf13w _146hxcf2g _146hxcfkg _146hxcf1ie _146hxcf1kq _1gov5q50',variantClassNames:{inverse:{true:'_146hxcf1h8 _146hxcf1ho _146hxcf1gs _146hxcf1gc _146hxcf1mm _146hxcf232 _146hxcf1w2 _146hxcf1jj',false:'_146hxcf1mq _146hxcf23u'}},defaultVariants:{},compoundVariants:[]});
 
 export { arrow, arrowInverse, arrowInverseBorder, tooltip };

package/dist/vanilla/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { createContext, useRef, useContext } from 'react';
-import { TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, OverlayArrow, Focusable } from 'react-aria-components';
+import { TooltipTrigger as TooltipTrigger$1, Focusable, Tooltip as Tooltip$1, OverlayArrow } from 'react-aria-components';
 import { cn } from '../src/utils/cn.js';
 import { Box } from '../Box/Box.js';
 import { extractBoxProps } from '../Box/extractBoxProps.js';

package/dist/vanilla/assets/src/actions/ActionsContent.css.ts.vanilla-BVxWvGVF.css

@@ -0,0 +1,22 @@
+@layer ictinus._16quzhu0;
+@layer ictinus._16quzhu0 {
+  .gfg8xi0 {
+    transition: opacity 150ms ease;
+  }
+  ._17y19ri0:not(:has(._17y19ri0)):focus-within .gfg8xi0, .gfg8xi0:is(:checked, [data-state=open], :has(:checked, [data-state=open], [aria-expanded=true])) {
+    opacity: 1;
+    transition: none;
+  }
+  .gfg8xi1 {
+    opacity: 1;
+  }
+  .gfg8xi2 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._17y19ri0:not(:has(._17y19ri0)):hover .gfg8xi0 {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/vanilla/assets/src/actions/ActionsRoot.css.ts.vanilla-B5JvX1-v.css

@@ -0,0 +1,4 @@
+@layer ictinus._16quzhu0;
+@layer ictinus._16quzhu0 {
+
+}

package/dist/vanilla/assets/src/data-table/DataTableBody.css.ts.vanilla-B8JRxzQ8.css

@@ -0,0 +1,70 @@
+@property --nl338i5 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: transparent;
+}
+@layer ictinus._16quzhu0;
+@layer ictinus._16quzhu0 {
+  .nl338i6 {
+    position: relative;
+  }
+  .nl338i6[data-scroll-timeline]::after {
+    background-image: linear-gradient(to left, var(--ictinus-color-transparent-4), transparent);
+    right: var(--nl338i3);
+  }
+  .nl338i6[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, var(--ictinus-color-transparent-4), transparent);
+    left: var(--nl338i2);
+  }
+  [data-theme="dark"] .nl338i6[data-scroll-timeline]::before {
+    background-image: linear-gradient(to right, var(--ictinus-color-transparent-6), transparent);
+    border-left: 1px solid var(--ictinus-color-border-color-decorative-default);
+  }
+  [data-theme="dark"] .nl338i6[data-scroll-timeline]::after {
+    background-image: linear-gradient(to right, var(--ictinus-color-transparent-6), transparent);
+    border-right: 1px solid var(--ictinus-color-border-color-decorative-default);
+  }
+  .nl338i6[data-scroll-timeline]::before, .nl338i6[data-scroll-timeline]::after {
+    content: "";
+    display: block;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    transition: 0.3s opacity;
+    width: 16px;
+    z-index: 1;
+  }
+  .nl338i6[data-has-left-pinned][data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
+    opacity: 1;
+  }
+  .nl338i6[data-has-right-pinned][data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
+    opacity: 1;
+  }
+  .nl338i8 {
+    width: calc(1px * var(--nl338i0));
+    background-image: linear-gradient(var(--nl338i5), var(--nl338i5));
+    transition: --nl338i5 150ms ease;
+  }
+  [data-selectable] .yjfuqz0[data-selected] .nl338i8 {
+    --nl338i5: var(--ictinus-color-palette-tertiary-contrast);
+  }
+  .nl338i9 {
+    left: var(--nl338i1);
+  }
+  .nl338ia {
+    right: var(--nl338i1);
+  }
+  .nl338ib {
+    flex-grow: calc(var(--nl338i0) / var(--nl338i4));
+  }
+  .nl338ic {
+    flex-grow: calc(var(--nl338i0) / var(--nl338i4));
+  }
+  @media (hover: hover) {
+    [data-selectable] .yjfuqz0:hover .nl338i8 {
+      --nl338i5: var(--ictinus-color-palette-tertiary-muted);
+    }
+  }
+}

package/dist/vanilla/assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B2HJ86a7.css

@@ -0,0 +1,36 @@
+@layer ictinus._16quzhu0;
+._16lgdks3 {
+  color: var(--ictinus-color-text-default-primary);
+}
+@layer ictinus._16quzhu0 {
+  ._16lgdks0 {
+    color: var(--ictinus-color-text-default-secondary);
+    font-weight: var(--ictinus-weight-regular);
+  }
+  ._16lgdks4 {
+    grid-area: 1 / 1 / 2 / 2;
+    transition: opacity;
+  }
+  ._16lgdks5 {
+    opacity: 0;
+  }
+  ._16lgdks6 {
+    opacity: 1;
+  }
+  ._16lgdksa {
+    border-left-width: 3px;
+    cursor: col-resize;
+    position: absolute;
+    right: 0;
+    top: 0;
+    touch-action: none;
+    user-select: none;
+    z-index: 15;
+  }
+  @media (hover: hover) {
+    ._92ef850:hover ._16lgdks0 {
+      color: var(--ictinus-color-text-default-primary);
+      font-weight: var(--ictinus-weight-medium);
+    }
+  }
+}