@orfium/ictinus 5.44.2 → 5.45.0

package/dist/vanilla/index.js

@@ -1,3 +1,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 { Button } from './src/button/Button.js';
 export { button, progress, text } from './src/button/Button-css.js';
 export { DataTable } from './src/data-table/DataTable.js';
@@ -154,6 +158,7 @@ export { WriterIcon } from './src/icons/WriterIcon.js';
 export { YouTubeIcon } from './src/icons/YouTubeIcon.js';
 import * as layers_css from './src/layers/layers-css.js';
 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 { cn } from './src/utils/cn.js';

package/dist/vanilla/package.json.js

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

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

@@ -1,10 +1,10 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBpth2tZ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-CFAT-whW.css';
-import './../../assets/src/actions/ActionsRoot.css.ts.vanilla-CDmwZcfH.css';
-import './../../assets/src/actions/ActionsContent.css.ts.vanilla-D-trrCjP.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-C9qvbHnW.css';
+import './../../assets/src/actions/ActionsContent.css.ts.vanilla-i54k5IL1.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var content = createRuntimeFn({defaultClassName:'_5b56qv oqv3il nmn0vp pepwar',variantClassNames:{visible:{always:'_17izyr5','if-needed':'s53d5q'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_1uzy6bk frmmw9 _1ngicba _1l4rz6q',variantClassNames:{visible:{always:'_11qlx0s','if-needed':'_1ha2rnl'}},defaultVariants:{},compoundVariants:[]});
 
 export { content };

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

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

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

@@ -0,0 +1,12 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-C9qvbHnW.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-C6qYy5w4.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var avatar = createRuntimeFn({defaultClassName:'mi11za _2b6tna u14mu6 _1qtdory g11v37 emfpnc _1d0n9fd _1i2864 _1uzy6bk nyy8n7 k7r480 edlh5k _16t8b99 g6hsn5',variantClassNames:{colorScheme:{blue:'_9005ym _1uxyqo _19o99e7',red:'xkmej7 vp7qz _1e1r21',purple:'_1xoxdvy _1tpsq9i byntni',teal:'_1qh7gmb tdfy7 wnuima',orange:'s2go4k _4a72bv _1x1rtcw'},size:{'1':'_1qcfvov j4h32s _18twxok _1r11g1q bm4ij0 _1cciv35','2':'azi7ld _11u556f _1ct0043 _1vztp87 q7xuoj fgixpm','3':'q6fh9k _4zo1l1 _1ooovw6 nyftmj q7xuoj tih8oh','4':'_1qeszd3 _1wptqd6 _1twy1t0 _1o944ku bm4ij0 ax0adg','5':'_10gqx6r _142cdmv fu8v7h g0h9iw da9u5p _1v6hikh','6':'vpmulk _1f4ubds kahr1n _1rg7n9 da9u5p yejvb4'}},defaultVariants:{colorScheme:'blue',size:'1'},compoundVariants:[]});
+var icon = createRuntimeFn({defaultClassName:'_1qjg9sb _1xz446j',variantClassNames:{size:{'1':'hfrfb9','2':'vhqwxo','3':'rrx58w','4':'_13n9dns','5':'_6ula4r','6':'_1a23z8'}},defaultVariants:{},compoundVariants:[]});
+var image = 'edlh5k stpep7 ib3m7m _1h9upp8';
+
+export { avatar, icon, image };

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

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { forwardRef, useState } from 'react';
+import { useSlotProps } 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 { image, avatar, icon } from './Avatar-css.js';
+
+const Avatar = forwardRef(
+  (props, ref) => {
+    props = useSlotProps(props, "avatar");
+    const { colorScheme = "blue", size = "1", src, alt, initials, ...restProps } = props;
+    const domRef = useDOMRef(ref);
+    const [imageError, setImageError] = useState(false);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...restProps, children: /* @__PURE__ */ jsx("span", { ref: domRef, className: cn(avatar({ colorScheme, size }), props.className), children: src && !imageError ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: alt || "",
+        className: image,
+        onError: () => {
+          setImageError(true);
+        }
+      }
+    ) : initials ? /* @__PURE__ */ jsx(Text, { children: initials }) : /* @__PURE__ */ jsx(UserIcon, { size }) }) });
+  }
+);
+const UserIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 14 17", fill: "none", className: icon({ size }), "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M6.96625 6.55647C8.77677 6.55647 10.2445 5.08876 10.2445 3.27824C10.2445 1.46772 8.77677 0 6.96625 0C5.15573 0 3.68801 1.46772 3.68801 3.27824C3.68801 5.08876 5.15573 6.55647 6.96625 6.55647Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M0 12.2113C0 12.1401 0.0171683 12.0699 0.0515269 12.0076C1.31285 9.7198 3.95046 8.09435 7 8.09435C10.0495 8.09435 12.6872 9.7198 13.9485 12.0076C13.9828 12.0699 14 12.1401 14 12.2113C14 12.2824 13.9828 12.3528 13.9483 12.4151C12.687 14.6941 10.0518 16.0044 7.00244 16.0044C3.95304 16.0044 1.31314 14.6941 0.0516988 12.4151C0.0172363 12.3528 0 12.2824 0 12.2113Z",
+      fill: "currentColor"
+    }
+  )
+] });
+Avatar.displayName = "Avatar";
+
+export { Avatar };

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

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

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

