@optiaxiom/react 1.3.6 → 1.4.1

package/dist/esm/packages/react/src/menu/MenuSubContent.js

@@ -10,6 +10,7 @@ import '../popover/Popover.js';
 import '../popover/PopoverAnchor.js';
 import { PopoverContent } from '../popover/PopoverContent.js';
 import '../popover/PopoverTrigger.js';
+import { usePopoverContext } from '../popover/PopoverContext.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useMenuContext } from './MenuContext.js';
 import { MenuListbox } from './MenuListbox.js';
@@ -26,9 +27,10 @@ const MenuSubContent = forwardRef(
     );
     const {
       inputRef: parentInputRef,
-      open,
+      open: parentSubMenuOpen,
       setOpen
     } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
+    const { open } = usePopoverContext("@optiaxiom/react/MenuSubContent");
     const inputRef = useRef(null);
     const [subMenuOpen, setSubMenuOpen] = useState(false);
     useEffect(() => {
@@ -40,17 +42,28 @@ const MenuSubContent = forwardRef(
       PopoverContent,
       {
         align,
-        alignOffset: -4,
+        alignOffset: item.subOptionsInputVisible ? -46 : -4,
         maxH: "sm",
         minW: "trigger",
         onCloseAutoFocus: (event) => {
-          if (open) {
+          if (parentSubMenuOpen) {
             return;
           }
           event.preventDefault();
           parentInputRef.current?.focus();
         },
         onEscapeKeyDown: () => setRootMenuOpen(false),
+        onPointerEnter: () => {
+          if (item.subOptionsInputVisible) {
+            inputRef.current?.focus();
+          }
+        },
+        onPointerLeave: (event) => {
+          if (item.subOptionsInputVisible) {
+            parentInputRef.current?.focus();
+            event.stopPropagation();
+          }
+        },
         p: "4",
         ref,
         side,
@@ -63,6 +76,9 @@ const MenuSubContent = forwardRef(
               setSubMenuOpen(!!item2.subOptions?.length);
             },
             onInputValueChange: (inputValue) => {
+              if (item.subOptionsInputVisible) {
+                return;
+              }
               parentInputRef.current?.focus();
               setInputValue(inputValue);
             },
@@ -76,11 +92,15 @@ const MenuSubContent = forwardRef(
             open: true,
             options,
             children: [
-              /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(VisuallyHidden, { disabled: item.subOptionsInputVisible, children: /* @__PURE__ */ jsx(
                 CommandInput,
                 {
+                  m: "4",
                   onKeyDown: (event) => {
-                    if (event.key === "ArrowLeft") {
+                    if (!(event.target instanceof HTMLInputElement)) {
+                      return;
+                    }
+                    if (!event.target.value && event.key === "ArrowLeft") {
                       event.preventDefault();
                       setOpen(false);
                     }
@@ -94,7 +114,7 @@ const MenuSubContent = forwardRef(
                   inputRef,
                   open: subMenuOpen,
                   setOpen: setSubMenuOpen,
-                  children: /* @__PURE__ */ jsx(MenuListbox, {})
+                  children: /* @__PURE__ */ jsx(MenuListbox, { onScroll: () => setSubMenuOpen(false) })
                 }
               )
             ]

package/dist/esm/packages/react/src/menu/MenuSubTrigger.js

@@ -55,7 +55,7 @@ const MenuSubTrigger = forwardRef(
           };
           pauseInteractionRef.current.timer = window.setTimeout(() => {
             pauseInteractionRef.current.isInsideTriangle = null;
-          }, 50);
+          }, 20);
         },
         ref,
         ...props,

package/dist/esm/packages/react/src/menu/MenuTrigger.js

@@ -35,7 +35,6 @@ const MenuTrigger = forwardRef(
         onKeyDown: (event) => {
           switch (event.key) {
             case "ArrowDown":
-            case "ArrowUp":
               setOpen(true);
           }
         },

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-D1q7bCk5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BhmlfHSo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'i020ka'],variants:{maxH:{xs:'_836sxr',sm:'_15axwgb',md:'_1lqtj0t',lg:'_1xo1zxj',full:{}},minW:{'0':{},trigger:'_1kjw532'},provider:{'dropdown-menu':'e4wrcx',popover:'z0fbcq',popper:'iujt5o'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'hawas2'],variants:{maxH:{xs:'jwvftg',sm:'_3s5dg8',md:'_12wvsun',lg:'baa4ym',full:{}},minW:{'0':{},trigger:'_1s9qhgp'},provider:{'dropdown-menu':'n5n7bc',popover:'w6l9o8',popper:'_1r441ge'}}});
 
 export { listbox };

package/dist/esm/packages/react/src/modal/ModalListbox.js

@@ -13,7 +13,6 @@ import '../listbox/ListboxLabel.js';
 import '../listbox/ListboxRadioItem.js';
 import '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
-import '../listbox/ListboxVirtualized.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import '../transition/TransitionGroup.js';

package/dist/esm/packages/react/src/nav/Nav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-Bvc0evh9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-CA3M5RMi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_4y16n']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_90mwug']});
 
 export { nav };

package/dist/esm/packages/react/src/nav/NavAccountItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-mIEBuOeQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DkOGnUhV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_4rddii',true:'asapti'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1w1lfph',true:'wwsj29'}}});
 
 export { item };

