@orfium/ictinus 5.45.2 → 5.46.0

package/dist/vanilla/index.js

@@ -4,6 +4,7 @@ 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';
@@ -73,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';
@@ -164,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.2";
+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-DFmEGtie.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-BcRKAQD_.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.css';
-import './../../assets/src/actions/ActionsContent.css.ts.vanilla-BZf5EbPi.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:'_1bt2kjd iszkrt qpgxt5 njochf',variantClassNames:{visible:{always:'flhd91','if-needed':'_1rcqrid'}},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-DFmEGtie.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.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:'_1iu0ki5 u670oz',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-DFmEGtie.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-BcRKAQD_.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.css';
-import './../../assets/src/avatar/Avatar.css.ts.vanilla-BRhHBoq9.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:'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';
+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-DFmEGtie.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-BcRKAQD_.css';
-import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-z3uMcKT_.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:'_1vfz91p iszkrt _1bt2kjd',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var className = '_1vfz91p';
+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-DFmEGtie.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-BcRKAQD_.css';
-import './../../assets/src/button/Button.css.ts.vanilla-DueIYPl1.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:'_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:[]});
+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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.css';
-import './../../assets/src/cover/Cover.css.ts.vanilla-D3GnlIpg.css';
+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:'_12l0253',variantClassNames:{disabled:{false:'qbnlva h0hgl1',true:'_1mb1i9a'},inset:{false:'y3ael7',true:'bmea9e'}},defaultVariants:{},compoundVariants:[]});
+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/data-table/DataTableBody-css.js

@@ -1,16 +1,16 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-DFmEGtie.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-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 './../../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:'_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)';
+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/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-DFmEGtie.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-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 './../../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:'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:[]});
+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/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",

package/dist/vanilla/src/icons/ArtistIcon.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 ArtistIcon = 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 ArtistIcon = 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.30485 17.3949C5.12204 17.5329 4.93849 17.535 4.7542 17.4012C4.56991 17.2674 4.50494 17.0869 4.55929 16.8597L6.01039 11.8792L2.21442 9.00692C2.01877 8.86378 1.95701 8.67862 2.02914 8.45146C2.10128 8.22428 2.25444 8.11069 2.48864 8.11069H7.18876L8.69766 2.86877C8.7362 2.75777 8.79672 2.66856 8.87923 2.60114C8.96175 2.53371 9.05191 2.5 9.14973 2.5C9.24756 2.5 9.33772 2.53371 9.42023 2.60114C9.50274 2.66856 9.56327 2.75777 9.60181 2.86877L11.1107 8.11069H15.8108C16.045 8.11069 16.1982 8.22428 16.2703 8.45146C16.3425 8.67862 16.2807 8.86378 16.0851 9.00692L12.2891 11.8792L13.7402 16.8597C13.7945 17.0869 13.7296 17.2674 13.5453 17.4012C13.361 17.535 13.1774 17.5329 12.9946 17.3949L9.14973 14.3282L5.30485 17.3949ZM16.4171 17.1118L15.1083 16.0537L14.0307 12.3568L16.2615 10.6811H17.5791C17.6355 10.6811 17.7404 10.7973 17.8941 11.0296C18.0478 11.262 18.0342 11.4445 17.8534 11.5773L16.0836 12.9014L17.1552 16.5641C17.2046 16.7757 17.1051 16.9271 16.8565 17.0184C16.608 17.1097 16.4615 17.1408 16.4171 17.1118ZM12.2402 6.4925L11.6532 4.45113L12.1127 2.87653C12.1512 2.76555 12.2118 2.67764 12.2943 2.61281C12.3768 2.54797 12.467 2.51556 12.5648 2.51556C12.6626 2.51556 12.7528 2.54668 12.8353 2.60892C12.9178 2.67116 12.9783 2.76036 13.0169 2.87653L14.0485 6.4925H12.2402Z",

