@optiaxiom/react 1.1.1 → 1.1.3

package/dist/esm/packages/react/src/dialog-content/DialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-B9niBPkU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-EQ9vAH4h.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_14e8yot'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1sqtuoe'],variants:{size:{sm:'_1jm6d00',md:'_1a6rh9k',lg:'r19knp',fullscreen:'phnjaw'}}});
-var nestedDialogCountVar = 'var(--_55m3z7)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_133vztf'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'k5zetr'],variants:{size:{sm:'m1eo9i',md:'_1z02lkw',lg:'_6boyt5',fullscreen:'_3lfgyu'}}});
+var nestedDialogCountVar = 'var(--_1ffdqn7)';
 
 export { backdrop, content, nestedDialogCountVar };

package/dist/esm/packages/react/src/dialog-footer/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'}]});

package/dist/esm/packages/react/src/dialog-header/DialogHeader-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DDI0cObE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-TpF5Gx_U.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'j3xnk']});
-var close = recipeRuntime({base:['rxbxuq']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'wn6l3q']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_7d3o6b']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_16hnru5']});
+var close = recipeRuntime({base:['_15p8tcx']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_186tx45']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1serf33']});
 
 export { actions, close, description, title };

package/dist/esm/packages/react/src/disclosure-content/DisclosureContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-yaf_hiPh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-qzoaQTT5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1wf2759']});
-var outer = recipeRuntime({base:[{display:'grid'},'jcbif4']});
+var inner = recipeRuntime({base:['puixaq']});
+var outer = recipeRuntime({base:[{display:'grid'},'_7ozflr']});
 
 export { inner, outer };

package/dist/esm/packages/react/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Pb_lJX_M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CfQ2T080.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'chd778',start:'_1flmpi1'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'d5gc8c']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'jt3swl']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_2vjtwc',start:'_1vyy45g'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'l9803g']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1ghw8e4']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/downshift/usePortalPatch.js

@@ -1,11 +1,8 @@
 "use client";
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 
-function usePortalPatch(open, initialHighlightedIndex = -1) {
+function usePortalPatch(initialHighlightedIndex = -1) {
   const [placed, setPlaced] = useState(false);
-  useEffect(() => {
-    return () => setPlaced(false);
-  }, [open]);
   const [highlightedIndex, setHighlightedIndex] = useState(
     initialHighlightedIndex
   );

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BkAnN06f.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-UYW3N6M9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'shyzot'});
+var mark = recipeRuntime({base:'_1fhljq0'});
 
 export { mark };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BANaIZuu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-Cy9HtSMI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'qbsba9',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'ql9fbv']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1sywit2']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'c21yl2'],variants:{offset:{false:'_19865yj',true:{}},position:{'bottom-right':'_1gkgywr','top-right':'_1lnl45l'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1b8pn1f']});
+var badge = recipeRuntime({base:'fgw8z8',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1lw6k8']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1f2u9yy']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'fy6hd9'],variants:{offset:{false:'_1ghhaav',true:{}},position:{'bottom-right':'dzh301','top-right':'_1x7tek4'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_18qei0']});
 
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Cs5IKjZJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-XXoZU5Ec.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_18cu7kd',variants:{empty:{false:{},true:'_1wcbbay'}}});
-var input = recipeRuntime({base:'_1c3kt2k'});
+var editor = recipeRuntime({base:'s7b84s',variants:{empty:{false:{},true:'_1x1sbpz'}}});
+var input = recipeRuntime({base:'btcu42'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

package/dist/esm/packages/react/src/input-control/InputControl-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-HZ3ud9ik.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BmYttwF2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['ytp6n2',{bg:'transparent',flex:'auto',w:'full'},'_107wtcq','vp5222'],variants:{size:{md:{},lg:{},xl:['gwjmmj']}}});
+var control = recipeRuntime({base:['mf2qqo',{bg:'transparent',flex:'auto',w:'full'},'_1laz3d5','_8raqqp'],variants:{size:{md:{},lg:{},xl:['_1moxgb5']}}});
 
 export { control };

package/dist/esm/packages/react/src/input-root/InputRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CLz1W4-u.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-HZ3ud9ik.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DeZjUtaN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BmYttwF2.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BH1wVMm7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1w9l2n7']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'r71jne']});
 
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-ZttSDlfo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-EeKAFUX8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_1qkcilt'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'krgg8e',variants:{variant:{outline:'xlus5n',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_12xancz'],variants:{variant:{outline:{border:'1',borderB:'2',borderColor:'border.tertiary',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'rfcix8',variants:{variant:{outline:'_11afpx3',subtle:{}}}});
 
 export { kbd, keys };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -0,0 +1,11 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXoKps84.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DXxGxGFs.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1gcrkrt']});
+var content = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
+var label = recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
+
+export { button, content, label };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useId } from '@radix-ui/react-id';
+import { Label } from '@radix-ui/react-label';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { ButtonAddon } from '../button-addon/ButtonAddon.js';
+import { ButtonBase } from '../button-base/ButtonBase.js';
+import { Flex } from '../flex/Flex.js';
+import { IconAngleDown } from '../icons/IconAngleDown.js';
+import { Text } from '../text/Text.js';
+import { button, label, content } from './LabelMenuButton-css.js';
+
+const LabelMenuButton = forwardRef(
+  ({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
+    const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
+    const labelId = useId();
+    const valueId = useId();
+    return /* @__PURE__ */ jsxs(
+      ButtonBase,
+      {
+        "aria-labelledby": ariaLabelledBy ?? clsx(labelId, children && valueId),
+        "data-filled": filled ? "" : void 0,
+        ref,
+        size: "lg",
+        ...button({}, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: "0", overflow: "hidden", textAlign: "start", children: [
+            /* @__PURE__ */ jsx(Text, { asChild: true, id: labelId, truncate: true, ...label({ filled }), children: /* @__PURE__ */ jsx(Label, { children: label$1 }) }),
+            /* @__PURE__ */ jsx(Text, { id: valueId, truncate: true, ...content({ filled }), children: children ?? /* @__PURE__ */ jsx(Fragment, { children: "\xA0" }) })
+          ] }),
+          /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, {}) })
+        ]
+      }
+    );
+  }
+);
+LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
+
+export { LabelMenuButton };

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1qyzoa8';
-var reset = 'optiaxiom._1hnmwyq';
+var components = 'optiaxiom._1d8i96l';
+var reset = 'optiaxiom._4lvfxw';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layouts-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-DaZa6CG1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-CHt0Vhbl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'paw0kq']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1qbl5tj']});
 
 export { layout };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BH9Us4xq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-BaVqR5vh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_17854kq']});
