@orfium/ictinus 5.45.0 → 5.45.2

package/dist/vanilla/index.js

@@ -1,9 +1,12 @@
+export { ActionsContent } from './src/actions/ActionsContent.js';
+export { ActionsRoot } from './src/actions/ActionsRoot.js';
 export { Avatar } from './src/avatar/Avatar.js';
 export { avatar, icon, image } from './src/avatar/Avatar-css.js';
 export { AvatarGroup } from './src/avatar/AvatarGroup.js';
 export { avatarGroup, className } from './src/avatar/AvatarGroup-css.js';
 export { Button } from './src/button/Button.js';
 export { button, progress, text } from './src/button/Button-css.js';
+export { Cover } from './src/cover/Cover.js';
 export { DataTable } from './src/data-table/DataTable.js';
 export { DataTableBody } from './src/data-table/DataTableBody.js';
 export { DataTableBulkActions } from './src/data-table/DataTableBulkActions.js';

package/dist/vanilla/package.json.js

@@ -1,3 +1,3 @@
-var version = "5.45.0";
+var version = "5.45.2";
 
 export { version };

package/dist/vanilla/src/actions/ActionsContent-css.js

@@ -1,10 +1,10 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-C9qvbHnW.css';
-import './../../assets/src/actions/ActionsContent.css.ts.vanilla-i54k5IL1.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.css';
+import './../../assets/src/actions/ActionsContent.css.ts.vanilla-BZf5EbPi.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var content = createRuntimeFn({defaultClassName:'_1uzy6bk frmmw9 _1ngicba _1l4rz6q',variantClassNames:{visible:{always:'_11qlx0s','if-needed':'_1ha2rnl'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_1bt2kjd iszkrt qpgxt5 njochf',variantClassNames:{visible:{always:'flhd91','if-needed':'_1rcqrid'}},defaultVariants:{},compoundVariants:[]});
 
 export { content };

