@optiaxiom/react 1.2.2 → 1.2.4

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-Bm80JdYu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-BaeOY682.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1spuvqc']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1thvqlb']});
 
 export { nav };

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DzsQUyBc.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5JHsMb9.css';
-import './../../../../assets/src/switch/Switch.css.ts.vanilla-0i5lLz0T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CU81AtIf.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-BDl8q9_r.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'ueyesb']});
-var input = recipeRuntime({base:'_1sej0xy'});
-var root = recipeRuntime({base:['_4imcl0','_13clnqn']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1mf6v1v'],variants:{size:{md:'_178lw87',lg:'_1wo8zzo'}}});
+var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1c6nmdc']});
+var input = recipeRuntime({base:'_17duc'});
+var root = recipeRuntime({base:['_7kpap','qq1c24']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1497bob'],variants:{size:{md:'_497vhu',lg:'_12q2xs8'}}});
 
 export { control, input, root, thumb };

package/dist/esm/packages/react/src/table/Table-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-D9B7y01n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-WEJcyc4W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'cwg6ei'],variants:{layout:{auto:['o91h3h'],fixed:[{display:'grid'},'_17khmyc']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_15ienut']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1bieop3'],variants:{layout:{auto:['_1j7mig6'],fixed:[{display:'grid'},'khhwsk']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1r47c5w']});
 
 export { table, wrapper };

package/dist/esm/packages/react/src/table-body/TableBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-o_A6gwGx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-BR3qPTpw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_1usn9j9']});
+var body = recipeRuntime({base:['k2f0d']});
 
 export { body };

package/dist/esm/packages/react/src/table-cell/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DRGy8dlH.css';
-import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-DQibUfe6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BkEfRwCR.css';
+import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-LJwIUZ-7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_10o9cyc']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1e13rm6']});
 
 export { cell };

package/dist/esm/packages/react/src/table-header-cell/TableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CRQqkwcY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-3-RdjOZz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'pn76g2'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1s8ka8l']});
+var cell = recipeRuntime({base:'_14as9ty'});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_3mw7h2']});
 
 export { cell, content };

package/dist/esm/packages/react/src/table-row/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DRGy8dlH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BkEfRwCR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['uo6bal',{transition:'colors',w:'full'},'_18wquix']});
+var row = recipeRuntime({base:['fxn59f',{transition:'colors',w:'full'},'ki3w5l']});
 
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-BiX-qdAL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-D8ObhZMA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'_1awjkco']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1r36lg6']});
 
 export { tabs };

package/dist/esm/packages/react/src/tabs-list/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-DnKNPhkY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-aCj0FVS-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1pd4lms']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_11fdj72']});
 
 export { list };

