@orfium/ictinus 5.45.1 → 5.46.0

package/dist/vanilla/index.js

@@ -1,9 +1,13 @@
+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 { Badge, CodeBadge } from './src/badge/Badge.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';
@@ -70,6 +74,7 @@ export { FlagOffIcon } from './src/icons/FlagOffIcon.js';
 export { ForwardIcon } from './src/icons/ForwardIcon.js';
 export { FreezeIcon } from './src/icons/FreezeIcon.js';
 export { HelpIcon } from './src/icons/HelpIcon.js';
+export { IconPrimitive } from './src/icons/IconPrimitive.js';
 export { ImageIcon } from './src/icons/ImageIcon.js';
 export { ImageOffIcon } from './src/icons/ImageOffIcon.js';
 export { IncomeIcon } from './src/icons/IncomeIcon.js';
@@ -161,6 +166,7 @@ export { layers_css as layers };
 export { Nav, NavCount, NavItem, NavLink, SubNavItem, SubNavLink, SubNavList } from './src/nav/Nav.js';
 export { Skeleton } from './src/skeleton/Skeleton.js';
 export { mapResponsiveValue, normalizeResponsiveValue, sprinkles } from './src/sprinkles/sprinkles.js';
+export { Tag, TagGroup, TagList } from './src/tag-group/TagGroup.js';
 export { cn } from './src/utils/cn.js';
 export { Box } from './Box/Box.js';
 export { extractBoxProps } from './Box/extractBoxProps.js';

package/dist/vanilla/package.json.js

@@ -1,3 +1,3 @@
-var version = "5.45.1";
+var version = "5.46.0";
 
 export { version };

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