package/dist/vanilla/src/actions/ActionsRoot-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-C9qvbHnW.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var root = createRuntimeFn({defaultClassName:'_7ns2lq fx5f0z',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var root = createRuntimeFn({defaultClassName:'_1iu0ki5 u670oz',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { root };

package/dist/vanilla/src/avatar/Avatar-css.js

@@ -1,12 +1,12 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-C9qvbHnW.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-C6qYy5w4.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-BRhHBoq9.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var avatar = createRuntimeFn({defaultClassName:'mi11za _2b6tna u14mu6 _1qtdory g11v37 emfpnc _1d0n9fd _1i2864 _1uzy6bk nyy8n7 k7r480 edlh5k _16t8b99 g6hsn5',variantClassNames:{colorScheme:{blue:'_9005ym _1uxyqo _19o99e7',red:'xkmej7 vp7qz _1e1r21',purple:'_1xoxdvy _1tpsq9i byntni',teal:'_1qh7gmb tdfy7 wnuima',orange:'s2go4k _4a72bv _1x1rtcw'},size:{'1':'_1qcfvov j4h32s _18twxok _1r11g1q bm4ij0 _1cciv35','2':'azi7ld _11u556f _1ct0043 _1vztp87 q7xuoj fgixpm','3':'q6fh9k _4zo1l1 _1ooovw6 nyftmj q7xuoj tih8oh','4':'_1qeszd3 _1wptqd6 _1twy1t0 _1o944ku bm4ij0 ax0adg','5':'_10gqx6r _142cdmv fu8v7h g0h9iw da9u5p _1v6hikh','6':'vpmulk _1f4ubds kahr1n _1rg7n9 da9u5p yejvb4'}},defaultVariants:{colorScheme:'blue',size:'1'},compoundVariants:[]});
-var icon = createRuntimeFn({defaultClassName:'_1qjg9sb _1xz446j',variantClassNames:{size:{'1':'hfrfb9','2':'vhqwxo','3':'rrx58w','4':'_13n9dns','5':'_6ula4r','6':'_1a23z8'}},defaultVariants:{},compoundVariants:[]});
-var image = 'edlh5k stpep7 ib3m7m _1h9upp8';
+var avatar = createRuntimeFn({defaultClassName:'yzwvot _1cnlhtu pqsoq1 b1j7e1 _1peflg2 ib3um _1mbt6ri _1ce3aso _1bt2kjd g8lub1 _12hv042 _6yd2yf _15oql1i bo8kam',variantClassNames:{colorScheme:{blue:'_1m7y7g4 _163qzge _1aql58w',red:'klagj8 _1phupew _199pmhe',purple:'i5izqj ghahi2 _112kab7',teal:'igihfl tpp2ad _1q42q50',orange:'_8adurd _1hpp3b6 t1ap99'},size:{'1':'kgp2yb _133pj8o t7zk9d wbwtvl sf2opr cv1w20','2':'_14fm0d6 xvk9vm hmfoyv nr3ida _1zkzjv pldx22','3':'b5v6iv _1qcfq81 _1fejffl _15p771r _1zkzjv iwpj45','4':'_17yemn8 uy5zpx _1wbit53 g14kp7 sf2opr hy6rdg','5':'_1g5noad t4rm3c gvur26 dfqf26 _1reu0up z53dn7','6':'uedp14 _1iylp44 _1h2yydo _1r3ego7 _1reu0up _1pj4bx6'}},defaultVariants:{colorScheme:'blue',size:'1'},compoundVariants:[]});
+var icon = createRuntimeFn({defaultClassName:'_8jbyi6 _1khlkip',variantClassNames:{size:{'1':'phaa3g','2':'_1gu95to','3':'m14p1k','4':'_7qhw30','5':'wnp2ep','6':'gqhspp'}},defaultVariants:{},compoundVariants:[]});
+var image = '_6yd2yf _1nc31t2 eemjp2 _1kwza5k';
 
 export { avatar, icon, image };

package/dist/vanilla/src/avatar/AvatarGroup-css.js

@@ -1,10 +1,10 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-C9qvbHnW.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var avatarGroup = createRuntimeFn({defaultClassName:'zsb3ok frmmw9 _1uzy6bk',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var className = 'zsb3ok';
+var avatarGroup = createRuntimeFn({defaultClassName:'_1vfz91p iszkrt _1bt2kjd',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var className = '_1vfz91p';
 
 export { avatarGroup, className };

package/dist/vanilla/src/button/Button-css.js

@@ -1,11 +1,11 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/button/Button.css.ts.vanilla-Bm1kAtK8.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/button/Button.css.ts.vanilla-DueIYPl1.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var button = createRuntimeFn({defaultClassName:'_1d0n9fd _1i2864 _1uzy6bk k7r480 _6rbgni v62f6o _4mi2g4 _1qo5rec g6hsn5 _1omqt9v k1odcm',variantClassNames:{variant:{primary:'y7rr3u cwlxny _1rsy0n3 _1ktmfzw',secondary:'_1s5nj4m _1ew9vlj _1u41lm4 _1uxyqo',tertiary:'_1eqm4if _196koop _6d0wy1 _1uxyqo',danger:'xkmej7 by8xfy crw3gh vp7qz'},size:{normal:'_10dlpel _2k8wu7 qxm098',compact:'_1kkqn3x _1eku2hy _191v2e4'},iconOnly:{true:'_1122x9p d71rwh nyy8n7'},circle:{true:'edlh5k'},isPending:{true:'_1h4q4v1'},isDisabled:{true:'_1tscd91 airfbe'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'_1azm0zm'],[{iconOnly:true,size:'compact'},'_1pult2t'],[{isPending:true,variant:'primary'},'_1iurd9n _6zbmwd _1rsy0n3'],[{isPending:true,variant:'secondary'},'pafa2k hfitkp _1u41lm4'],[{isPending:true,variant:'tertiary'},'eorwwf _1u5kaua _6d0wy1'],[{isPending:true,variant:'danger'},'tyiie1 rukyd crw3gh'],[{isDisabled:true,variant:'primary'},'y7rr3u _1hnuedk jwvd50'],[{isDisabled:true,variant:'secondary'},'_1s5nj4m h3hpbh suhl1t'],[{isDisabled:true,variant:'tertiary'},'_1eqm4if tdg3cc _1cdk466'],[{isDisabled:true,variant:'danger'},'xkmej7 _1uciudc _173n8y6']]});
-var progress = '_1d0y6i2 urfq71';
-var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'_1eku2hy _191v2e4 _11o39yd',compact:'_1eku2hy _191v2e4 _1oo9zp3'},isPending:{true:'irpkrw'}},defaultVariants:{},compoundVariants:[]});
+var button = createRuntimeFn({defaultClassName:'_1mbt6ri _1ce3aso _1bt2kjd _12hv042 _1296u9v x2690q _49xsu _1yncj1w bo8kam _133vzkc _1e7zwq5',variantClassNames:{variant:{primary:'sgg6cw _77xuj5 _19ky196 _1pkfynr',secondary:'_1b1mgdn _3rkni6 _1a3yxdu _163qzge',tertiary:'yxqx6k s5vqpz _1y4rk0m _163qzge',danger:'klagj8 _1dulutk qeytbz _1phupew'},size:{normal:'_9c9o1y _1dk0h9z _1sfqzlm',compact:'_31edbx kod1ya lsf9ki'},iconOnly:{true:'_7mo593 _191gop0 g8lub1'},circle:{true:'_6yd2yf'},isPending:{true:'ke4k5l'},isDisabled:{true:'_15azt0f fayn3a'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'_5gll8j'],[{iconOnly:true,size:'compact'},'_1gbb9ga'],[{isPending:true,variant:'primary'},'_1yc7aq3 _1xsorle _19ky196'],[{isPending:true,variant:'secondary'},'_1mov874 _1airjor _1a3yxdu'],[{isPending:true,variant:'tertiary'},'_1ab4yw1 _1osi7ww _1y4rk0m'],[{isPending:true,variant:'danger'},'_9f38bs k4al6v qeytbz'],[{isDisabled:true,variant:'primary'},'sgg6cw _80nv41 gkfoaj'],[{isDisabled:true,variant:'secondary'},'_1b1mgdn hbure1 l3virh'],[{isDisabled:true,variant:'tertiary'},'yxqx6k gxoj60 _7any65'],[{isDisabled:true,variant:'danger'},'klagj8 cgsei7 _5zs5tl']]});
+var progress = 'qzp833 _11cqlxg';
+var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'kod1ya lsf9ki xol264',compact:'kod1ya lsf9ki _14hu45'},isPending:{true:'_1mijx22'}},defaultVariants:{},compoundVariants:[]});
 
 export { button, progress, text };