-var link = recipeRuntime({base:['_112iuqv','x1cvjb'],variants:{appearance:{'default':'m8k2ol',inverse:'twmesi',subtle:'_1j4kpw5'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'ntio3c']});
+var link = recipeRuntime({base:['_1xf2rce','lfsbtl'],variants:{appearance:{'default':'_6dhzkq',inverse:'_1nncl09',subtle:'fijmhz'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/listbox-item/ListboxItem-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DNcq_6Hg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-C6o0-JzW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1kojn5j']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1i5tb12'],variants:{intent:{danger:'jadtc9',neutral:'_381i9f'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'ufbp2g']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_16bzbln']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'d0yaa1'],variants:{intent:{danger:'_1hgnykj',neutral:'_1hcx678'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'drkwb5']});
 
 export { description, item, title };

package/dist/esm/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-JtBLF1qt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-DetpFFG8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_6tzphi'],variants:{maxH:{xs:'_1yhaspr',sm:'_1e8k8y6',md:'_1b1tqto',lg:'_1kzip2l',full:{}},minW:{'0':{},trigger:'r2ntuu'},provider:{'dropdown-menu':'_14qmuwz',popover:'_1bxxz4z',popper:'_192vbq'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1jql0rq'],variants:{maxH:{xs:'mwod3t',sm:'_1lsvnz9',md:'_2i2x1i',lg:'_1c8o2xc',full:{}},minW:{'0':{},trigger:'fod47f'},provider:{'dropdown-menu':'_1tq4i52',popover:'_125qq01',popper:'_1rbgeni'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-AW5bSiw8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-DzgQFlSY.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'},'_12d6pm7']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'znqsvc']});
 
 export { nav };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-CK5oUc6F.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-DPB63U9s.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:'_6alj9x',true:'jfjusi'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'h15e9x',true:'_11zsjmp'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.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-item/NavItem-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CLz1W4-u.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DfyEL-ry.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-BvLRJ-2c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXoKps84.css';
+import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-D3OCN9ot.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'},'hs616v']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1g9nu2k'],variants:{expanded:{false:'qw4no7',true:'_5kjyy6'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1bsub3j']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1thrwap'],variants:{expanded:{false:'p7fk6f',true:'yejpxq'}}});
 
 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-DtQtYC9K.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BVCksARU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-1As6gOk7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1ygclgc']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'z30ako'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'kjirna']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_72js6z']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1g63chu'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_19la5ho']});
 
 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-DtQtYC9K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.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-DtQtYC9K.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-Dk505Ruc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-VhWVHzqD.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'},'_124ooa'],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'},'_1n5hopv'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-DJLvgT_9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-COaBLrxu.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'},'_1a615bz']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_14jdxih']});
 
 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-DtQtYC9K.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CLz1W4-u.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-PAFNTTdK.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-DKgnSp_L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-YO7Szc09.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-Bv1VDtiR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'qbjevg'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1cd61t7']});