package/dist/esm/packages/react/src/tabs-trigger/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-CO6cEnHW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-DrjceSWY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_13c2s0r']});
-var trigger = recipeRuntime({base:['_1mnqom1',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1rh9giv']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'pvrw6i']});
+var trigger = recipeRuntime({base:['wah7d9',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'jdsiam']});
 
 export { content, trigger };

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-lhgB-266.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-BNtpiSqy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'gakhne','_1s9y1bc','_1phqtan'],'2':[undefined,'gakhne','_1s9y1bc','_3hvr1q'],'3':[undefined,'gakhne','_1s9y1bc','_1x8blde'],'4':[undefined,'gakhne','_1s9y1bc','_12pxyh2']},truncate:{true:[undefined,'gakhne',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_14ctt1i','_1wbpazg','_1e6e1ao'],'2':[undefined,'_14ctt1i','_1wbpazg','xlw2kf'],'3':[undefined,'_14ctt1i','_1wbpazg','_1fkggwm'],'4':[undefined,'_14ctt1i','_1wbpazg','_47tcqf']},truncate:{true:[undefined,'_14ctt1i',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/esm/packages/react/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-ChCg9g53.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-mX98JIwa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_4j94z6','_15auas2']});
-var textarea = recipeRuntime({base:['_4j94z6','_35r97p']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_9aukqe','_1e8jmq1'],'2':['_9aukqe','hzv3e0'],'3':['_9aukqe','_1nw6bj8'],'4':['_9aukqe','xds8sf'],'5':['_9aukqe','x7b6r0']},resize:{auto:{},none:{},vertical:'jq2r7f'}}});
+var shadow = recipeRuntime({base:['_18iliso','_1xsc1r0']});
+var textarea = recipeRuntime({base:['_18iliso','_119uj1z']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_6i1ou5','fdic9j'],'2':['_6i1ou5','_1uvtq1i'],'3':['_6i1ou5','m068oq'],'4':['_6i1ou5','_13ntmgt'],'5':['_6i1ou5','_1ylps1s']},resize:{auto:{},none:{},vertical:'_1i966st'}}});
 
 export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DJgJohFt.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-Ct_m8lj7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CrZv6Fwg.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-Byy6oEo8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1xx4v4c']});
-var offsetVar = 'var(--_1ynvnzr)';
-var root = recipeRuntime({base:['_1f6yhsa',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'yzztq'],variants:{intent:{danger:'_9mobdo',information:'_1yf7si',neutral:'_1kshl37',success:'_1w8wqft',warning:'_1486z59'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ie6gnm']});
+var offsetVar = 'var(--dd9we3)';
+var root = recipeRuntime({base:['wfz4e1',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1lpwb4u'],variants:{intent:{danger:'_11nhiu8',information:'_1pasehb',neutral:'aiv9xa',success:'_156c7ff',warning:'_1k9xom'}}});
 
 export { icon, offsetVar, root };

package/dist/esm/packages/react/src/toast-provider/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DJgJohFt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CrZv6Fwg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_18hfh1'],variants:{position:{bottom:'tfxn9t','bottom-left':'_1ukhcu7','bottom-right':'_1hqr7zs',top:'nah9j7','top-left':'tcdso0','top-right':'_1dm9e2k'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'tixd3p'],variants:{position:{bottom:'_4j43cj','bottom-left':'kx48uo','bottom-right':'e8fj95',top:'_1lrta9p','top-left':'gsrvdi','top-right':'g2fdwk'}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toast-provider/ToastProvider.js

@@ -77,7 +77,7 @@ const ToastProvider = forwardRef(
             },
             id
           )),
-          /* @__PURE__ */ jsx(Portal, { container, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Portal, { asChild: true, container, children: /* @__PURE__ */ jsx(
             Flex,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DzsQUyBc.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5JHsMb9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CU81AtIf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['wbhrh3',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_15iqp9']});
+var toggleInput = recipeRuntime({base:['_9rlrdh',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1vonli7']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DzsQUyBc.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5JHsMb9.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DiatDNI-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CU81AtIf.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8oB_ns6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1bjcax8']});
+var control = recipeRuntime({base:['cqxard']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DzsQUyBc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
 
-var className = '_1dhm732';
+var className = '_9k0qsl';
 
 export { className };

package/dist/esm/packages/react/src/tooltip-content/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpYQJpX-.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DXANgL_6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-D1kMqbU-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1fq9f03',variants:{duration:{sm:'_1a8fhpa',md:'_1oscu42',lg:'k5tod5'},type:{fade:'_130v25x',pop:'_1d0kvij',slide:'_1i7t878',slidePop:'_11qeoxl'}}});
+var transition = recipeRuntime({base:'_1tbgrdw',variants:{duration:{sm:'_17uf702',md:'_1exxk6h',lg:'_15udon7'},type:{fade:'_13grlq9',pop:'_14ehw2z',slide:'_1rqs8uj',slidePop:'_1hk0s5b'}}});
 
 export { transition };

package/dist/esm/packages/react/src/transition-group/TransitionGroup.js

@@ -5,6 +5,7 @@ import { useState, useCallback, useEffect } from 'react';
 import '../transition/Transition.js';
 import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
 import { TransitionGroupContext } from '../transition-group-context/TransitionGroupContext.js';
+import { waitForAnimation } from './waitForAnimation.js';
 
 function TransitionGroup({
   children,
@@ -29,23 +30,33 @@ function TransitionGroup({
   });
   useEffect(() => {
     if (open) {
-      requestAnimationFrame(() => setPresence(true));
+      const timer = setTimeout(() => {
+        if (transitions.length) {
+          void waitForAnimation(transitions).then(() => setPresence(true));
+        } else {
+          setPresence(true);
+        }
+      }, 10);
+      return () => clearTimeout(timer);
     } else {
       if (transitions.length) {
-        void Promise.allSettled(
-          transitions.flatMap(
-            (ref) => typeof ref.current?.getAnimations === "function" ? ref.current?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
-          )
-        ).then(() => setPresence(false));
+        void waitForAnimation(transitions).then(() => setPresence(false));
       } else {
         setPresence(false);
       }
+      return;
     }
   }, [open, setPresence, transitions]);
   if (TransitionGlobalConfig.skipAnimations) {
     return /* @__PURE__ */ jsx(Fragment, { children: open && children });
   }
-  return /* @__PURE__ */ jsx(TransitionGroupContext.Provider, { value: { onMount, onUnmount, open }, children: (open || presence) && children });
+  return /* @__PURE__ */ jsx(
+    TransitionGroupContext.Provider,
+    {
+      value: { onMount, onUnmount, open, presence },
+      children: (open || presence) && children
+    }
+  );
 }
 TransitionGroup.displayName = "@optiaxiom/react/TransitionGroup";
 

package/dist/esm/packages/react/src/transition-group/waitForAnimation.js

@@ -0,0 +1,9 @@
+const waitForAnimation = async (transitions) => {
+  await Promise.allSettled(
+    transitions.flatMap(
+      (ref) => typeof ref.current?.getAnimations === "function" ? ref.current?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
+    )
+  );
+};
+
+export { waitForAnimation };

package/dist/esm/packages/react/src/use-command-items/fuzzysearch.js

@@ -0,0 +1,27 @@
+const collator = new Intl.Collator(void 0, {
+  sensitivity: "base",
+  usage: "search"
+});
+function fuzzysearch(haystack, needle) {
+  const hlen = haystack.length;
+  const nlen = needle.length;
+  if (nlen > hlen) {
+    return false;
+  }
+  if (nlen === hlen) {
+    return needle === haystack;
+  }
+  outer:
+    for (let i = 0, j = 0; i < nlen; i++) {
+      const nch = needle.charAt(i);
+      while (j < hlen) {
+        if (collator.compare(haystack.charAt(j++), nch) === 0) {
+          continue outer;
+        }
+      }
+      return false;
+    }
+  return true;
+}
+
+export { fuzzysearch };

package/dist/esm/packages/react/src/use-command-items/useCommandItems.js

@@ -0,0 +1,45 @@
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { useState } from 'react';
+import { useEffectEvent } from '../use-event/useEffectEvent.js';
+import { fuzzysearch } from './fuzzysearch.js';
+
+const useCommandItems = ({
+  defaultFilter,
+  defaultItems,
+  inputValue: inputValueProp,
+  items: itemsProp,
+  itemToLabel,
+  onInputValueChange
+}) => {
+  const [inputValue, setInputValue] = useControllableState({
+    defaultProp: "",
+    onChange: onInputValueChange,
+    prop: inputValueProp
+  });
+  const filterFn = useEffectEvent(
+    defaultFilter ?? ((item, inputValue2) => {
+      const string = itemToLabel(item).normalize();
+      return fuzzysearch(string, inputValue2);
+    })
+  );
+  const [itemsState, setItemsState] = useState(
+    defaultItems ? filter(defaultItems, inputValue, filterFn) : []
+  );
+  const items = typeof itemsProp !== "undefined" ? itemsProp : itemsState;
+  return [
+    items,
+    inputValue,
+    useEffectEvent((inputValue2) => {
+      setInputValue(inputValue2);
+      if (typeof itemsProp === "undefined" && defaultItems) {
+        setItemsState(filter(defaultItems, inputValue2, filterFn));
+      }
+    })
+  ];
+};
+const filter = (items, inputValue, filterFn) => {
+  const substring = (inputValue ?? "").normalize();
+  return inputValue ? items.filter((item) => filterFn(item, substring)) : items;
+};
+
+export { useCommandItems };

package/dist/esm/packages/react/src/{select → use-observe-value}/useObserveValue.js

@@ -22,6 +22,13 @@ const useObserveValue = (inputRef, setValue) => {
       }
     });
   }, [inputRef, setValue]);
+  return (value) => {
+    if (!inputRef.current) {
+      return;
+    }
+    inputRef.current.value = value;
+    inputRef.current.dispatchEvent(new Event("change", { bubbles: true }));
+  };
 };
 
 export { useObserveValue };

package/dist/esm/unstable.js

@@ -17,14 +17,13 @@ export { Clock } from './packages/react/src/clock/Clock.js';
 export { Combobox } from './packages/react/src/combobox/Combobox.js';
 export { ComboboxCheckboxItem } from './packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js';
 export { ComboboxContent } from './packages/react/src/combobox-content/ComboboxContent.js';
-export { ComboboxEmpty } from './packages/react/src/combobox-empty/ComboboxEmpty.js';
 export { ComboboxFooter } from './packages/react/src/combobox-footer/ComboboxFooter.js';
 export { ComboboxGroup } from './packages/react/src/combobox-group/ComboboxGroup.js';
 export { ComboboxInput } from './packages/react/src/combobox-input/ComboboxInput.js';
 export { ComboboxItem } from './packages/react/src/combobox-item/ComboboxItem.js';
 export { ComboboxLabel } from './packages/react/src/combobox-label/ComboboxLabel.js';
+export { ComboboxListbox } from './packages/react/src/combobox-listbox/ComboboxListbox.js';
 export { ComboboxRadioItem } from './packages/react/src/combobox-radio-item/ComboboxRadioItem.js';
-export { ComboboxScrollArea } from './packages/react/src/combobox-scroll-area/ComboboxScrollArea.js';
 export { ComboboxSeparator } from './packages/react/src/combobox-separator/ComboboxSeparator.js';
 export { ComboboxTrigger } from './packages/react/src/combobox-trigger/ComboboxTrigger.js';
 export { Command } from './packages/react/src/command/Command.js';
@@ -41,6 +40,11 @@ export { DatePickerTrigger } from './packages/react/src/date-picker-trigger/Date
 export { DateRangePicker } from './packages/react/src/date-range-picker/DateRangePicker.js';
 export { DateRangePickerContent } from './packages/react/src/date-range-picker-content/DateRangePickerContent.js';
 export { DateRangePickerTrigger } from './packages/react/src/date-range-picker-trigger/DateRangePickerTrigger.js';
+export { DropdownMenuCombobox } from './packages/react/src/dropdown-menu-combobox/DropdownMenuCombobox.js';
+export { DropdownMenuComboboxContent } from './packages/react/src/dropdown-menu-combobox-content/DropdownMenuComboboxContent.js';
+export { DropdownMenuComboboxInput } from './packages/react/src/dropdown-menu-combobox-input/DropdownMenuComboboxInput.js';
+export { DropdownMenuComboboxListbox } from './packages/react/src/dropdown-menu-combobox-listbox/DropdownMenuComboboxListbox.js';
+export { DropdownMenuComboboxTrigger } from './packages/react/src/dropdown-menu-combobox-trigger/DropdownMenuComboboxTrigger.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { LabelMenuButton } from './packages/react/src/label-menu-button/LabelMenuButton.js';
@@ -61,8 +65,8 @@ export { SpotlightEmpty } from './packages/react/src/spotlight-empty/SpotlightEm
 export { SpotlightInput } from './packages/react/src/spotlight-input/SpotlightInput.js';
 export { SpotlightItem } from './packages/react/src/spotlight-item/SpotlightItem.js';
 export { SpotlightLabel } from './packages/react/src/spotlight-label/SpotlightLabel.js';
+export { SpotlightListbox } from './packages/react/src/spotlight-listbox/SpotlightListbox.js';
 export { SpotlightRadioItem } from './packages/react/src/spotlight-radio-item/SpotlightRadioItem.js';
-export { SpotlightScrollArea } from './packages/react/src/spotlight-scroll-area/SpotlightScrollArea.js';
 export { SpotlightSub } from './packages/react/src/spotlight-sub/SpotlightSub.js';
 export { SpotlightSubItem } from './packages/react/src/spotlight-sub-item/SpotlightSubItem.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight-trigger/SpotlightTrigger.js';