@@ -0,0 +1,20 @@
+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 { avatarGroup } from './AvatarGroup-css.js';
+
+const AvatarGroup = forwardRef(
+  (props, ref) => {
+    props = useSlotProps(props, "avatarGroup");
+    const { size = "1", children, ...restProps } = props;
+    const domRef = useDOMRef(ref);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...restProps, children: /* @__PURE__ */ jsx("div", { ref: domRef, className: cn(avatarGroup({}), props.className), children: /* @__PURE__ */ jsx(SlotProvider, { slots: { avatar: { size } }, children }) }) });
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+export { AvatarGroup };

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

@@ -1,11 +1,11 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBpth2tZ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-CFAT-whW.css';
-import './../../assets/src/button/Button.css.ts.vanilla-DMNJ04wR.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/button/Button.css.ts.vanilla-Bm1kAtK8.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var button = createRuntimeFn({defaultClassName:'_1q39a2o luh95e _5b56qv lvmxwu _1smo7bu z8nm8v _1209ylt vo0o5d _1c5zvz kjxsp4 _71cxmr',variantClassNames:{variant:{primary:'_1ekydih tf7cha l150c6 _1plw1bm',secondary:'jthyhq _15evjc uau8c3 ezuxhk',tertiary:'balbni _1qaiohv _1ejg0d7 ezuxhk',danger:'_1wpfana _3r8q2i _1ddf7ld _1s7y6we'},size:{normal:'_1bryg6m _19bqzmc bxtwc0',compact:'_1is6eaf nky660 fttwob'},iconOnly:{true:'_6r5zeu sp8qe _9zb6fy'},circle:{true:'_1tlrcwl'},isPending:{true:'_3e0bf5'},isDisabled:{true:'_1uux91i bqjyt1'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'fekymr'],[{iconOnly:true,size:'compact'},'br8suv'],[{isPending:true,variant:'primary'},'pqhgmg yzhfvc l150c6'],[{isPending:true,variant:'secondary'},'pekkkv ogman3 uau8c3'],[{isPending:true,variant:'tertiary'},'_1brovfh _74on3u _1ejg0d7'],[{isPending:true,variant:'danger'},'z42lph _1xp7kuw _1ddf7ld'],[{isDisabled:true,variant:'primary'},'_1ekydih _1k3lghh _1jntk2c'],[{isDisabled:true,variant:'secondary'},'jthyhq uqipk _7szodc'],[{isDisabled:true,variant:'tertiary'},'balbni _1clfp3v _1runly8'],[{isDisabled:true,variant:'danger'},'_1wpfana _1wk08sz _1jfgkge']]});
-var progress = '_6v4azg _1uc7p4s';
-var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'nky660 fttwob xxw9xo',compact:'nky660 fttwob _1cginme'},isPending:{true:'_1m11k9z'}},defaultVariants:{},compoundVariants:[]});
+var button = createRuntimeFn({defaultClassName:'_1d0n9fd _1i2864 _1uzy6bk k7r480 _6rbgni v62f6o _4mi2g4 _1qo5rec g6hsn5 _1omqt9v k1odcm',variantClassNames:{variant:{primary:'y7rr3u cwlxny _1rsy0n3 _1ktmfzw',secondary:'_1s5nj4m _1ew9vlj _1u41lm4 _1uxyqo',tertiary:'_1eqm4if _196koop _6d0wy1 _1uxyqo',danger:'xkmej7 by8xfy crw3gh vp7qz'},size:{normal:'_10dlpel _2k8wu7 qxm098',compact:'_1kkqn3x _1eku2hy _191v2e4'},iconOnly:{true:'_1122x9p d71rwh nyy8n7'},circle:{true:'edlh5k'},isPending:{true:'_1h4q4v1'},isDisabled:{true:'_1tscd91 airfbe'}},defaultVariants:{},compoundVariants:[[{iconOnly:true,size:'normal'},'_1azm0zm'],[{iconOnly:true,size:'compact'},'_1pult2t'],[{isPending:true,variant:'primary'},'_1iurd9n _6zbmwd _1rsy0n3'],[{isPending:true,variant:'secondary'},'pafa2k hfitkp _1u41lm4'],[{isPending:true,variant:'tertiary'},'eorwwf _1u5kaua _6d0wy1'],[{isPending:true,variant:'danger'},'tyiie1 rukyd crw3gh'],[{isDisabled:true,variant:'primary'},'y7rr3u _1hnuedk jwvd50'],[{isDisabled:true,variant:'secondary'},'_1s5nj4m h3hpbh suhl1t'],[{isDisabled:true,variant:'tertiary'},'_1eqm4if tdg3cc _1cdk466'],[{isDisabled:true,variant:'danger'},'xkmej7 _1uciudc _173n8y6']]});
+var progress = '_1d0y6i2 urfq71';
+var text = createRuntimeFn({defaultClassName:'',variantClassNames:{size:{normal:'_1eku2hy _191v2e4 _11o39yd',compact:'_1eku2hy _191v2e4 _1oo9zp3'},isPending:{true:'irpkrw'}},defaultVariants:{},compoundVariants:[]});
 
 export { button, progress, text };

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