-var input = recipeRuntime({base:'_1av2bf8'});
-var radio = recipeRuntime({base:'_4k6uv0'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'dtbzh3'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'jrb3s2']});
+var input = recipeRuntime({base:'_1c0qooz'});
+var radio = recipeRuntime({base:'_5gib04'});
 
 export { control, indicator, input, radio };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CI5q8I5i.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-8aFRFPum.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1ixkeml']});
-var search = recipeRuntime({base:'hk5x9g'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1ipx7fe']});
+var search = recipeRuntime({base:'_6jpeip'});
 
 export { clear, search };

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

@@ -31,7 +31,6 @@ function Select({
     prop: open
   });
   const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
-    isOpen,
     selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : -1
   );
   const downshift = useSelect({
@@ -42,7 +41,9 @@ function Select({
     itemToKey,
     itemToString,
     onHighlightedIndexChange(changes) {
-      setHighlightedIndex(changes.highlightedIndex);
+      if ((changes.type === useSelect.stateChangeTypes.ItemMouseMove || changes.type === useSelect.stateChangeTypes.MenuMouseLeave) && isOpen || changes.isOpen) {
+        setHighlightedIndex(changes.highlightedIndex);
+      }
     },
     onIsOpenChange({ isOpen: isOpen2 }) {
       setIsOpen(isOpen2);

package/dist/esm/packages/react/src/select-content/SelectContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtQtYC9K.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-D7DRJjpr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CLZmZfb3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['yodsuk']});
+var content = recipeRuntime({base:['_16z4ysg']});
 
 export { content };

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

@@ -9,6 +9,7 @@ import { MenuListbox } from '../menu-listbox/MenuListbox.js';
 import { ModalLayer } from '../modal-layer/ModalLayer.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
 import { Spinner } from '../spinner/Spinner.js';
+import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import { content } from './SelectContent-css.js';
 
 const SelectContent = forwardRef(
@@ -24,31 +25,43 @@ const SelectContent = forwardRef(
     const { downshift, isOpen, placed, setPlaced } = useSelectContext(
       "@optiaxiom/react/SelectContent"
     );
-    return isOpen && /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
-      MenuListbox,
+    return /* @__PURE__ */ jsx(
+      TransitionGroup,
       {
-        asChild: true,
-        maxH: "sm",
-        minW: loading ? "trigger" : void 0,
-        provider: "popper",
-        ...content({}, className),
-        ...boxProps,
-        ...downshift.getMenuProps(
-          { ref, ...restProps },
-          { suppressRefError: !placed }
-        ),
-        children: /* @__PURE__ */ jsx(
-          PopperContent,
+        onPresenceChange: (presence) => {
+          if (!presence) {
+            setPlaced(presence);
+          }
+        },
+        open: isOpen,
+        presence: placed,
+        children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
+          MenuListbox,
           {
-            align,
-            onPlaced: () => setPlaced(true),
-            side,
-            sideOffset: 5,
-            children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children
+            asChild: true,
+            maxH: "sm",
+            minW: loading ? "trigger" : void 0,
+            provider: "popper",
+            ...content({}, className),
+            ...boxProps,
+            ...downshift.getMenuProps(
+              { ref, ...restProps },
+              { suppressRefError: !placed }
+            ),
+            children: /* @__PURE__ */ jsx(
+              PopperContent,
+              {
+                align,
+                onPlaced: () => setPlaced(true),
+                side,
+                sideOffset: 5,
+                children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children
+              }
+            )
           }
-        )
+        ) }) })
       }
-    ) }) });
+    );
   }
 );
 SelectContent.displayName = "@optiaxiom/react/SelectContent";

package/dist/esm/packages/react/src/select-item/SelectItem.js

@@ -7,11 +7,25 @@ import '../sprinkles/sprinklesMerge.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
 
 const SelectItem = forwardRef(
-  ({ children, item, size, ...props }, ref) => {
-    const { downshift, highlightedItem, selectedItem } = useSelectContext(
-      "@optiaxiom/react/SelectItem"
-    );
-    const itemProps = downshift.getItemProps({ item, ref, ...props });
+  ({ children, item, onMouseMove, size, ...props }, ref) => {
+    const { downshift, highlightedItem, isOpen, selectedItem } = useSelectContext("@optiaxiom/react/SelectItem");
+    const itemProps = downshift.getItemProps({
+      item,
+      onMouseMove: (event) => {
+        onMouseMove?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (!isOpen) {
+          event.preventDefault();
+          Object.assign(event.nativeEvent, {
+            preventDownshiftDefault: true
+          });
+        }
+      },
+      ref,
+      ...props
+    });
     return /* @__PURE__ */ jsx(
       Box,
       {