package/dist/vanilla/src/cover/Cover-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
+import './../../assets/src/cover/Cover.css.ts.vanilla-D3GnlIpg.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var cover = createRuntimeFn({defaultClassName:'_12l0253',variantClassNames:{disabled:{false:'qbnlva h0hgl1',true:'_1mb1i9a'},inset:{false:'y3ael7',true:'bmea9e'}},defaultVariants:{},compoundVariants:[]});
+
+export { cover };

package/dist/vanilla/src/cover/Cover.js

@@ -0,0 +1,13 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { cn } from '../utils/cn.js';
+import { Box } from '../../Box/Box.js';
+import '../sprinkles/sprinkles.js';
+import { cover } from './Cover-css.js';
+
+const Cover = forwardRef(
+  ({ className, disabled = false, inset = false, ...props }, ref) => /* @__PURE__ */ jsx(Box, { ref, className: cn(cover({ disabled, inset }), className), ...props })
+);
+Cover.displayName = "Cover";
+
+export { Cover };

package/dist/vanilla/src/data-table/DataTableBody-css.js

@@ -1,16 +1,16 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-7HUaV8Kk.css';
-import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-VI-dzTZL.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-C0OfPLuX.css';
+import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-BowUQZcc.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'_11z6ryr _1mqyvzr frmmw9 ousdp9',variantClassNames:{pinned:{left:'uepb6m',right:'_1j0xish'},resizable:{false:'v40iw2',true:'_1b0y6zr'}},defaultVariants:{},compoundVariants:[]});
-var cellOffsetVar = 'var(--_1xb0hxe)';
-var cellSizeVar = 'var(--_1x1rt41)';
-var leftTotalSizeVar = 'var(--a38eq1)';
-var rightTotalSizeVar = 'var(--e1imb1)';
-var root = createRuntimeFn({defaultClassName:'mi11za _2b6tna _6rbgni he67q7 frmmw9 izl6zf _8ju0cb',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var totalSizeVar = 'var(--_1yukxhq)';
+var cell = createRuntimeFn({defaultClassName:'_1etgpxl _1nq47r4 iszkrt _1vd6kno',variantClassNames:{pinned:{left:'_1g26nlq',right:'_1o9tuxp'},resizable:{false:'_1vzojcj',true:'_1aatvrf'}},defaultVariants:{},compoundVariants:[]});
+var cellOffsetVar = 'var(--_17bd4ey)';
+var cellSizeVar = 'var(--wv2wj7)';
+var leftTotalSizeVar = 'var(--_1udh5m2)';
+var rightTotalSizeVar = 'var(--_3invxa)';
+var root = createRuntimeFn({defaultClassName:'yzwvot _1cnlhtu _1296u9v _1ct1ow iszkrt _1n61uxd _1mwoetu',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var totalSizeVar = 'var(--_1beal4l)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

package/dist/vanilla/src/data-table/DataTableBody.js

@@ -179,6 +179,7 @@ const DataTableBody = forwardRef(
                               "data-col-id": cell$1.column.id,
                               bordered,
                               size,
+                              alignItems: cell$1.column.columnDef.meta?.verticalAlign,
                               justifyContent: cell$1.column.columnDef.meta?.align,
                               pinned: true,
                               ...cellProps,
@@ -210,6 +211,7 @@ const DataTableBody = forwardRef(
                               "data-col-id": cell$1.column.id,
                               size,
                               bordered,
+                              alignItems: cell$1.column.columnDef.meta?.verticalAlign,
                               justifyContent: cell$1.column.columnDef.meta?.align,
                               ...cellProps,
                               style: {
@@ -234,6 +236,7 @@ const DataTableBody = forwardRef(
                               "data-col-id": cell$1.column.id,
                               size,
                               bordered,
+                              alignItems: cell$1.column.columnDef.meta?.verticalAlign,
                               justifyContent: cell$1.column.columnDef.meta?.align,
                               pinned: true,
                               ...cellProps,

package/dist/vanilla/src/data-table/DataTableHeaderCell-css.js

@@ -1,14 +1,14 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-TK0bYFLF.css';
-import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-7HUaV8Kk.css';
-import './../../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-DQiK614T.css';
-import './../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DtydPuOx.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-BY1AQFKf.css';
+import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-C0OfPLuX.css';
+import './../../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-Du_-Wub7.css';
+import './../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-qWsAYNJP.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var handle = createRuntimeFn({defaultClassName:'ib3m7m _17rjy4o _1tl8bcx',variantClassNames:{resizing:{false:'_261hxx',true:'sxrxkq'}},defaultVariants:{},compoundVariants:[]});
-createRuntimeFn({defaultClassName:'_1wptqd6 grf996 i75ae7 _10qd456',variantClassNames:{active:{false:'_1vafpim',true:'avum8o'}},defaultVariants:{},compoundVariants:[]});
-var label = createRuntimeFn({defaultClassName:'_1jtfc08',variantClassNames:{sortDir:{false:'bh68dz',true:'pw7ij6'}},defaultVariants:{},compoundVariants:[]});
+var handle = createRuntimeFn({defaultClassName:'eemjp2 _108iwc4 egat09',variantClassNames:{resizing:{false:'_1in2blo',true:'_1wpiirc'}},defaultVariants:{},compoundVariants:[]});
+createRuntimeFn({defaultClassName:'uy5zpx _16pih2h _1jfs783 shf9ml',variantClassNames:{active:{false:'c5afmi',true:'_1behmb4'}},defaultVariants:{},compoundVariants:[]});
+var label = createRuntimeFn({defaultClassName:'_1n40isa',variantClassNames:{sortDir:{false:'_1ayw3xt',true:'_17zy3wj'}},defaultVariants:{},compoundVariants:[]});
 
 export { handle, label };

package/dist/vanilla/src/data-table/DataTableRow.js

@@ -14,6 +14,7 @@ import { DataTableRowProvider } from './DataTableRowContext.js';
 const DataTableRow = forwardRef(
   ({ children, index, row, ...props }, ref) => {
     const { highlightedIndex, setHighlightedIndex, table } = useDataTableContext();
+    const selectOnRowClick = table.options.selectOnRowClick ?? true;
     const [subHighlightedIndex, setSubHighlightedIndex] = useState(-1);
     const labelId = useId();
     const domRef = useDOMRef(ref);
@@ -54,7 +55,7 @@ const DataTableRow = forwardRef(
         "data-focus-visible": focusManaged ? "" : void 0,
         "data-selected": row.getIsSelected() ? "" : void 0,
         onClick: (event) => {
-          if (selector && getAssociatedControl(event) !== selector.current) {
+          if (selectOnRowClick && selector && getAssociatedControl(event) !== selector.current) {
             row.toggleSelected();
           }
         },
@@ -78,7 +79,7 @@ const DataTableRow = forwardRef(
           if (event.defaultPrevented) {
             return;
           }
-          if (event.target instanceof HTMLElement && event.target !== selector?.current && (event.target.isContentEditable || ["input", "select", "textarea"].includes(event.target.localName))) {
+          if (event.target instanceof HTMLElement && event.target !== selector?.current && (event.target.isContentEditable || ["button", "a", "input", "select", "textarea"].includes(event.target.localName))) {
             return;
           }
           const { rows } = table.getRowModel();
@@ -92,24 +93,6 @@ const DataTableRow = forwardRef(
             if (nextIndex >= 0 && nextIndex <= rows.length - 1) {
               event.preventDefault();
               setHighlightedIndex(nextIndex);
-              if (selector) {
-                const nextRow = rows[nextIndex];
-                if (event.shiftKey && row.getCanMultiSelect()) {
-                  table.setRowSelection(
-                    (selection) => selection[nextRow.id] ? {
-                      ...selection,
-                      [row.id]: false
-                    } : {
-                      ...selection,
-                      [nextRow.id]: true
-                    }
-                  );
-                } else {
-                  table.setRowSelection({
-                    [nextRow.id]: true
-                  });
-                }
-              }
             }
           } else if (focusManaged && document.activeElement === event.currentTarget && event.key === "ArrowRight") {
             const nextIndex = subHighlightedIndex + 1;
@@ -117,11 +100,15 @@ const DataTableRow = forwardRef(
               event.preventDefault();
               setSubHighlightedIndex(nextIndex);
             }
-          } else if (event.currentTarget === document.activeElement) {
-            if (event.key === " " && selector) {
+          } else if (isSpaceKey(event) && focusManaged && selector && row.getCanSelect()) {
+            const checkboxFocused = selector.current && (document.activeElement === selector.current || selector.current.contains(document.activeElement));
+            const rowFocused = subHighlightedIndex === -1 && (document.activeElement === event.currentTarget || document.activeElement instanceof Node && event.currentTarget.contains(document.activeElement) && !checkboxFocused);
+            if (rowFocused) {
               event.preventDefault();
               row.toggleSelected();
-            } else if (event.key === "Enter" && primary) {
+            }
+          } else if (event.currentTarget === document.activeElement) {
+            if (event.key === "Enter" && primary) {
               event.preventDefault();
               primary.ref.current?.click();
             }
@@ -151,6 +138,7 @@ const DataTableRow = forwardRef(
   }
 );
 DataTableRow.displayName = "DataTableRow";
+const isSpaceKey = (event) => event.key === " " || event.key === "Spacebar";
 const getAssociatedControl = (event) => {
   if (event.target instanceof Element) {
     const label = event.target.closest("label");

package/dist/vanilla/src/layers/layers-css.js

@@ -1,6 +1,6 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 
-var components = 'ictinus._1349kqo';
+var components = 'ictinus._1w8qob1';
 var ictinus = 'ictinus';
 var reset = 'ictinus.reset';
 var theme = 'ictinus.theme';

package/dist/vanilla/src/nav/Nav-css.js

@@ -1,16 +1,17 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/nav/Nav.css.ts.vanilla-CSc2uyiY.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/nav/Nav.css.ts.vanilla-DhJra5VE.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var counter = createRuntimeFn({defaultClassName:'_1apbu4q _1ikk8vc hbyjt8 _9llcbz _1w9dlsy _1i2864 _1uzy6bk _1wglhbc',variantClassNames:{isActive:{true:'_1iurd9n _1ktmfzw',false:'_1aqp893 _1x839k9'}},defaultVariants:{},compoundVariants:[]});
-var nav = createRuntimeFn({defaultClassName:'_1i2864 izl6zf',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var navItem = createRuntimeFn({defaultClassName:'_1d0n9fd _1omqt9v _1i2864 izl6zf _1s8l9fi',variantClassNames:{isDisabled:{true:'s7u3mn'},isActive:{true:'_13g4q6y'}},defaultVariants:{},compoundVariants:[]});
-var navLink = createRuntimeFn({defaultClassName:'qbaczk _1qww7lm _13hr8ps _1ycbigu _1d0n9fd _1omqt9v _1i2864 _1uzy6bk _1wglhbc _1x839k9 _6r30r1 _1lv18br _1mvaw6l',variantClassNames:{isActive:{true:'_1uxyqo _16is3o5'},isDisabled:{true:'airfbe _1tscd91 f4h0fw'}},defaultVariants:{},compoundVariants:[]});
-var navList = createRuntimeFn({defaultClassName:'_1i2864 izl6zf _1aaej69',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var subItem = createRuntimeFn({defaultClassName:'_1d0n9fd _1omqt9v _1i2864 _1uzy6bk _6r30r1',variantClassNames:{isActive:{false:'u3zy45',true:'_1122x9p'}},defaultVariants:{},compoundVariants:[]});
-var subLink = createRuntimeFn({defaultClassName:'_1d0n9fd _1omqt9v _1i2864 _1uzy6bk _6r30r1 _11o39yd _1x839k9 _1lv18br xnkmgd',variantClassNames:{isActive:{true:'_16is3o5 _1uxyqo'},isDisabled:{true:'airfbe _1tscd91 f4h0fw'}},defaultVariants:{},compoundVariants:[]});
-var subList = createRuntimeFn({defaultClassName:'_1ycbigu qbaczk _1i2864 izl6zf h7jfg2',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var counter = createRuntimeFn({defaultClassName:'_1ioby8v _18ubzs5 _3005wn _1sjbnag _5cx1cm _1ce3aso _1bt2kjd _1u9hk6f',variantClassNames:{isActive:{true:'_1yc7aq3 _1pkfynr',false:'_1oy67m7 vmf2a1'}},defaultVariants:{},compoundVariants:[]});
+var nav = createRuntimeFn({defaultClassName:'_1ce3aso _1n61uxd',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var navItem = createRuntimeFn({defaultClassName:'_1mbt6ri _133vzkc _1ce3aso _1n61uxd e9truy',variantClassNames:{isDisabled:{true:'_19kgwmr'},isActive:{true:'_1ppaxt1'}},defaultVariants:{},compoundVariants:[]});
+var navLink = createRuntimeFn({defaultClassName:'dvxhee _1tbpsk2 _1lxkmf8 _17sp3hh _1mbt6ri _133vzkc _1ce3aso _1bt2kjd _1u9hk6f vmf2a1 e6ahlc _1o0l3jm _1g7ynnp',variantClassNames:{isActive:{true:'_163qzge _13bjy6a'},isDisabled:{true:'fayn3a _15azt0f _1exrqfj'}},defaultVariants:{},compoundVariants:[]});
+var navList = createRuntimeFn({defaultClassName:'_1ce3aso _1n61uxd _7kf9u',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var subItem = createRuntimeFn({defaultClassName:'_1mbt6ri _133vzkc _1ce3aso _1bt2kjd e6ahlc',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var subLink = createRuntimeFn({defaultClassName:'_18u2dbx _1mbt6ri _133vzkc _1ce3aso _1bt2kjd e6ahlc xol264 vmf2a1 _1o0l3jm _1o72bys',variantClassNames:{isActive:{true:'_13bjy6a _163qzge'},isDisabled:{true:'fayn3a _15azt0f _1exrqfj'}},defaultVariants:{},compoundVariants:[]});
+var subLinkStatusIndicator = createRuntimeFn({defaultClassName:'_12hv042 _550m0x',variantClassNames:{isActive:{true:'_163qzge _1iubc4n'}},defaultVariants:{},compoundVariants:[]});
+var subList = createRuntimeFn({defaultClassName:'_17sp3hh dvxhee _1ce3aso _1n61uxd urfcao',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
-export { counter, nav, navItem, navLink, navList, subItem, subLink, subList };
+export { counter, nav, navItem, navLink, navList, subItem, subLink, subLinkStatusIndicator, subList };

package/dist/vanilla/src/nav/Nav.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
 import { forwardRef, createContext, useContext } from 'react';
-import { Slot } from '@radix-ui/react-slot';
 import { SlotProvider, useSlotProps } from '../components/utils/Slots.js';
 import '../icons/AccountIcon.js';
 import '../icons/AlbumIcon.js';
@@ -149,7 +149,7 @@ import '../icons/YouTubeIcon.js';
 import { cn } from '../utils/cn.js';
 import { Box } from '../../Box/Box.js';
 import { extractBoxProps } from '../../Box/extractBoxProps.js';
-import { navList, nav, navItem, navLink, counter, subList, subItem, subLink } from './Nav-css.js';
+import { navList, nav, navItem, navLink, counter, subList, subItem, subLink, subLinkStatusIndicator } from './Nav-css.js';
 
 const Nav = forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("nav", { ref, className: cn(nav({}), props.className), children: /* @__PURE__ */ jsx("ul", { className: navList({}), children }) }) });
@@ -236,7 +236,7 @@ const SubNavItem = forwardRef(
     const { boxProps, restProps } = extractBoxProps(props);
     const ctx = useContext(NavItemContext);
     const isDisabled = isDisabledProp ?? ctx.isDisabled;
-    return /* @__PURE__ */ jsx(SubNavItemContext.Provider, { value: { isActive, isDisabled }, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx("li", { ref, className: subItem({ isActive }), ...restProps, children }) }) });
+    return /* @__PURE__ */ jsx(SubNavItemContext.Provider, { value: { isActive, isDisabled }, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx("li", { ref, className: subItem({}), ...restProps, children }) }) });
   }
 );
 SubNavItem.displayName = "SubNavItem";
@@ -286,8 +286,14 @@ const SubNavLink = forwardRef(
             className: subLink({ isActive, isDisabled }),
             ...restProps,
             children: [
-              isActive && /* @__PURE__ */ jsx(StatusIndicatorIcon, { flexShrink: "0", color: "active" }),
-              children
+              /* @__PURE__ */ jsx(
+                StatusIndicatorIcon,
+                {
+                  "aria-hidden": true,
+                  className: subLinkStatusIndicator({ isActive })
+                }
+              ),
+              /* @__PURE__ */ jsx(Slottable, { children })
             ]
           }
         ) })

package/dist/vanilla/src/skeleton/Skeleton-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
-import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-GV-xwC4p.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-BcRKAQD_.css';
+import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-D4xf3GmW.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var skeleton = createRuntimeFn({defaultClassName:'g1hj8t f6ad8k _1u6mlfq _1qjrzaw _19hlgv3',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var skeleton = createRuntimeFn({defaultClassName:'_1xjrka zyvymt v836zr _1gdiugp ycs0ze',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { skeleton };