@@ -1,16 +1,16 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBpth2tZ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-CFAT-whW.css';
-import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CiwZqubc.css';
-import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-CQcR4NI9.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-7HUaV8Kk.css';
+import './../../assets/src/data-table/DataTableBody.css.ts.vanilla-VI-dzTZL.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'_16bp5t9 _56ez9t oqv3il _1so2r81',variantClassNames:{pinned:{left:'uz2wcv',right:'_5qeq4q'},resizable:{false:'v5j9a4',true:'_1lzv98p'}},defaultVariants:{},compoundVariants:[]});
-var cellOffsetVar = 'var(--_1mwcqsc)';
-var cellSizeVar = 'var(--_1r5os5j)';
-var leftTotalSizeVar = 'var(--_1qos2j0)';
-var rightTotalSizeVar = 'var(--_245420)';
-var root = createRuntimeFn({defaultClassName:'_1wx0222 _1wx0zff _1smo7bu m49j85 oqv3il _1v16dn1 _1qt6esk',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var totalSizeVar = 'var(--_13v1ns2)';
+var cell = createRuntimeFn({defaultClassName:'_11z6ryr _1mqyvzr frmmw9 ousdp9',variantClassNames:{pinned:{left:'uepb6m',right:'_1j0xish'},resizable:{false:'v40iw2',true:'_1b0y6zr'}},defaultVariants:{},compoundVariants:[]});
+var cellOffsetVar = 'var(--_1xb0hxe)';
+var cellSizeVar = 'var(--_1x1rt41)';
+var leftTotalSizeVar = 'var(--a38eq1)';
+var rightTotalSizeVar = 'var(--e1imb1)';
+var root = createRuntimeFn({defaultClassName:'mi11za _2b6tna _6rbgni he67q7 frmmw9 izl6zf _8ju0cb',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var totalSizeVar = 'var(--_1yukxhq)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

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

@@ -1,14 +1,14 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBpth2tZ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-CFAT-whW.css';
-import './../../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-DU1yKysu.css';
-import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CiwZqubc.css';
-import './../../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-CpCl0sjl.css';
-import './../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BBmECGxr.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-TK0bYFLF.css';
+import './../../assets/src/vanilla/Table/TableRow.css.ts.vanilla-7HUaV8Kk.css';
+import './../../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-DQiK614T.css';
+import './../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-DtydPuOx.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var handle = createRuntimeFn({defaultClassName:'krkadl _1t4k7d9 xna40d',variantClassNames:{resizing:{false:'_1854jyu',true:'nypvmt'}},defaultVariants:{},compoundVariants:[]});
-createRuntimeFn({defaultClassName:'_14ikhu7 _1c9knbb _12gz84d jqa4v9',variantClassNames:{active:{false:'_1dxeuq2',true:'exn0f9'}},defaultVariants:{},compoundVariants:[]});
-var label = createRuntimeFn({defaultClassName:'jqcc08',variantClassNames:{sortDir:{false:'_1carqx0',true:'_1v5v6w6'}},defaultVariants:{},compoundVariants:[]});
+var handle = createRuntimeFn({defaultClassName:'ib3m7m _17rjy4o _1tl8bcx',variantClassNames:{resizing:{false:'_261hxx',true:'sxrxkq'}},defaultVariants:{},compoundVariants:[]});
+createRuntimeFn({defaultClassName:'_1wptqd6 grf996 i75ae7 _10qd456',variantClassNames:{active:{false:'_1vafpim',true:'avum8o'}},defaultVariants:{},compoundVariants:[]});
+var label = createRuntimeFn({defaultClassName:'_1jtfc08',variantClassNames:{sortDir:{false:'bh68dz',true:'pw7ij6'}},defaultVariants:{},compoundVariants:[]});
 
 export { handle, label };

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

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

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

@@ -0,0 +1,16 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
+import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/nav/Nav.css.ts.vanilla-CSc2uyiY.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var counter = createRuntimeFn({defaultClassName:'_1apbu4q _1ikk8vc hbyjt8 _9llcbz _1w9dlsy _1i2864 _1uzy6bk _1wglhbc',variantClassNames:{isActive:{true:'_1iurd9n _1ktmfzw',false:'_1aqp893 _1x839k9'}},defaultVariants:{},compoundVariants:[]});
+var nav = createRuntimeFn({defaultClassName:'_1i2864 izl6zf',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var navItem = createRuntimeFn({defaultClassName:'_1d0n9fd _1omqt9v _1i2864 izl6zf _1s8l9fi',variantClassNames:{isDisabled:{true:'s7u3mn'},isActive:{true:'_13g4q6y'}},defaultVariants:{},compoundVariants:[]});
+var navLink = createRuntimeFn({defaultClassName:'qbaczk _1qww7lm _13hr8ps _1ycbigu _1d0n9fd _1omqt9v _1i2864 _1uzy6bk _1wglhbc _1x839k9 _6r30r1 _1lv18br _1mvaw6l',variantClassNames:{isActive:{true:'_1uxyqo _16is3o5'},isDisabled:{true:'airfbe _1tscd91 f4h0fw'}},defaultVariants:{},compoundVariants:[]});
+var navList = createRuntimeFn({defaultClassName:'_1i2864 izl6zf _1aaej69',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var subItem = createRuntimeFn({defaultClassName:'_1d0n9fd _1omqt9v _1i2864 _1uzy6bk _6r30r1',variantClassNames:{isActive:{false:'u3zy45',true:'_1122x9p'}},defaultVariants:{},compoundVariants:[]});
+var subLink = createRuntimeFn({defaultClassName:'_1d0n9fd _1omqt9v _1i2864 _1uzy6bk _6r30r1 _11o39yd _1x839k9 _1lv18br xnkmgd',variantClassNames:{isActive:{true:'_16is3o5 _1uxyqo'},isDisabled:{true:'airfbe _1tscd91 f4h0fw'}},defaultVariants:{},compoundVariants:[]});
+var subList = createRuntimeFn({defaultClassName:'_1ycbigu qbaczk _1i2864 izl6zf h7jfg2',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+
+export { counter, nav, navItem, navLink, navList, subItem, subLink, subList };

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

@@ -0,0 +1,300 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { SlotProvider, useSlotProps } from '../components/utils/Slots.js';
+import '../icons/AccountIcon.js';
+import '../icons/AlbumIcon.js';
+import '../icons/AnalyticsIcon.js';
+import '../icons/AppsIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/ArtistIcon.js';
+import '../icons/AssetIcon.js';
+import '../icons/AudioIcon.js';
+import '../icons/AudioOffIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/BookmarkOffIcon.js';
+import '../icons/BroadcastIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CatalogIcon.js';
+import '../icons/ChannelIcon.js';
+import '../icons/ChatIcon.js';
+import '../icons/CheckIcon.js';
+import '../icons/ChevronDownIcon.js';
+import '../icons/ChevronLeftIcon.js';
+import '../icons/ChevronRightIcon.js';
+import '../icons/ChevronUpIcon.js';
+import '../icons/CinemaIcon.js';
+import '../icons/ClaimIcon.js';
+import '../icons/CloseIcon.js';
+import '../icons/ColumnChooserIcon.js';
+import '../icons/CompositionIcon.js';
+import '../icons/ConcertIcon.js';
+import '../icons/ConflictIcon.js';
+import '../icons/ConvertIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/CueSheetIcon.js';
+import '../icons/DashboardIcon.js';
+import '../icons/DatasetIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DeliveryIcon.js';
+import '../icons/DetailsIcon.js';
+import '../icons/DigitalIcon.js';
+import '../icons/DistributionIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/EarningsIcon.js';
+import '../icons/EditIcon.js';
+import '../icons/EntitiesIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExternalLinkIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeOffIcon.js';
+import '../icons/FavoriteIcon.js';
+import '../icons/FavoriteOffIcon.js';
+import '../icons/FileIcon.js';
+import '../icons/FilterIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlagOffIcon.js';
+import '../icons/ForwardIcon.js';
+import '../icons/FreezeIcon.js';
+import '../icons/HelpIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/ImageOffIcon.js';
+import '../icons/IncomeIcon.js';
+import '../icons/InformationalIcon.js';
+import '../icons/InsightIcon.js';
+import '../icons/InvoiceIcon.js';
+import '../icons/IssueIcon.js';
+import '../icons/KeywordIcon.js';
+import '../icons/LanguageIcon.js';
+import '../icons/LegalIcon.js';
+import '../icons/LicenseIcon.js';
+import '../icons/LinkIcon.js';
+import '../icons/LocationIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/LoginIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/MailIcon.js';
+import '../icons/ManualIcon.js';
+import '../icons/MediaFileIcon.js';
+import '../icons/MenuIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/MoreOptionsIcon.js';
+import '../icons/NextIcon.js';
+import '../icons/NotificationIcon.js';
+import '../icons/OrganizationIcon.js';
+import '../icons/PageFirstIcon.js';
+import '../icons/PageLastIcon.js';
+import '../icons/PairIcon.js';
+import '../icons/PauseIcon.js';
+import '../icons/PendingIcon.js';
+import '../icons/PlaycountIcon.js';
+import '../icons/PlayIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/PolicyIcon.js';
+import '../icons/PreviousIcon.js';
+import '../icons/PublicPerformanceIcon.js';
+import '../icons/PublisherIcon.js';
+import '../icons/RadioIcon.js';
+import '../icons/RecordingIcon.js';
+import '../icons/RecordLabelIcon.js';
+import '../icons/RedoIcon.js';
+import '../icons/RefreshIcon.js';
+import '../icons/ReportIcon.js';
+import '../icons/RestoreIcon.js';
+import '../icons/ResumeIcon.js';
+import '../icons/ReviewIcon.js';
+import '../icons/RewindIcon.js';
+import '../icons/RoleIcon.js';
+import '../icons/SearchFilledIcon.js';
+import '../icons/SearchIcon.js';
+import '../icons/SettingsIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/SortAscendingIcon.js';
+import '../icons/SortDescendingIcon.js';
+import '../icons/SortIcon.js';
+import { StatusIndicatorIcon } from '../icons/StatusIndicatorIcon.js';
+import '../icons/StopIcon.js';
+import '../icons/SuccessIcon.js';
+import '../icons/TagIcon.js';
+import '../icons/TelevisionIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/TrendingDownIcon.js';
+import '../icons/TrendingUpIcon.js';
+import '../icons/TriangleDownIcon.js';
+import '../icons/TriangleLeftIcon.js';
+import '../icons/TriangleRightIcon.js';
+import '../icons/TriangleUpIcon.js';
+import '../icons/UndoIcon.js';
+import '../icons/UnfreezeIcon.js';
+import '../icons/UnlinkIcon.js';
+import '../icons/UnlockIcon.js';
+import '../icons/UnpairIcon.js';
+import '../icons/UnverifiedIcon.js';
+import '../icons/UpdateIcon.js';
+import '../icons/UploadIcon.js';
+import '../icons/UsageIcon.js';
+import '../icons/UserIcon.js';
+import '../icons/UsersIcon.js';
+import '../icons/VerifiedIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoOffIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WorkIcon.js';
+import '../icons/WriterIcon.js';
+import '../icons/YouTubeIcon.js';
+import { cn } from '../utils/cn.js';
+import { Box } from '../../Box/Box.js';
+import { extractBoxProps } from '../../Box/extractBoxProps.js';
+import { navList, nav, navItem, navLink, counter, subList, subItem, subLink } from './Nav-css.js';
+
+const Nav = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("nav", { ref, className: cn(nav({}), props.className), children: /* @__PURE__ */ jsx("ul", { className: navList({}), children }) }) });
+});
+Nav.displayName = "Nav";
+const NavItemContext = createContext({});
+const NavItem = forwardRef(
+  ({ isActive, isDisabled, children, ...props }, ref) => {
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsx(NavItemContext.Provider, { value: { isActive, isDisabled }, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx("li", { ref, className: cn(navItem({ isActive, isDisabled })), ...restProps, children }) }) });
+  }
+);
+NavItem.displayName = "NavItem";
+const NavLink = forwardRef(
+  ({
+    asChild,
+    href,
+    isActive: isActiveProp,
+    isDisabled: isDisabledProp,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const ctx = useContext(NavItemContext);
+    const isActive = isActiveProp ?? ctx.isActive;
+    const isDisabled = Boolean(isDisabledProp) || Boolean(ctx.isDisabled);
+    const handleClick = (e) => {
+      if (isDisabled) {
+        e.preventDefault();
+        return;
+      }
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      SlotProvider,
+      {
+        slots: {
+          icon: {
+            size: "sm",
+            flexShrink: "0"
+          },
+          navCount: {
+            isActive
+          }
+        },
+        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx(
+          Comp,
+          {
+            ref,
+            href: isDisabled ? void 0 : href,
+            role: "link",
+            "aria-current": isActive ? "page" : void 0,
+            "aria-disabled": isDisabled,
+            onClick: handleClick,
+            className: cn(navLink({ isActive, isDisabled })),
+            ...restProps,
+            children
+          }
+        ) })
+      }
+    );
+  }
+);
+NavLink.displayName = "NavLink";
+const NavCount = forwardRef((props, ref) => {
+  props = useSlotProps(props, "navCount");
+  const { boxProps, restProps } = extractBoxProps(props);
+  const { isActive, children, ...otherProps } = restProps;
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx("span", { ref, className: counter({ isActive }), ...otherProps, children }) });
+});
+NavCount.displayName = "NavCount";
+const SubNavList = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx("ul", { ref, className: subList({}), ...restProps, children }) });
+  }
+);
+SubNavList.displayName = "SubNavList";
+const SubNavItemContext = createContext({});
+const SubNavItem = forwardRef(
+  ({ isActive, isDisabled: isDisabledProp, children, ...props }, ref) => {
+    const { boxProps, restProps } = extractBoxProps(props);
+    const ctx = useContext(NavItemContext);
+    const isDisabled = isDisabledProp ?? ctx.isDisabled;
+    return /* @__PURE__ */ jsx(SubNavItemContext.Provider, { value: { isActive, isDisabled }, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsx("li", { ref, className: subItem({ isActive }), ...restProps, children }) }) });
+  }
+);
+SubNavItem.displayName = "SubNavItem";
+const SubNavLink = forwardRef(
+  ({
+    asChild,
+    href,
+    isActive: isActiveProp,
+    isDisabled: isDisabledProp,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const ctx = useContext(SubNavItemContext);
+    const isActive = isActiveProp ?? ctx.isActive;
+    const isDisabled = Boolean(isDisabledProp) || Boolean(ctx.isDisabled);
+    const handleClick = (e) => {
+      if (isDisabled) {
+        e.preventDefault();
+        return;
+      }
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      SlotProvider,
+      {
+        slots: {
+          icon: {
+            size: "sm",
+            flexShrink: "0"
+          },
+          navCount: {
+            isActive
+          }
+        },
+        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...boxProps, children: /* @__PURE__ */ jsxs(
+          Comp,
+          {
+            ref,
+            href: isDisabled ? void 0 : href,
+            role: "link",
+            "aria-current": isActive ? "page" : void 0,
+            "aria-disabled": isDisabled,
+            onClick: handleClick,
+            className: subLink({ isActive, isDisabled }),
+            ...restProps,
+            children: [
+              isActive && /* @__PURE__ */ jsx(StatusIndicatorIcon, { flexShrink: "0", color: "active" }),
+              children
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+SubNavLink.displayName = "SubNavLink";
+
+export { Nav, NavCount, NavItem, NavLink, SubNavItem, SubNavLink, SubNavList };

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-CBpth2tZ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-CqbEAOsr.css';
 import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../../assets/src/sprinkles/properties.css.ts.vanilla-CFAT-whW.css';
-import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-Cq_N5OhD.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DFOLW3T5.css';
+import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-GV-xwC4p.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var skeleton = createRuntimeFn({defaultClassName:'_1xf8vgt _2cqz6s okvavy _10kpqsq _1o8uic1',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var skeleton = createRuntimeFn({defaultClassName:'g1hj8t f6ad8k _1u6mlfq _1qjrzaw _19hlgv3',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { skeleton };