package/dist/esm/packages/react/src/nav/NavBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});

package/dist/esm/packages/react/src/nav/NavItem-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Bd2dzV48.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-wxer8oAG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CbMg3mAn.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BSPjnfiO.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BmhlgdcD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'dzr8ct']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'wt9x17'],variants:{expanded:{false:'_1brzd7n',true:'a8cy2r'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'h0tdfa']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_3lvnig'],variants:{expanded:{false:'_1ty8ba',true:'_64rvma'}}});
 
 export { item, label };

package/dist/esm/packages/react/src/pagination/Pagination-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-B3OXzCgC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BQVW2oFL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_13jxju6']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'x6oqui'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'yibmpm']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'hawvpe']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'rxh5kv'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_11vt49a']});
 
 export { button, cursor, list };

package/dist/esm/packages/react/src/paper/Paper-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'},screen:{}}}});

package/dist/esm/packages/react/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-a7j93yNq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DpualKyi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1aecjbe'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_60mbxn'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/popover/PopoverContent.js

@@ -7,6 +7,7 @@ import { forwardRef, useRef } from 'react';
 import { ModalProvider } from '../modal/ModalContext.js';
 import '../modal/ModalLayer.js';
 import { ModalListbox } from '../modal/ModalListbox.js';
+import { Portal } from '../portal/Portal.js';
 import '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
 import '../utils/conditions.js';
@@ -27,7 +28,7 @@ const PopoverContent = forwardRef(
         onPresenceChange: setPresence,
         open,
         presence,
-        children: /* @__PURE__ */ jsx(RadixPopover.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(
           ModalListbox,
           {
             asChild: true,

package/dist/esm/packages/react/src/portal/Portal.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as RadixPortal from '@radix-ui/react-portal';
+import { forwardRef } from 'react';
+import { usePortalContext } from './PortalContext.js';
+
+const Portal = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { container } = usePortalContext("@optiaxiom/react/Portal");
+    return /* @__PURE__ */ jsx(RadixPortal.Root, { container, ref, ...props, children });
+  }
+);
+Portal.displayName = "@optiaxiom/react/Portal";
+
+export { Portal };

package/dist/esm/packages/react/src/portal/PortalContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext } from '@radix-ui/react-context';
+
+const [PortalProvider, usePortalContext] = createContext("@optiaxiom/react/Portal", { container: void 0 });
+
+export { PortalProvider, usePortalContext };

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-CME4yWj8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-D-NgPzhe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1i4t48l']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1nn21mo']});
 
 export { indicator, progress };

package/dist/esm/packages/react/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Byr6x4TG.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-DSqYFSt3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CbMg3mAn.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-tPLFf0il.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CZ_lX4GP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'n927td'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1fzpzfi']});
-var input = recipeRuntime({base:'czx1ek'});
-var radio = recipeRuntime({base:'h9bxwe'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'wud470'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1tbg9c3']});
+var input = recipeRuntime({base:'_1lwhhnc'});
+var radio = recipeRuntime({base:'zaxvr5'});
 
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/search-input/SearchInput-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DScYYTrA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-loiT8Xp2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'nkiuea']});
-var input = recipeRuntime({base:'qwtjyq'});
-var search = recipeRuntime({base:'_96kbwp'});
+var clear = recipeRuntime({base:[{size:'sm'},'_4bo8f0']});
+var input = recipeRuntime({base:'o6vhxh'});
+var search = recipeRuntime({base:'ucu5bx'});
 
 export { clear, input, search };

package/dist/esm/packages/react/src/search-input/SearchInput.js