@@ -1,10 +1,10 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CuOp6byd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BsWotv-l.css';
-import './../../assets/src/actions/ActionsContent.css.ts.vanilla-CUCKXWVY.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-D6kTnJJc.css';
+import './../../assets/src/actions/ActionsContent.css.ts.vanilla-Blx4pWwn.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var content = createRuntimeFn({defaultClassName:'e4kyhu _1eqyydt _1jgimy1 _1m7xtyy',variantClassNames:{visible:{always:'_1qrltgx','if-needed':'sfpymr'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_1soajdx qtpll8 wr5nsf _1jwinhw',variantClassNames:{visible:{always:'_317fc3','if-needed':'_1xdpzp4'}},defaultVariants:{},compoundVariants:[]});
 
 export { content };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CuOp6byd.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BsWotv-l.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-D6kTnJJc.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var root = createRuntimeFn({defaultClassName:'avm8co _19kl6jr',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var root = createRuntimeFn({defaultClassName:'_30kgew e6cwkz',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-CuOp6byd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BsWotv-l.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-CZZZLE6B.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-D6kTnJJc.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-CU7FGH6V.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var avatar = createRuntimeFn({defaultClassName:'_1dc22c0 ojbric zyrect _1w5kp8a hou638 _1glg3jk _1w73c4 v2omc e4kyhu _1id78oz _139j53l btfy0y _8vt52y _1601ph5',variantClassNames:{colorScheme:{blue:'_13w3fss zhey6w _1k5njz9',red:'pk73pl s99nqm _8jfvs9',purple:'tt757n x268bh _1lb18r2',teal:'l3xuna dos9 _737s26',orange:'_1kbrao8 cfdtse _1t1yjvr'},size:{'1':'c8n9zs aqper6 _8w8z6n g172oi q64kj9 pgvnir','2':'_1ox3yev _1hinsx1 h4n5wl jo77jh lo51h5 ocioxq','3':'ky13ag _1tskc2b _1p49bw3 _10czpjz lo51h5 sf9oyc','4':'y4k9pp _1e46fwc iivm8y vdeifb q64kj9 yzn8ig','5':'dg0im3 _2bfsh5 _1rqa6ec _11gcpw3 a6fkph _1nl9qb1','6':'_1jjrbd7 jt7ge0 _18tv2tq _13qw4ti a6fkph un23qy'}},defaultVariants:{colorScheme:'blue',size:'1'},compoundVariants:[]});
-var icon = createRuntimeFn({defaultClassName:'sf0lij wlt19s',variantClassNames:{size:{'1':'_9vhblu','2':'xvkhsm','3':'ftakir','4':'o6rafj','5':'_6kvk4i','6':'cw8m2c'}},defaultVariants:{},compoundVariants:[]});
-var image = 'btfy0y apqrnn _3zv8dq _1wggphn';
+var avatar = createRuntimeFn({defaultClassName:'w7t488 eepk7 _1cfh0v5 _7v036u _1dk51hi nof6hx _1yzcyga _1wc1hmj _1soajdx _1hgt8sr _1big4ky _1gd75ee or1s98 _1y3sibo',variantClassNames:{colorScheme:{blue:'_1pafkoj bg3jrr _1pwzcop',red:'_1t7h4fu _3wwt51 _91vfi9',purple:'_1pyu5zo _6uuyv3 _1rusbj7',teal:'wsrlhh _1uui30t p98n4y',orange:'_1gq4vk7 jxvqcg _1nnicix'},size:{'1':'_1tq691t kopsb2 _71gjci _1o2oaet _10cav2a _1a9v2vk','2':'_20k9sp _1msk2cf _4xzicn _12athca ztfm90 _1xq21ap','3':'_1jvp4ek _1eqxunh h5vpau bdk0z4 ztfm90 _1x2cqmw','4':'zq3ftp _1o3ukz9 _1ecm5i1 _1fj04h3 _10cav2a _16u4ss2','5':'_116cjng _1xh357e _1sqt1cl _2wykvd _1pqypz9 tgfn1o','6':'hrmsa8 _1furgjo lzz2ld _14xdrld _1pqypz9 _1xp0xwi'}},defaultVariants:{colorScheme:'blue',size:'1'},compoundVariants:[]});
+var icon = createRuntimeFn({defaultClassName:'_1s7mh5p epr0wv',variantClassNames:{size:{'1':'_1haocda','2':'ognff','3':'r8obr0','4':'n3qg13','5':'_7qohy2','6':'p7mnhg'}},defaultVariants:{},compoundVariants:[]});
+var image = '_1gd75ee _1hl8h14 _1iprhki t8ipa4';
 
 export { avatar, icon, image };

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

@@ -1,10 +1,10 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CuOp6byd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BsWotv-l.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-D6kTnJJc.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var avatarGroup = createRuntimeFn({defaultClassName:'jzqj6k _1eqyydt e4kyhu',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var className = 'jzqj6k';
+var avatarGroup = createRuntimeFn({defaultClassName:'_1v8k1bi qtpll8 _1soajdx',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var className = '_1v8k1bi';
 
 export { avatarGroup, className };

package/dist/vanilla/src/badge/Badge-css.js

@@ -0,0 +1,12 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
+import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import 'src/badge/Badge.css.ts.vanilla.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var badge = createRuntimeFn({defaultClassName:'tz52sz mp3rth _1cfh0v5 _7v036u _1dk51hi nof6hx _1yzcyga _1wc1hmj _1soajdx _1big4ky _1uawgcj _15hgqp2',variantClassNames:{size:{normal:'_1msk2cf amrd6a',small:'kopsb2 io55qc _1jodfe5'},colorScheme:{neutral:'_16qs46f _123rexg bg3jrr',blue:'mmbx8h _123rexg bg3jrr',red:'_6wrj4a rbu8ly _3wwt51',purple:'_1uljv6g kqy326 _6uuyv3',teal:'thuwpb bg26sy _1uui30t',orange:'_1970w27 _94viwn jxvqcg'}},defaultVariants:{size:'normal',colorScheme:'neutral'},compoundVariants:[]});
+var badgeText = createRuntimeFn({defaultClassName:'dsmvkw',variantClassNames:{size:{normal:'tz52sz mp3rth _1j49vwc',small:'aqnkm7'}},defaultVariants:{size:'normal'},compoundVariants:[]});
+var codeBadge = createRuntimeFn({defaultClassName:'tz52sz mp3rth _1yzcyga _1wc1hmj _1soajdx _1big4ky _1x4s9ot _1uawgcj _15hgqp2',variantClassNames:{size:{normal:'_1msk2cf amrd6a',small:'kopsb2 io55qc _1jodfe5'}},defaultVariants:{size:'normal'},compoundVariants:[]});
+var codeBadgeText = createRuntimeFn({defaultClassName:'_1le9b1l',variantClassNames:{size:{normal:'tz52sz mp3rth _5arml9',small:'_1q2os7l'}},defaultVariants:{size:'normal'},compoundVariants:[]});
+
+export { badge, badgeText, codeBadge, codeBadgeText };

package/dist/vanilla/src/badge/Badge.js

@@ -0,0 +1,48 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useSlotProps, SlotProvider } from '../components/utils/Slots.js';
+import { useDOMRef } from '../components/utils/useDOMRef.js';
+import { cn } from '../utils/cn.js';
+import { Box } from '../../Box/Box.js';
+import '../sprinkles/sprinkles.js';
+import { Text } from '../../Text/Text.js';
+import { badgeText, badge, codeBadgeText, codeBadge } from './Badge-css.js';
+
+const Badge = forwardRef(
+  (props, ref) => {
+    props = useSlotProps(props, "badge");
+    const { children, className, colorScheme, size, ...restProps } = props;
+    const domRef = useDOMRef(ref);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, className: cn(badge({ colorScheme, size }), className), ...restProps, children: /* @__PURE__ */ jsx("span", { ref: domRef, children: /* @__PURE__ */ jsx(
+      SlotProvider,
+      {
+        slots: {
+          icon: { size: size === "small" ? "xs" : "sm", flexShrink: "0" },
+          text: { className: badgeText({ size }) }
+        },
+        children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { children }) : children
+      }
+    ) }) });
+  }
+);
+Badge.displayName = "Badge";
+const CodeBadge = forwardRef(
+  (props, ref) => {
+    props = useSlotProps(props, "codeBadge");
+    const { children, className, size, ...restProps } = props;
+    const domRef = useDOMRef(ref);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, className: cn(codeBadge({ size }), className), ...restProps, children: /* @__PURE__ */ jsx("span", { ref: domRef, children: /* @__PURE__ */ jsx(
+      SlotProvider,
+      {
+        slots: {
+          icon: { size: size === "small" ? "xs" : "sm", flexShrink: "0" },
+          text: { className: codeBadgeText({ size }) }
+        },
+        children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { children }) : children
+      }
+    ) }) });
+  }
+);
+CodeBadge.displayName = "CodeBadge";
+
+export { Badge, CodeBadge };

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

@@ -1,11 +1,11 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CuOp6byd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
-import './../../assets/src/button/Button.css.ts.vanilla-DWGwo7ec.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import './../../assets/src/button/Button.css.ts.vanilla-oeHduGpK.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var button = createRuntimeFn({defaultClassName:'_1w73c4 v2omc e4kyhu _139j53l ffkg7m _1amjtlu _1a66uz3 m994ye _1601ph5 _12ayxfv _1k49wjf',variantClassNames:{variant:{primary:'a0qrbh _1p4dfqb _1rnnzlr _1can7yp',secondary:'wr120g _1kgl154 f4ax3u zhey6w',tertiary:'_1s6uvt4 wrj3t7 _1t2regu zhey6w',danger:'pk73pl _1yaf329 h6vhb2 s99nqm'},size:{normal:'x53okh _8pstnr j6179y',compact:'_1k30beh _1f3fbh0 _120n8s4'},iconOnly:{true:'ueis8v euqy4s _1id78oz'},circle:{true:'btfy0y'},isPending:{true:'_1hqprht'},isDisabled:{true:'_1grs63f _1hkbsn5'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'h2gynz'],[{iconOnly:true,size:'compact'},'_5itjk8'],[{isPending:true,variant:'primary'},'_1q5jywz _1qsh0s6 _1rnnzlr'],[{isPending:true,variant:'secondary'},'ezbie7 _1y8rzl8 f4ax3u'],[{isPending:true,variant:'tertiary'},'_5civ7w ify5ga _1t2regu'],[{isPending:true,variant:'danger'},'_19ch8z5 krvtmu h6vhb2'],[{isDisabled:true,variant:'primary'},'a0qrbh _16dlvx8 _8pc39z'],[{isDisabled:true,variant:'secondary'},'wr120g d2txqd t6ajbx'],[{isDisabled:true,variant:'tertiary'},'_1s6uvt4 vuubb7 _1bpmx0g'],[{isDisabled:true,variant:'danger'},'pk73pl db7ruj _19gudvg']]});
-var progress = '_1yy7hvs _1x671mg';
-var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'_1f3fbh0 _120n8s4 a913k4',compact:'_1f3fbh0 _120n8s4 _93z3md'},isPending:{true:'_1fwaui1'}},defaultVariants:{},compoundVariants:[]});
+var button = createRuntimeFn({defaultClassName:'_1yzcyga _1wc1hmj _1soajdx _1big4ky amrd6a _6hkgrq gc2cvr _12vx1s6 _1y3sibo _15hgqp2 kjgyle',variantClassNames:{variant:{primary:'we0p76 _9gsp51 ohgz4y _16x2wlc',secondary:'_1cx2qbs _1hvqrgr jwhij8 bg3jrr',tertiary:'_1cyr6e4 _18ay848 _1hbnwdu bg3jrr',danger:'_1t7h4fu _1pmil3w ywa05r _3wwt51'},size:{normal:'fdfz6n qsyol5 xdu8sx',compact:'_13a7x64 tz52sz mp3rth'},iconOnly:{true:'qyojto _1eq18yk _1hgt8sr'},circle:{true:'_1gd75ee'},isPending:{true:'_1uawgcj'},isDisabled:{true:'jixq3 _28lefr'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'f8p7q'],[{iconOnly:true,size:'compact'},'n0ha8o'],[{isPending:true,variant:'primary'},'_1759b77 _6b2mhc ohgz4y'],[{isPending:true,variant:'secondary'},'_1x4s9ot x46csc jwhij8'],[{isPending:true,variant:'tertiary'},'_1jaybuq _1s9bwu5 _1hbnwdu'],[{isPending:true,variant:'danger'},'_19bmyg2 o6j6ub ywa05r'],[{isDisabled:true,variant:'primary'},'we0p76 _18hs6gb _8iqkzo'],[{isDisabled:true,variant:'secondary'},'_1cx2qbs _49su7h _1thqjqx'],[{isDisabled:true,variant:'tertiary'},'_1cyr6e4 _13y0hh7 _1b4zann'],[{isDisabled:true,variant:'danger'},'_1t7h4fu xb7t0c qkxlpc']]});
+var progress = '_1cjjvch _32oevx';
+var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'tz52sz mp3rth _1j49vwc',compact:'tz52sz mp3rth aqnkm7'},isPending:{true:'_1ro1ku'}},defaultVariants:{},compoundVariants:[]});
 
 export { button, progress, text };

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

