@orfium/ictinus 5.44.2 → 5.45.1

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.1";
 
 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-CuOp6byd.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-DyLlJF0l.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BsWotv-l.css';
+import './../../assets/src/actions/ActionsContent.css.ts.vanilla-CUCKXWVY.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:'e4kyhu _1eqyydt _1jgimy1 _1m7xtyy',variantClassNames:{visible:{always:'_1qrltgx','if-needed':'sfpymr'}},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-CuOp6byd.css';
+import './../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BsWotv-l.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var root = createRuntimeFn({defaultClassName:'_1q04hbb _18qyz65',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var root = createRuntimeFn({defaultClassName:'avm8co _19kl6jr',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-CuOp6byd.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 { 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';
+
+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-CuOp6byd.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 { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var avatarGroup = createRuntimeFn({defaultClassName:'jzqj6k _1eqyydt e4kyhu',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var className = 'jzqj6k';
+
+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-CuOp6byd.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-DyLlJF0l.css';
+import './../../assets/src/button/Button.css.ts.vanilla-DWGwo7ec.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:'_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:[]});
 
 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-CuOp6byd.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-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 { 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:'_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)';
 
 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-CuOp6byd.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-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 { 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:'_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:[]});
 
 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-CuOp6byd.css';
 
-var components = 'ictinus._1jinc5m';
+var components = 'ictinus._199dftv';
 var ictinus = 'ictinus';
 var reset = 'ictinus.reset';
 var theme = 'ictinus.theme';

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

@@ -0,0 +1,17 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-CuOp6byd.css';
+import './../../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
+import './../../assets/src/sprinkles/properties.css.ts.vanilla-DyLlJF0l.css';
+import './../../assets/src/nav/Nav.css.ts.vanilla-DvISuT4D.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var counter = createRuntimeFn({defaultClassName:'byiuv1 _1mbq62u wdta3c _1kggxhf wkjzdi v2omc e4kyhu f2u771',variantClassNames:{isActive:{true:'_1q5jywz _1can7yp',false:'_1tlghai vapr4m'}},defaultVariants:{},compoundVariants:[]});
+var nav = createRuntimeFn({defaultClassName:'v2omc _1dd6ys',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var navItem = createRuntimeFn({defaultClassName:'_1w73c4 _12ayxfv v2omc _1dd6ys ecdirj',variantClassNames:{isDisabled:{true:'_1eexwsr'},isActive:{true:'_16o3fol'}},defaultVariants:{},compoundVariants:[]});
+var navLink = createRuntimeFn({defaultClassName:'p7hgxy pib8jx _1195bev _1wcnt56 _1w73c4 _12ayxfv v2omc e4kyhu f2u771 vapr4m _9iwq7h _165uscn c1vhyo',variantClassNames:{isActive:{true:'zhey6w p95jtl'},isDisabled:{true:'_1hkbsn5 _1grs63f wj52a9'}},defaultVariants:{},compoundVariants:[]});
+var navList = createRuntimeFn({defaultClassName:'v2omc _1dd6ys _1j4skgr',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var subItem = createRuntimeFn({defaultClassName:'_1w73c4 _12ayxfv v2omc e4kyhu _9iwq7h',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var subLink = createRuntimeFn({defaultClassName:'_136vspo _1w73c4 _12ayxfv v2omc e4kyhu _9iwq7h a913k4 vapr4m _165uscn _539zsb',variantClassNames:{isActive:{true:'p95jtl zhey6w'},isDisabled:{true:'_1hkbsn5 _1grs63f wj52a9'}},defaultVariants:{},compoundVariants:[]});
+var subLinkStatusIndicator = createRuntimeFn({defaultClassName:'_139j53l _1q5u5cj',variantClassNames:{isActive:{true:'zhey6w _140d9lv'}},defaultVariants:{},compoundVariants:[]});
+var subList = createRuntimeFn({defaultClassName:'_1wcnt56 p7hgxy v2omc _1dd6ys _10sg103',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+
+export { counter, nav, navItem, navLink, navList, subItem, subLink, subLinkStatusIndicator, subList };

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

@@ -0,0 +1,306 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { forwardRef, createContext, useContext } from 'react';
+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, subLinkStatusIndicator } from './Nav-css.js';
+
+const Nav = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("nav", { ref, className: cn(nav({}), props.className), children: /* @__PURE__ */ jsx("ul", { className: navList({}), children }) }) });
+});
+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({}), ...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: [
+              /* @__PURE__ */ jsx(
+                StatusIndicatorIcon,
+                {
+                  "aria-hidden": true,
+                  className: subLinkStatusIndicator({ isActive })
+                }
+              ),
+              /* @__PURE__ */ jsx(Slottable, { 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-CuOp6byd.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-DyLlJF0l.css';
+import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-CTwtVX07.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var skeleton = createRuntimeFn({defaultClassName:'_1xf8vgt _2cqz6s okvavy _10kpqsq _1o8uic1',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var skeleton = createRuntimeFn({defaultClassName:'mwbt56 _1tsrxi8 _1ay68ya _1vv8sz9 o1z77j',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { skeleton };