@@ -37,9 +37,9 @@ const SearchInput = forwardRef(
             appearance: "subtle",
             "aria-label": "Clear",
             icon: value && /* @__PURE__ */ jsx(IconX, {}),
-            onClick: () => {
+            onPointerDown: (event) => {
+              event.preventDefault();
               forceValueChange("");
-              innerRef.current?.focus();
               onValueClear?.();
             },
             tabIndex: -1,

package/dist/esm/packages/react/src/select/Select.js

@@ -97,6 +97,7 @@ const Select = forwardRef(
         }
       }
     });
+    downshift.getToggleButtonProps({}, { suppressRefError: true });
     downshift.getMenuProps({}, { suppressRefError: true });
     return /* @__PURE__ */ jsx(Popper, { children: /* @__PURE__ */ jsxs(
       SelectProvider,

package/dist/esm/packages/react/src/select/SelectContent.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PopperContent } from '@radix-ui/react-popper';
-import { Portal } from '@radix-ui/react-portal';
 import { forwardRef, useState } from 'react';
 import '../listbox/Listbox.js';
 import '../listbox/ListboxCheckboxItem.js';
@@ -15,10 +14,15 @@ import { ListboxLabel } from '../listbox/ListboxLabel.js';
 import '../listbox/ListboxRadioItem.js';
 import { ListboxSeparator } from '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
-import '../listbox/ListboxVirtualized.js';
 import '../modal/ModalContext.js';
 import { ModalLayer } from '../modal/ModalLayer.js';
 import { ModalListbox } from '../modal/ModalListbox.js';
+import { Portal } from '../portal/Portal.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
+import '../tooltip/TooltipContent.js';
+import '../tooltip/TooltipProvider.js';
+import '../tooltip/TooltipRoot.js';
+import '../tooltip/TooltipTrigger.js';
 import '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
 import { useSelectContext } from './SelectContext.js';
@@ -59,7 +63,6 @@ const SelectContent = forwardRef(
             itemToKey: (item) => item.value,
             loading,
             onPlacedChange: setPlaced,
-            placed,
             ...downshift.getMenuProps({}, { suppressRefError: !placed }),
             children: children ?? ((item, index) => {
               if (index === 0) {
@@ -70,7 +73,7 @@ const SelectContent = forwardRef(
               return /* @__PURE__ */ jsxs(Fragment, { children: [
                 shouldShowSeparator(group) && /* @__PURE__ */ jsx(ListboxSeparator, {}),
                 shouldShowGroup(group) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.label }),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx(Tooltip, { content: item.disabledReason, children: /* @__PURE__ */ jsx(
                   SelectRadioItem,
                   {
                     addonBefore: item.addon,
@@ -80,7 +83,7 @@ const SelectContent = forwardRef(
                     children: item.label
                   },
                   item.value
-                )
+                ) })
               ] });
             })
           }

package/dist/esm/packages/react/src/select/SelectRadioItem.js

@@ -13,7 +13,6 @@ import '../listbox/ListboxLabel.js';
 import { ListboxRadioItem } from '../listbox/ListboxRadioItem.js';
 import '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
-import '../listbox/ListboxVirtualized.js';
 import { SelectItem } from './SelectItem.js';
 
 const SelectRadioItem = forwardRef(

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-C19bwsLd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-BJyGakBV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_h2fokeqwgislkw3fqntlep77qq/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'fdbjej',md:'_7xh9ct',base:'hl5kwc'},defaultClass:'hl5kwc'},vertical:{conditions:{sm:'u0m53r',md:'skhr96',base:'_4lltu'},defaultClass:'_4lltu'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'ai4hhe',md:'_1uganhr',base:'_8usbam'},defaultClass:'_8usbam'},vertical:{conditions:{sm:'t7t7n8',md:'_168mt3f',base:'_1h4qui9'},defaultClass:'_1h4qui9'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/esm/packages/react/src/sidebar/SidebarToggle.js

@@ -25,7 +25,6 @@ const SidebarToggle = forwardRef(
         "aria-controls": navId,
         "aria-expanded": expanded ? "true" : "false",
         "aria-label": ariaLabel || (expanded ? "Collapse" : "Expand"),
-        fontWeight: "400",
         onClick: () => onExpandedChange(!expanded),
         ref,
         ...props,

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BQkyIpyI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-C-wdgTK4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_14f15js']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_3edepd']});
 
 export { skeleton };

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-BUiI4yI-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CN-ptlpS.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-BTsZSfas.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'wxe7zl',inverse:'_3mheb0'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'r9ruvx',inverse:'_8iht05'}}});
 
 export { track };