@@ -7,7 +7,7 @@ import { cn } from '../utils/cn.js';
 import { Box } from '../../Box/Box.js';
 import { extractBoxProps } from '../../Box/extractBoxProps.js';
 import { Text } from '../../Text/Text.js';
-import { text, progress, button } from './Button-css.js';
+import { progress, text, button } from './Button-css.js';
 
 const Button = forwardRef(
   ({

package/dist/vanilla/src/components/Controls/CheckBox/CheckBox.js

@@ -6,7 +6,7 @@ import Box from '../../Box/Box.js';
 import Icon from '../../Icon/Icon.js';
 import ControlHelpText from '../ControlLabel/ControlHelpText.js';
 import ControlLabelText from '../ControlLabel/ControlLabelText.js';
-import { checkboxWrapperStyles, checkboxStyles } from './CheckBox.style.js';
+import { checkboxStyles, checkboxWrapperStyles } from './CheckBox.style.js';
 
 const CheckBox = React__default.forwardRef((props, ref) => {
   const {

package/dist/vanilla/src/components/Controls/Radio/Radio.js

@@ -48,5 +48,3 @@ const Radio = React.forwardRef((props, ref) => {
   );
 });
 Radio.displayName = "Radio";
-
-export { Radio as default };

package/dist/vanilla/src/components/Controls/Radio/components/RadioGroup/RadioGroup.js

@@ -21,5 +21,3 @@ const RadioGroup = React.forwardRef((props, ref) => {
   );
 });
 RadioGroup.displayName = "RadioGroup";
-
-export { RadioGroup as default };

package/dist/vanilla/src/components/Controls/Switch/Switch.js

@@ -5,7 +5,7 @@ import ControlHelpText from '../ControlLabel/ControlHelpText.js';
 import ControlLabelText from '../ControlLabel/ControlLabelText.js';
 import { rem } from 'polished';
 import Box from '../../Box/Box.js';
-import { switchWrapperStyles, switchStyles } from './Switch.style.js';
+import { switchStyles, switchWrapperStyles } from './Switch.style.js';
 
 const Switch = React.forwardRef((props, ref) => {
   const {
@@ -63,7 +63,7 @@ const Switch = React.forwardRef((props, ref) => {
     helpText && /* @__PURE__ */ jsx(
       Box,
       {
-        css: { ...placement === "left" ? { paddingRight: rem(48) } : { paddingLeft: rem(48) } },
+        css: placement === "left" ? { paddingRight: rem(48) } : { paddingLeft: rem(48) },
         "data-disabled": isDisabled,
         children: /* @__PURE__ */ jsx(ControlHelpText, { helpText, children: helpText })
       }

package/dist/vanilla/src/components/Icon/Icon.js

@@ -5,7 +5,7 @@ import useCombinedRefs from '../../hooks/useCombinedRefs.js';
 import * as React from 'react';
 import { useRef } from 'react';
 import iconSelector from './assets/iconSelector.js';
-import { iconContainerStyles, iconStyles } from './Icon.style.js';
+import { iconStyles, iconContainerStyles } from './Icon.style.js';
 
 const Icon = React.forwardRef((props, ref) => {
   props = useSlotProps(props, "icon");

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

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
+import './../../assets/src/cover/Cover.css.ts.vanilla-C7DEoyT4.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var cover = createRuntimeFn({defaultClassName:'p9ac5o',variantClassNames:{disabled:{false:'_1m2ybdo _1e3qdxv',true:'eht13c'},inset:{false:'_1shyp8j',true:'_67ql6g'}},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-CuOp6byd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
-import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-DsvTxUhf.css';
-import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-hZeHXPeK.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-Ce2GojWZ.css';
+import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-CV2meKzA.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'_16ngd _10z7v33 _1eqyydt _1meproa',variantClassNames:{pinned:{left:'_1tr0y7u',right:'n658la'},resizable:{false:'cswcw4',true:'_11pvx48'}},defaultVariants:{},compoundVariants:[]});
-var cellOffsetVar = 'var(--efiqpe)';
-var cellSizeVar = 'var(--_8p7p3k)';
-var leftTotalSizeVar = 'var(--tf7nee)';
-var rightTotalSizeVar = 'var(--j7dc2j)';
-var root = createRuntimeFn({defaultClassName:'_1dc22c0 ojbric ffkg7m _1g9i2af _1eqyydt _1dd6ys _1529k1j',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var totalSizeVar = 'var(--ea13ob)';
+var cell = createRuntimeFn({defaultClassName:'_16qs46f _68xa3k qtpll8 dbpgw3',variantClassNames:{pinned:{left:'_1of921m',right:'_1wbknvy'},resizable:{false:'j19qyv',true:'ka09cj'}},defaultVariants:{},compoundVariants:[]});
+var cellOffsetVar = 'var(--_99akni)';
+var cellSizeVar = 'var(--sn7t0k)';
+var leftTotalSizeVar = 'var(--zzm1vf)';
+var rightTotalSizeVar = 'var(--_1xyneag)';
+var root = createRuntimeFn({defaultClassName:'w7t488 eepk7 amrd6a jq31zo qtpll8 _15qvxga _1ohf56r',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var totalSizeVar = 'var(--_1vgttvo)';
 
 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/DataTableEditColumns.js

@@ -65,6 +65,7 @@ import '../icons/FlagOffIcon.js';
 import '../icons/ForwardIcon.js';
 import '../icons/FreezeIcon.js';
 import '../icons/HelpIcon.js';
+import '../icons/IconPrimitive.js';
 import '../icons/ImageIcon.js';
 import '../icons/ImageOffIcon.js';
 import '../icons/IncomeIcon.js';

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

@@ -1,14 +1,14 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CuOp6byd.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-IMjbF_n6.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
-import './../../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-BTAe_sKO.css';
-import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-DsvTxUhf.css';
-import './../../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-CXhM02nT.css';
-import './../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-oEbGsneI.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-CgAnwoJl.css';
+import './../../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-BFUvzHUo.css';
+import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-Ce2GojWZ.css';
+import './../../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-BEjMlivm.css';
+import './../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-B6ro3v2t.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var handle = createRuntimeFn({defaultClassName:'_3zv8dq _1fcvr6z _1unjfa6',variantClassNames:{resizing:{false:'_1rtyug1',true:'_1wo4uar'}},defaultVariants:{},compoundVariants:[]});
-createRuntimeFn({defaultClassName:'_1e46fwc wng2pk kwydzn _1q3s08s',variantClassNames:{active:{false:'d6dhth',true:'s0mdck'}},defaultVariants:{},compoundVariants:[]});
-var label = createRuntimeFn({defaultClassName:'hchpq4',variantClassNames:{sortDir:{false:'_1j4v032',true:'od3r8h'}},defaultVariants:{},compoundVariants:[]});
+var handle = createRuntimeFn({defaultClassName:'_1iprhki _123rexg _16cjsyb',variantClassNames:{resizing:{false:'w9lyc4',true:'_1ba7qbs'}},defaultVariants:{},compoundVariants:[]});
+createRuntimeFn({defaultClassName:'_1o3ukz9 _1j3hdxk _12dnh6i xo26au',variantClassNames:{active:{false:'_11la3wk',true:'smfpuw'}},defaultVariants:{},compoundVariants:[]});
+var label = createRuntimeFn({defaultClassName:'_1mw3kr8',variantClassNames:{sortDir:{false:'_1txxgjt',true:'_1033zfj'}},defaultVariants:{},compoundVariants:[]});
 
 export { handle, label };

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

@@ -67,6 +67,7 @@ import '../icons/FlagOffIcon.js';
 import '../icons/ForwardIcon.js';
 import { FreezeIcon } from '../icons/FreezeIcon.js';
 import '../icons/HelpIcon.js';
+import '../icons/IconPrimitive.js';
 import '../icons/ImageIcon.js';
 import '../icons/ImageOffIcon.js';
 import '../icons/IncomeIcon.js';

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/icon/Icon.js

@@ -57,6 +57,7 @@ import { FlagOffIcon } from '../icons/FlagOffIcon.js';
 import { ForwardIcon } from '../icons/ForwardIcon.js';
 import { FreezeIcon } from '../icons/FreezeIcon.js';
 import { HelpIcon } from '../icons/HelpIcon.js';
+import '../icons/IconPrimitive.js';
 import { ImageIcon } from '../icons/ImageIcon.js';
 import { ImageOffIcon } from '../icons/ImageOffIcon.js';
 import { IncomeIcon } from '../icons/IncomeIcon.js';

package/dist/vanilla/src/icons/AccountIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const AccountIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const AccountIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M5.10531 13.9746C5.83023 13.4459 6.6012 13.0396 7.41823 12.7558C8.23525 12.472 9.09584 12.3301 10 12.3301C10.9042 12.3301 11.7647 12.472 12.5818 12.7558C13.3988 13.0396 14.1698 13.4459 14.8947 13.9746C15.3776 13.3792 15.7376 12.7551 15.9746 12.1023C16.2116 11.4496 16.3301 10.7488 16.3301 10C16.3301 8.26537 15.7088 6.77669 14.466 5.53397C13.2233 4.29125 11.7346 3.66989 10 3.66989C8.26537 3.66989 6.77669 4.29125 5.53397 5.53397C4.29125 6.77669 3.66989 8.26537 3.66989 10C3.66989 10.7488 3.78839 11.4496 4.02538 12.1023C4.26238 12.7551 4.62236 13.3792 5.10531 13.9746ZM10.0016 11.0485C9.16208 11.0485 8.45358 10.7603 7.87603 10.1838C7.29849 9.60727 7.00972 8.89928 7.00972 8.0598C7.00972 7.22033 7.29797 6.51182 7.87448 5.93428C8.45097 5.35674 9.15896 5.06797 9.99845 5.06797C10.8379 5.06797 11.5464 5.35622 12.124 5.93273C12.7015 6.50922 12.9903 7.21721 12.9903 8.05669C12.9903 8.89617 12.702 9.60467 12.1255 10.1822C11.549 10.7598 10.841 11.0485 10.0016 11.0485ZM10 18C8.91062 18 7.87803 17.7894 6.90223 17.3683C5.92642 16.9472 5.07753 16.3739 4.35556 15.6484C3.63359 14.9229 3.06051 14.0724 2.63631 13.0971C2.2121 12.1217 2 11.0861 2 9.99029C2 8.89444 2.2121 7.86209 2.63631 6.89322C3.06051 5.92433 3.63359 5.07714 4.35556 4.35164C5.07753 3.62615 5.92642 3.05284 6.90223 2.63171C7.87803 2.21057 8.91386 2 10.0097 2C11.1056 2 12.1379 2.2121 13.1068 2.63631C14.0757 3.06051 14.9213 3.63382 15.6438 4.35624C16.3662 5.07867 16.9395 5.92381 17.3637 6.89164C17.7879 7.85948 18 8.8956 18 10C18 11.0894 17.7894 12.122 17.3683 13.0978C16.9472 14.0736 16.3739 14.9225 15.6484 15.6444C14.9229 16.3664 14.0762 16.9395 13.1084 17.3637C12.1405 17.7879 11.1044 18 10 18Z",

package/dist/vanilla/src/icons/AlbumIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const AlbumIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const AlbumIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     fillRule: "evenodd",

package/dist/vanilla/src/icons/AnalyticsIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const AnalyticsIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const AnalyticsIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M2.99531 17.5C2.71987 17.5 2.48513 17.4013 2.29108 17.2038C2.09703 17.0064 2 16.7675 2 16.4873C2 16.207 2.09703 15.9682 2.29108 15.7707C2.48513 15.5732 2.71987 15.4745 2.99531 15.4745H17.0047C17.2801 15.4745 17.5149 15.5732 17.7089 15.7707C17.903 15.9682 18 16.207 18 16.4873C18 16.7675 17.903 17.0064 17.7089 17.2038C17.5149 17.4013 17.2801 17.5 17.0047 17.5H2.99531ZM4.00939 14.328C3.62858 14.328 3.3049 14.1924 3.03835 13.9212C2.77178 13.6499 2.6385 13.3206 2.6385 12.9331V10.0096C2.6385 9.62208 2.77178 9.29273 3.03835 9.0215C3.3049 8.75027 3.62858 8.61465 4.00939 8.61465C4.3902 8.61465 4.71388 8.75027 4.98043 9.0215C5.247 9.29273 5.38028 9.62208 5.38028 10.0096V12.9331C5.38028 13.3206 5.247 13.6499 4.98043 13.9212C4.71388 14.1924 4.3902 14.328 4.00939 14.328ZM7.99061 14.328C7.6098 14.328 7.28612 14.1924 7.01957 13.9212C6.753 13.6499 6.61972 13.3206 6.61972 12.9331V6.1879C6.61972 5.80042 6.753 5.47107 7.01957 5.19985C7.28612 4.92861 7.6098 4.79299 7.99061 4.79299C8.37142 4.79299 8.6951 4.92861 8.96165 5.19985C9.22822 5.47107 9.3615 5.80042 9.3615 6.1879V12.9331C9.3615 13.3206 9.22822 13.6499 8.96165 13.9212C8.6951 14.1924 8.37142 14.328 7.99061 14.328ZM11.9906 14.328C11.6098 14.328 11.2861 14.1924 11.0196 13.9212C10.753 13.6499 10.6197 13.3206 10.6197 12.9331V8.48089C10.6197 8.09341 10.753 7.76406 11.0196 7.49284C11.2861 7.2216 11.6098 7.08599 11.9906 7.08599C12.3714 7.08599 12.6951 7.2216 12.9617 7.49284C13.2282 7.76406 13.3615 8.09341 13.3615 8.48089V12.9331C13.3615 13.3206 13.2282 13.6499 12.9617 13.9212C12.6951 14.1924 12.3714 14.328 11.9906 14.328ZM15.9906 14.328C15.6098 14.328 15.2861 14.1924 15.0196 13.9212C14.753 13.6499 14.6197 13.3206 14.6197 12.9331V3.8949C14.6197 3.50743 14.753 3.17808 15.0196 2.90685C15.2861 2.63562 15.6098 2.5 15.9906 2.5C16.3714 2.5 16.6951 2.63562 16.9617 2.90685C17.2282 3.17808 17.3615 3.50743 17.3615 3.8949V12.9331C17.3615 13.3206 17.2282 13.6499 16.9617 13.9212C16.6951 14.1924 16.3714 14.328 15.9906 14.328Z",

package/dist/vanilla/src/icons/AppsIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const AppsIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const AppsIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M4.71078 17C4.2265 17 3.8203 16.8344 3.49217 16.5031C3.16406 16.1718 3 15.764 3 15.2797C3 14.7954 3.16565 14.3892 3.49694 14.0611C3.82822 13.733 4.236 13.5689 4.72027 13.5689C5.20455 13.5689 5.61075 13.7346 5.93888 14.0659C6.267 14.3972 6.43106 14.8049 6.43106 15.2892C6.43106 15.7735 6.26541 16.1797 5.93411 16.5078C5.60283 16.8359 5.19506 17 4.71078 17ZM9.99525 17C9.51098 17 9.10477 16.8344 8.77664 16.5031C8.44853 16.1718 8.28447 15.764 8.28447 15.2797C8.28447 14.7954 8.45012 14.3892 8.78141 14.0611C9.11269 13.733 9.52047 13.5689 10.0047 13.5689C10.489 13.5689 10.8952 13.7346 11.2234 14.0659C11.5515 14.3972 11.7155 14.8049 11.7155 15.2892C11.7155 15.7735 11.5499 16.1797 11.2186 16.5078C10.8873 16.8359 10.4795 17 9.99525 17ZM15.2797 17C14.7955 17 14.3892 16.8344 14.0611 16.5031C13.733 16.1718 13.5689 15.764 13.5689 15.2797C13.5689 14.7954 13.7346 14.3892 14.0659 14.0611C14.3972 13.733 14.8049 13.5689 15.2892 13.5689C15.7735 13.5689 16.1797 13.7346 16.5078 14.0659C16.8359 14.3972 17 14.8049 17 15.2892C17 15.7735 16.8344 16.1797 16.5031 16.5078C16.1718 16.8359 15.764 17 15.2797 17ZM4.71078 11.7155C4.2265 11.7155 3.8203 11.5499 3.49217 11.2186C3.16406 10.8873 3 10.4795 3 9.99525C3 9.51098 3.16565 9.10478 3.49694 8.77665C3.82822 8.44853 4.236 8.28447 4.72027 8.28447C5.20455 8.28447 5.61075 8.45012 5.93888 8.78141C6.267 9.11269 6.43106 9.52047 6.43106 10.0047C6.43106 10.489 6.26541 10.8952 5.93411 11.2234C5.60283 11.5515 5.19506 11.7155 4.71078 11.7155ZM9.99525 11.7155C9.51098 11.7155 9.10477 11.5499 8.77664 11.2186C8.44853 10.8873 8.28447 10.4795 8.28447 9.99525C8.28447 9.51098 8.45012 9.10478 8.78141 8.77665C9.11269 8.44853 9.52047 8.28447 10.0047 8.28447C10.489 8.28447 10.8952 8.45012 11.2234 8.78141C11.5515 9.11269 11.7155 9.52047 11.7155 10.0047C11.7155 10.489 11.5499 10.8952 11.2186 11.2234C10.8873 11.5515 10.4795 11.7155 9.99525 11.7155ZM15.2797 11.7155C14.7955 11.7155 14.3892 11.5499 14.0611 11.2186C13.733 10.8873 13.5689 10.4795 13.5689 9.99525C13.5689 9.51098 13.7346 9.10478 14.0659 8.77665C14.3972 8.44853 14.8049 8.28447 15.2892 8.28447C15.7735 8.28447 16.1797 8.45012 16.5078 8.78141C16.8359 9.11269 17 9.52047 17 10.0047C17 10.489 16.8344 10.8952 16.5031 11.2234C16.1718 11.5515 15.764 11.7155 15.2797 11.7155ZM4.71078 6.43106C4.2265 6.43106 3.8203 6.26541 3.49217 5.93411C3.16406 5.60283 3 5.19506 3 4.71078C3 4.22651 3.16565 3.8203 3.49694 3.49217C3.82822 3.16406 4.236 3 4.72027 3C5.20455 3 5.61075 3.16565 5.93888 3.49694C6.267 3.82822 6.43106 4.236 6.43106 4.72027C6.43106 5.20455 6.26541 5.61075 5.93411 5.93888C5.60283 6.267 5.19506 6.43106 4.71078 6.43106ZM9.99525 6.43106C9.51098 6.43106 9.10477 6.26541 8.77664 5.93411C8.44853 5.60283 8.28447 5.19506 8.28447 4.71078C8.28447 4.22651 8.45012 3.8203 8.78141 3.49217C9.11269 3.16406 9.52047 3 10.0047 3C10.489 3 10.8952 3.16565 11.2234 3.49694C11.5515 3.82822 11.7155 4.236 11.7155 4.72027C11.7155 5.20455 11.5499 5.61075 11.2186 5.93888C10.8873 6.267 10.4795 6.43106 9.99525 6.43106ZM15.2797 6.43106C14.7955 6.43106 14.3892 6.26541 14.0611 5.93411C13.733 5.60283 13.5689 5.19506 13.5689 4.71078C13.5689 4.22651 13.7346 3.8203 14.0659 3.49217C14.3972 3.16406 14.8049 3 15.2892 3C15.7735 3 16.1797 3.16565 16.5078 3.49694C16.8359 3.82822 17 4.236 17 4.72027C17 5.20455 16.8344 5.61075 16.5031 5.93888C16.1718 6.267 15.764 6.43106 15.2797 6.43106Z",

package/dist/vanilla/src/icons/ArrowDownIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const ArrowDownIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const ArrowDownIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M15.7443 10.7719L10.6663 15.7328C10.5687 15.8281 10.464 15.8965 10.3522 15.9379C10.2403 15.9793 10.1253 16 10.007 16C9.88872 16 9.77366 15.9793 9.66182 15.9379C9.54995 15.8965 9.44524 15.8281 9.34768 15.7328L4.24311 10.7459C4.07261 10.5794 3.99179 10.3892 4.00066 10.1755C4.00954 9.96173 4.09922 9.77157 4.26971 9.605C4.44513 9.43845 4.64544 9.35637 4.87063 9.35877C5.09582 9.36119 5.29366 9.44567 5.46416 9.61223L9.18064 13.243V4.8073C9.18064 4.58489 9.26145 4.39474 9.42307 4.23685C9.58469 4.07895 9.77933 4 10.007 4C10.2346 4 10.4293 4.07895 10.5909 4.23685C10.7525 4.39474 10.8333 4.58489 10.8333 4.8073V13.243L14.5764 9.58623C14.7469 9.41967 14.9403 9.34072 15.1566 9.34938C15.373 9.35806 15.5688 9.44567 15.7443 9.61223C15.9148 9.78361 16 9.97809 16 10.1957C16 10.4133 15.9148 10.6054 15.7443 10.7719Z",

package/dist/vanilla/src/icons/ArrowLeftIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const ArrowLeftIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const ArrowLeftIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M8.72808 15.7443L3.76717 10.6663C3.67185 10.5687 3.60349 10.464 3.56209 10.3522C3.5207 10.2403 3.5 10.1253 3.5 10.007C3.5 9.88872 3.5207 9.77366 3.56209 9.66182C3.60349 9.54995 3.67185 9.44524 3.76717 9.34768L8.75406 4.24311C8.92063 4.07261 9.11079 3.99179 9.32454 4.00066C9.53827 4.00954 9.72843 4.09922 9.895 4.26971C10.0616 4.44513 10.1436 4.64544 10.1412 4.87063C10.1388 5.09582 10.0543 5.29366 9.88777 5.46416L6.25696 9.18064H14.6927C14.9151 9.18064 15.1053 9.26145 15.2632 9.42307C15.4211 9.58469 15.5 9.77933 15.5 10.007C15.5 10.2346 15.4211 10.4293 15.2632 10.5909C15.1053 10.7525 14.9151 10.8333 14.6927 10.8333H6.25696L9.91377 14.5764C10.0803 14.7469 10.1593 14.9403 10.1506 15.1566C10.1419 15.373 10.0543 15.5688 9.88777 15.7443C9.71639 15.9148 9.52191 16 9.30432 16C9.08672 16 8.89464 15.9148 8.72808 15.7443Z",

package/dist/vanilla/src/icons/ArrowRightIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const ArrowRightIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const ArrowRightIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M10.7719 15.7443L15.7328 10.6663C15.8281 10.5687 15.8965 10.464 15.9379 10.3522C15.9793 10.2403 16 10.1253 16 10.007C16 9.88872 15.9793 9.77366 15.9379 9.66182C15.8965 9.54995 15.8281 9.44524 15.7328 9.34768L10.7459 4.24311C10.5794 4.07261 10.3892 3.99179 10.1755 4.00066C9.96173 4.00954 9.77157 4.09922 9.605 4.26971C9.43845 4.44513 9.35637 4.64544 9.35877 4.87063C9.36119 5.09582 9.44567 5.29366 9.61223 5.46416L13.243 9.18064H4.8073C4.58489 9.18064 4.39474 9.26145 4.23685 9.42307C4.07895 9.58469 4 9.77933 4 10.007C4 10.2346 4.07895 10.4293 4.23685 10.5909C4.39474 10.7525 4.58489 10.8333 4.8073 10.8333H13.243L9.58623 14.5764C9.41967 14.7469 9.34072 14.9403 9.34938 15.1566C9.35806 15.373 9.44567 15.5688 9.61223 15.7443C9.78361 15.9148 9.97809 16 10.1957 16C10.4133 16 10.6054 15.9148 10.7719 15.7443Z",

package/dist/vanilla/src/icons/ArrowUpIcon.js

@@ -1,8 +1,8 @@
 import { jsx } from '@emotion/react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Icon } from './Icon.js';
+import { IconPrimitive } from './IconPrimitive.js';
 
-const ArrowUpIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+const ArrowUpIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconPrimitive, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
   "path",
   {
     d: "M15.7443 9.22808L10.6663 4.26717C10.5687 4.17185 10.464 4.10349 10.3522 4.06209C10.2403 4.0207 10.1253 4 10.007 4C9.88872 4 9.77366 4.0207 9.66182 4.06209C9.54995 4.10349 9.44524 4.17185 9.34768 4.26717L4.24311 9.25406C4.07261 9.42063 3.99179 9.61079 4.00066 9.82454C4.00954 10.0383 4.09922 10.2284 4.26971 10.395C4.44513 10.5616 4.64544 10.6436 4.87063 10.6412C5.09582 10.6388 5.29366 10.5543 5.46416 10.3878L9.18064 6.75696V15.1927C9.18064 15.4151 9.26145 15.6053 9.42307 15.7632C9.58469 15.9211 9.77933 16 10.007 16C10.2346 16 10.4293 15.9211 10.5909 15.7632C10.7525 15.6053 10.8333 15.4151 10.8333 15.1927V6.75696L14.5764 10.4138C14.7469 10.5803 14.9403 10.6593 15.1566 10.6506C15.373 10.6419 15.5688 10.5543 15.7443 10.3878C15.9148 10.2164 16 10.0219 16 9.80432C16 9.58672 15.9148 9.39464 15.7443 9.22808Z",