@optiaxiom/react 1.1.2 → 1.1.3

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DXqGGzy6.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'},'_1yqpfnx']});
-var close = recipeRuntime({base:['ob53z6']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'zehwo6']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'bn4fso']});
+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-DpowjLes.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-0gzYiFhN.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:['_1ahdbxw']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1i4ltfs']});
+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-DpowjLes.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DrigKuvB.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:'_9gtlc8',start:'_1uerpxf'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_9as6jz']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1kg7kg1']});
+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-DpowjLes.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Df_0FGn6.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:'_1enu0sj'});
+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-DpowjLes.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DiGd0GWd.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:'_1npd9qd',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'knauxa']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1vg2y72']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_7rrprk'],variants:{offset:{false:'y3rt9y',true:{}},position:{'bottom-right':'_5oj0zw','top-right':'_1gdynre'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_4r9w9']});
+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-DpowjLes.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-0Z8kqkJ3.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:'n8lp90',variants:{empty:{false:{},true:'cnb41v'}}});
-var input = recipeRuntime({base:'_1id09lb'});
+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-DpowjLes.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-DpowjLes.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DTr7WjFv.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:['k9wkpu',{bg:'transparent',flex:'auto',w:'full'},'_5vgx7j','gizngf'],variants:{size:{md:{},lg:{},xl:['_1m2pd4b']}}});
+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-DpowjLes.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DTr7WjFv.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-BI9kTex8.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'},'lpq755']});
+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-DpowjLes.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-D2Zmv7r9.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'},'_1f9nmd0'],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:'_2vyi6r',variants:{variant:{outline:'dwgidi',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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BUmRo4aJ.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-D8DLj8dA.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/label-menu-button/LabelMenuButton.css.ts.vanilla-DXxGxGFs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_9kxxp8']});
+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'}}}});
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1j05rql';
-var reset = 'optiaxiom._1xn72k';
+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-DpowjLes.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-Dq0BGcjN.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'},'qh9hct']});
+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-DpowjLes.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DZSy83rt.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'},'_1s1wmq1']});
-var link = recipeRuntime({base:['_149tkvg','ogo0o7'],variants:{appearance:{'default':'_1o51zsy',inverse:'_13pvn3n',subtle:'a2kv6s'}}});
+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-DpowjLes.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BkdR-XXj.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'},'tftpb2']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'l417f3'],variants:{intent:{danger:'_55385m',neutral:'_1wp6vaf'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'deb30o']});
+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-DpowjLes.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CBpPAJWl.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'},'_1bfmo9h'],variants:{maxH:{xs:'bswjss',sm:'_4uieiy',md:'hr1z37',lg:'urb6ok',full:{}},minW:{'0':{},trigger:'_14d8m8g'},provider:{'dropdown-menu':'_1tm7vbi',popover:'_1jruncp',popper:'_1c7qok1'}}});
+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-DpowjLes.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-CyTtcTEL.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'},'_1n27ld9']});
+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-DpowjLes.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-CEtqVFuI.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:'_18vcd1w',true:'_172k06g'}}});
+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-DpowjLes.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-DpowjLes.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-BUmRo4aJ.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-BdQxHsrr.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'},'od1i6y']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'hkyozj'],variants:{expanded:{false:'_1j7ixuy',true:'rdh670'}}});
+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-DpowjLes.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D-rDWBIZ.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'},'dcdq0f']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_188rs3u'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'xccdn']});
+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-DpowjLes.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-DpowjLes.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-DwHSk3QZ.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'},'_1xaveq0'],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-DpowjLes.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-DZZm_Ymr.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'},'_1ehmc1z']});
+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-DpowjLes.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DOVkqqxM.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DkD0kjT5.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-Dz5zm-D4.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'},'gl3czh'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_3l92r3']});
-var input = recipeRuntime({base:'t2jh9t'});
-var radio = recipeRuntime({base:'_1jmkas'});
+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-DpowjLes.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BH7IRGQp.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'},'_1hmbbvf']});
-var search = recipeRuntime({base:'j69wfs'});
+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,29 +31,27 @@ function Select({
     prop: open
   });
   const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
-    isOpen,
     selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : -1
   );
   const downshift = useSelect({
     ...props,
-    defaultHighlightedIndex: selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : 0,
     highlightedIndex,
     isOpen: placed,
     items,
     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);
     },
-    onSelectedItemChange({ selectedItem: selectedItem2, type }) {
-      setSelectedItem(
-        (prevSelectedItem) => selectedItem2 && prevSelectedItem && type !== useSelect.stateChangeTypes.ToggleButtonBlur && itemToKey(selectedItem2) === itemToKey(prevSelectedItem) ? null : selectedItem2
-      );
+    onSelectedItemChange({ selectedItem: selectedItem2 }) {
+      setSelectedItem(selectedItem2);
     },
-    selectedItem: null
+    selectedItem: selectedItem ?? null
   });
   downshift.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx(Popper, { children: /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CtoX-3jS.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:['_17rhgy2']});
+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,12 +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 });
-    itemProps["aria-selected"] = selectedItem === item;
+  ({ 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,
       {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-DIu23l0k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-B_6QgqHz.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:'_5l53e',md:'j218kg',base:'_15ao9gs'},defaultClass:'_15ao9gs'},vertical:{conditions:{sm:'ugmopu',md:'otnhkw',base:'_19rtwqk'},defaultClass:'_19rtwqk'}},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:'_16c9lji',md:'_1puaqo4',base:'_1njsnfw'},defaultClass:'_1njsnfw'},vertical:{conditions:{sm:'_1afo36p',md:'we6vxu',base:'_1g77u3d'},defaultClass:'_1g77u3d'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BCNl7fHi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BRkS9g3D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'kjwm40']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'i3pl0q']});
 
 export { skeleton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-S8qGkvOP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-7HanOaMW.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-Bq5xXaVI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_17mc3vz',inverse:'rjf6k1'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_28qzib',inverse:'_7nuyvr'}}});
 
 export { track };