package/dist/vanilla/src/icons/AssetIcon.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 AssetIcon = 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 AssetIcon = 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: "M9.03299 15.7834C9.62917 15.7834 10.1326 15.5815 10.5432 15.1775C10.9538 14.7736 11.1591 14.2776 11.1591 13.6893V8.61173H12.7788C13.0108 8.61173 13.2079 8.53295 13.3702 8.3754C13.5325 8.21785 13.6136 8.02217 13.6136 7.78839C13.6136 7.5596 13.5325 7.36529 13.3702 7.20547C13.2079 7.04565 13.0108 6.96574 12.7788 6.96574H11.2924C11.0224 6.96574 10.7968 7.05504 10.6157 7.23363C10.4345 7.41222 10.3439 7.63459 10.3439 7.90076V12.0359C10.1571 11.8915 9.95126 11.7819 9.72651 11.7073C9.50176 11.6326 9.27273 11.5952 9.0394 11.5952C8.44142 11.5952 7.93712 11.797 7.52651 12.2006C7.1159 12.6041 6.9106 13.0998 6.9106 13.6875C6.9106 14.2752 7.11529 14.7715 7.52467 15.1763C7.93404 15.581 8.43682 15.7834 9.03299 15.7834ZM5.43638 18C4.89756 18 4.44013 17.8146 4.06408 17.4439C3.68803 17.0732 3.5 16.6223 3.5 16.0911V3.9089C3.5 3.37772 3.68803 2.92679 4.06408 2.55608C4.44013 2.18536 4.89756 2 5.43638 2H10.8682C11.094 2 11.3117 2.04239 11.5213 2.12717C11.7308 2.21193 11.9146 2.33285 12.0727 2.48992L16.003 6.40327C16.1624 6.55913 16.285 6.74034 16.371 6.9469C16.457 7.15348 16.5 7.36808 16.5 7.59071V16.0911C16.5 16.6223 16.312 17.0732 15.9359 17.4439C15.5599 17.8146 15.1024 18 14.5636 18H5.43638Z",

package/dist/vanilla/src/icons/AudioIcon.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 AudioIcon = 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 AudioIcon = 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: "M16.3037 9.99651C16.3037 8.60618 15.9144 7.35154 15.1359 6.23262C14.3575 5.11371 13.3504 4.28822 12.1147 3.75615C11.8871 3.66559 11.712 3.51047 11.5893 3.29078C11.4666 3.0711 11.4577 2.84915 11.5625 2.62492C11.6618 2.38588 11.8291 2.20945 12.0644 2.09563C12.2997 1.98181 12.5301 1.96959 12.7555 2.05898C14.3425 2.70263 15.6133 3.74611 16.568 5.18942C17.5227 6.63274 18 8.24092 18 10.014C18 11.787 17.5227 13.3906 16.568 14.8246C15.6133 16.2586 14.3425 17.2974 12.7555 17.941C12.5301 18.0304 12.2997 18.0182 12.0644 17.9044C11.8291 17.7905 11.6618 17.6141 11.5625 17.3751C11.4577 17.1509 11.4666 16.9289 11.5893 16.7092C11.712 16.4895 11.8871 16.3344 12.1147 16.2439C13.3504 15.7118 14.3575 14.8851 15.1359 13.7639C15.9144 12.6427 16.3037 11.3869 16.3037 9.99651ZM5.18526 12.1641H2.982C2.70999 12.1641 2.47832 12.0665 2.28699 11.8712C2.09566 11.6759 2 11.4395 2 11.1619V8.90473C2 8.62712 2.09566 8.39067 2.28699 8.19541C2.47832 8.00012 2.70999 7.90248 2.982 7.90248H5.18526L7.87536 5.11262C8.14191 4.82579 8.45446 4.76198 8.81302 4.92118C9.17159 5.0804 9.35088 5.35065 9.35088 5.73192V14.3325C9.35088 14.7138 9.17159 14.9844 8.81302 15.1443C8.45446 15.3043 8.14191 15.2408 7.87536 14.954L5.18526 12.1641ZM13.2656 10.0333C13.2656 10.5569 13.1602 11.0848 12.9494 11.6169C12.7386 12.149 12.3984 12.5767 11.9289 12.9C11.7772 12.9979 11.6264 13.0059 11.4764 12.9239C11.3264 12.8419 11.2514 12.7053 11.2514 12.5139V7.59713C11.2514 7.40573 11.3264 7.26904 11.4764 7.18708C11.6264 7.10513 11.7772 7.1131 11.9289 7.21098C12.3984 7.49897 12.7386 7.91045 12.9494 8.44542C13.1602 8.98041 13.2656 9.5097 13.2656 10.0333Z",

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

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

package/dist/vanilla/src/icons/BookmarkIcon.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 BookmarkIcon = 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 BookmarkIcon = 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/BookmarkOffIcon.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 BookmarkOffIcon = 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 BookmarkOffIcon = 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/BroadcastIcon.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 BroadcastIcon = 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 BroadcastIcon = 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.93045 16.2878C4.75387 16.4552 4.54343 16.5224 4.29913 16.4894C4.05482 16.4564 3.85704 16.3505 3.70579 16.1717C3.15406 15.479 2.73184 14.7272 2.43911 13.9163C2.14637 13.1054 2 12.2408 2 11.3227C2 10.2372 2.20905 9.22267 2.62716 8.27898C3.04526 7.33531 3.61987 6.50683 4.35101 5.79354C5.08213 5.08027 5.9349 4.5197 6.90932 4.11183C7.88374 3.70394 8.91396 3.5 10 3.5C11.11 3.5 12.1476 3.70394 13.1127 4.11183C14.0778 4.5197 14.925 5.08027 15.6545 5.79354C16.3839 6.50683 16.9572 7.33531 17.3743 8.27898C17.7914 9.22267 18 10.2372 18 11.3227C18 12.2355 17.8536 13.1057 17.5609 13.933C17.2682 14.7605 16.8389 15.5136 16.273 16.1925C16.1217 16.3713 15.9226 16.4724 15.6756 16.4958C15.4285 16.5192 15.218 16.4457 15.0439 16.2755C14.8502 16.0861 14.7574 15.8844 14.7656 15.6706C14.7737 15.4567 14.8534 15.2534 15.0047 15.0608C15.422 14.5592 15.7497 13.9906 15.9878 13.3551C16.2258 12.7195 16.3448 12.0421 16.3448 11.3227C16.3448 9.60735 15.7259 8.14449 14.4881 6.93408C13.2502 5.72367 11.7542 5.11847 10 5.11847C8.2458 5.11847 6.74977 5.72367 5.51192 6.93408C4.27408 8.14449 3.65516 9.60735 3.65516 11.3227C3.65516 12.0378 3.76773 12.7142 3.99288 13.3521C4.21804 13.99 4.53531 14.5692 4.94471 15.0896C5.08182 15.2822 5.15663 15.4882 5.16913 15.7077C5.18165 15.9271 5.10209 16.1205 4.93045 16.2878ZM7.09491 14.1634C6.91833 14.336 6.71986 14.4093 6.49949 14.3833C6.27914 14.3572 6.09769 14.2644 5.95513 14.1047C5.6526 13.7163 5.42706 13.2873 5.27852 12.8177C5.12998 12.348 5.05571 11.8497 5.05571 11.3227C5.05571 9.97341 5.5348 8.83031 6.49298 7.89339C7.45114 6.95645 8.62015 6.48798 10 6.48798C11.3799 6.48798 12.5489 6.95645 13.507 7.89339C14.4652 8.83031 14.9443 9.97341 14.9443 11.3227C14.9443 11.8494 14.8665 12.3498 14.7109 12.8238C14.5553 13.2979 14.3191 13.7387 14.0024 14.1462C13.874 14.3112 13.7032 14.4005 13.4899 14.4144C13.2766 14.4282 13.0817 14.3488 12.9051 14.1762C12.728 14.003 12.6422 13.8169 12.6476 13.6179C12.6531 13.4189 12.7031 13.212 12.7978 12.997C12.9632 12.7651 13.0864 12.5087 13.1675 12.228C13.2486 11.9472 13.2891 11.6455 13.2891 11.3227C13.2891 10.4285 12.9695 9.66895 12.3304 9.04395C11.6912 8.41895 10.9144 8.10645 10 8.10645C9.08558 8.10645 8.30878 8.41895 7.66962 9.04395C7.03045 9.66895 6.71087 10.4285 6.71087 11.3227C6.71087 11.6372 6.7514 11.9369 6.83248 12.2218C6.91355 12.5066 7.03679 12.7651 7.2022 12.997C7.29687 13.212 7.34693 13.4168 7.35237 13.6115C7.35782 13.8063 7.272 13.9902 7.09491 14.1634ZM10 12.6714C9.61945 12.6714 9.29443 12.5396 9.02495 12.2761C8.75546 12.0126 8.62071 11.6948 8.62071 11.3227C8.62071 10.9506 8.75546 10.6327 9.02495 10.3692C9.29443 10.1057 9.61945 9.97395 10 9.97395C10.3805 9.97395 10.7056 10.1057 10.975 10.3692C11.2445 10.6327 11.3793 10.9506 11.3793 11.3227C11.3793 11.6948 11.2445 12.0126 10.975 12.2761C10.7056 12.5396 10.3805 12.6714 10 12.6714Z",