@optiaxiom/react 1.1.2 → 1.2.0

package/dist/esm/packages/react/src/command-listbox/CommandListbox.js

@@ -10,7 +10,7 @@ const CommandListbox = forwardRef(
       "@optiaxiom/react/CommandListbox"
     );
     useEffect(() => {
-      setPlaced(true);
+      requestAnimationFrame(() => setPlaced(true));
     }, [setPlaced]);
     return /* @__PURE__ */ jsx(Listbox, { size, ...downshift.getMenuProps({ ref, ...props }), children });
   }

package/dist/esm/packages/react/src/command-sub-item/CommandSubItem.js

@@ -13,21 +13,22 @@ const CommandSubItem = forwardRef(
       highlightedItem,
       highlightedSubIndex,
       isItemDisabled,
+      isItemSelected,
       items,
       itemToSubItems,
       setHighlightedIndex,
-      setHighlightedSubIndex,
-      value
+      setHighlightedSubIndex
     } = useCommandContext("@optiaxiom/react/CommandSubItem");
     const { item: parentItem } = useCommandSubContext(
       "@optiaxiom/react/CommandSubItem"
     );
     const subItems = itemToSubItems?.(parentItem) ?? [];
     const highlightedSubItem = highlightedItem === parentItem && highlightedSubIndex !== -1 ? subItems[highlightedSubIndex] : null;
+    const index = items.indexOf(parentItem);
     const subIndex = subItems.indexOf(item);
     const disabled = isItemDisabled(item, subIndex);
     const highlighted = highlightedSubItem === item;
-    const isSelected = selected ?? value?.has(item);
+    const isSelected = selected ?? isItemSelected(item, index);
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     useEffect(() => {
@@ -59,7 +60,7 @@ const CommandSubItem = forwardRef(
           if (event.defaultPrevented) {
             return;
           }
-          setHighlightedIndex(items.indexOf(parentItem), "pointer");
+          setHighlightedIndex(index, "pointer");
           setHighlightedSubIndex(subIndex, "pointer");
         },
         ref,

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-Bvqxc98d.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DICSzzhV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_1ya11vw','tplxxn'],true:{}},inset:{false:'nej8gs',true:'_4wu7fn'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['dlm911','qjlq04'],true:{}},inset:{false:'esai1f',true:'_7v3aew'}}});
 
 export { cover };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CwubpoEl.css';
-import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-DzUwSCD5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-2O9DpgUJ.css';
+import './../../../../assets/src/data-table-body/DataTableBody.css.ts.vanilla-BFk2iMUq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_16yfyvw'],variants:{pinned:{left:'_7qyhsf',right:'_4c0uj8'},pinnedType:{body:'vlp66t',header:{}}}});
-var cellOffsetVar = 'var(--_1vq5p8m)';
-var cellSizeVar = 'var(--dftfe0)';
-var header = recipeRuntime({base:[{display:'grid'},'_16dn9ga']});
-var leftTotalSizeVar = 'var(--cprc6g)';
-var rightTotalSizeVar = 'var(--_1jb83h8)';
-var table = recipeRuntime({base:'gohq4n',variants:{pinned:{both:'yu7tir',left:'_1y9f7lj',none:{},right:'_1n26rn0'}}});
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'mnn028'],variants:{pinned:{left:'h6e6ec',right:'rf2u1f'},pinnedType:{body:'elbsmu',header:{}}}});
+var cellOffsetVar = 'var(--_9fs9lc)';
+var cellSizeVar = 'var(--n5m2xi)';
+var header = recipeRuntime({base:[{display:'grid'},'_16txnts']});
+var leftTotalSizeVar = 'var(--c36d5g)';
+var rightTotalSizeVar = 'var(--_1uqsvhy)';
+var table = recipeRuntime({base:'_2gp2fx',variants:{pinned:{both:'lei9az',left:'fh7foj',none:{},right:'mocgmq'}}});
 
 export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

package/dist/esm/packages/react/src/data-table-footer/DataTableFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-DZsPZqF6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-DF1ohAIA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1whh1za',variants:{position:{end:{textAlign:'end'},start:{}}}});
+var addon = recipeRuntime({base:'_1h9f78s',variants:{position:{end:{textAlign:'end'},start:{}}}});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-B8I7iPqy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DBA32Ifj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'v1jcmo']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1m1rfxd'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_83ngia'],variants:{active:{false:'l0urhc',true:'_1ts84bb'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_3bauab']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_6lbyk'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_9x93vu'],variants:{active:{false:'_12mwhl4',true:'u1bq0m'}}});
 
 export { button, handle, icon };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BVvGcieH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BrQYS1Nm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({base:'_9vewya'});
+var picker = recipeRuntime({base:'eol8e0'});
 
 export { picker };

package/dist/esm/packages/react/src/date-picker-content/DatePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-DyWCinl_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-DK0swYVd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_192s3pg']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'na6cn6']});
 
 export { panels };

package/dist/esm/packages/react/src/date-range-picker/DateRangePicker.js

@@ -29,6 +29,7 @@ function DateRangePicker({
     DateRangePickerProvider,
     {
       disabled,
+      setOpen,
       setValue,
       value,
       children

package/dist/esm/packages/react/src/date-range-picker-content/DateRangePickerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-7y2gkfDT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-Bl4EgFCy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1aammyl']});
+var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1oq0pbb']});
 
 export { panels };

package/dist/esm/packages/react/src/date-range-picker-content/DateRangePickerContent.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
 import { useDateRangePickerContext } from '../date-range-picker-context/DateRangePickerContext.js';
 import { Flex } from '../flex/Flex.js';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { usePopoverContext } from '../popover-context/PopoverContext.js';
 import { panels } from './DateRangePickerContent-css.js';
 
 const DateRangePickerContent = forwardRef(
@@ -19,9 +20,18 @@ const DateRangePickerContent = forwardRef(
     weekend,
     ...props
   }, ref) => {
-    const { setValue, value } = useDateRangePickerContext(
+    const { open } = usePopoverContext(
       "@optiaxiom/react/DateRangePickerContent"
     );
+    const { setOpen, setValue, value } = useDateRangePickerContext(
+      "@optiaxiom/react/DateRangePickerContent"
+    );
+    const [from, setFrom] = useState();
+    useEffect(() => {
+      if (!open) {
+        setFrom(void 0);
+      }
+    }, [open]);
     return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
       /* @__PURE__ */ jsxs(Flex, { ...panels(), children: [
         addonBefore,
@@ -32,7 +42,16 @@ const DateRangePickerContent = forwardRef(
             max,
             min,
             mode: "range",
-            onValueChange: setValue,
+            onValueChange: (newValue) => {
+              if (!from) {
+                const newFrom = value?.from && newValue?.from && newValue.from < value.from ? newValue.from : newValue?.to;
+                setFrom(newFrom);
+                setValue({ from: newFrom, to: newFrom });
+              } else if (newValue?.to) {
+                setValue(newValue);
+                setOpen(false);
+              }
+            },
             today,
             value,
             weekend

package/dist/esm/packages/react/src/dialog-body/DialogBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-BXYhK3Ur.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/dialog-body/DialogBody.css.ts.vanilla-UdqK8dn9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'oa22ny']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',justifyContent:'flex-start',overflow:'auto',px:'24',py:'16'},'_1a0dhvf']});
 
 export { body };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BC0Ztb0e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BbXNXMsQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'pq5bz'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_2odxoj'],variants:{size:{sm:'_1fty708',md:'_1kk5nnb',lg:'_160bags',fullscreen:'b6f35u'}}});
-var nestedDialogCountVar = 'var(--_1raj41)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'as3z7c'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1vkwroz'],variants:{size:{sm:'_1lk3pao',md:'_12gp999',lg:'_1e223ow',fullscreen:'iz5h2j'}}});
+var nestedDialogCountVar = 'var(--_19lpth6)';
 
 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-DpowjLes.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.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-DpowjLes.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DXqGGzy6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B8dEEUcR.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-CfOlDUU1.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'},'_1oel1nm']});
+var close = recipeRuntime({base:['_14qfbmb']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1mkhh0y']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'mwenjf']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CpF6_PAS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1ahdbxw']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1i4ltfs']});
+var inner = recipeRuntime({base:['aylfch']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1f151ut']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DegFHTVA.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:'_1pyyucy',start:'c4mbg3'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'udojdn']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'velqix']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-D-Mh2gv9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1enu0sj'});
+var mark = recipeRuntime({base:'_1qpl18q'});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BsughZYN.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:'_19odwtj',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1bfe23j']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_9bnzqp']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1h16jnq'],variants:{offset:{false:'j422bx',true:{}},position:{'bottom-right':'_8o0kdx','top-right':'_12ltmpq'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1y3gk7y']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DZ0jEF15.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:'_1k6rlku',variants:{empty:{false:{},true:'_6omini'}}});
+var input = recipeRuntime({base:'_10mqslh'});
 
 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-B8dEEUcR.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-B8dEEUcR.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-y8bMSH4v.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:['_1vioq8m',{bg:'transparent',flex:'auto',w:'full'},'_1dwg08n','_1nuzhlb'],variants:{size:{md:{},lg:{},xl:['lz8zif']}}});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-ReU4Msyb.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-y8bMSH4v.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-iHZ9eqF7.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'},'_1netuw8']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Csvr6GeO.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'},'_6zzbkj'],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:'_1uwkiaa',variants:{variant:{outline:'_12atp8r',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-B8dEEUcR.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-ReU4Msyb.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-0KfIDBKX.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-8z9v56Ek.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_9kxxp8']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1b3dar']});
 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-B8dEEUcR.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1j05rql';
-var reset = 'optiaxiom._1xn72k';
+var components = 'optiaxiom._1ak1yxq';
+var reset = 'optiaxiom._1qou7xp';
 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-B8dEEUcR.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-DK34t6Mv.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'},'_1drq08i']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-D3T-_vwR.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'},'_173hr1v']});
+var link = recipeRuntime({base:['_10m75od','_16wc8is'],variants:{appearance:{'default':'f89e84',inverse:'_1u0gszd',subtle:'gaiyxi'}}});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DLs4QDCv.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'},'b7h4la']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_8z149x'],variants:{intent:{danger:'e8aj7c',neutral:'_1rxkk51'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_52gs5i']});
 
 export { description, item, title };

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

@@ -14,6 +14,7 @@ import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import { item, title, description } from './ListboxItem-css.js';
 
+const isHoverSupported = typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches;
 const ListboxItem = forwardRef(
   ({
     addonAfter,
@@ -21,6 +22,7 @@ const ListboxItem = forwardRef(
     asChild,
     children,
     className,
+    "data-highlighted": dataHighlighted,
     description: description$1,
     icon,
     intent = "neutral",
@@ -35,6 +37,7 @@ const ListboxItem = forwardRef(
         "aria-describedby": description$1 ? descriptionId : void 0,
         "aria-labelledby": labelId,
         asChild: true,
+        "data-highlighted": isHoverSupported ? dataHighlighted : void 0,
         ref,
         ...item({ intent }, className),
         ...props,

package/dist/esm/packages/react/src/{combobox-virtualized/ComboboxVirtualized.js → listbox-virtualized/ListboxVirtualized.js}

@@ -6,10 +6,9 @@ import { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
 import { ListboxScrollArea } from '../listbox-scroll-area/ListboxScrollArea.js';
 
-const ComboboxVirtualized = forwardRef(({ children, items, ...props }, outerRef) => {
+const ListboxVirtualized = forwardRef(({ children, highlightedItem, items, ...props }, outerRef) => {
   const innerRef = useRef(null);
   const ref = useComposedRefs(outerRef, innerRef);
   const [enabled, setEnabled] = useState(false);
@@ -22,16 +21,13 @@ const ComboboxVirtualized = forwardRef(({ children, items, ...props }, outerRef)
     estimateSize: () => 40,
     getScrollElement: () => innerRef.current
   });
-  const { highlightedItem } = useCommandContext(
-    "@optiaxiom/react/ComboboxVirtualized"
-  );
   const itemToIndexMap = useMemo(
     () => new Map(items.map((item, index) => [item, index])),
     [items]
   );
   useEffect(() => {
     const index = itemToIndexMap.get(highlightedItem);
-    if (typeof index !== "number") {
+    if (!enabled || typeof index !== "number") {
       return;
     }
     rowVirtualizer.scrollToIndex(index);
@@ -82,6 +78,6 @@ const ComboboxVirtualized = forwardRef(({ children, items, ...props }, outerRef)
     }
   ) });
 });
-ComboboxVirtualized.displayName = "@optiaxiom/react/ComboboxVirtualized";
+ListboxVirtualized.displayName = "@optiaxiom/react/ListboxVirtualized";
 
-export { ComboboxVirtualized };
+export { ListboxVirtualized };

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-B8dEEUcR.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-B9D6qIfE.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'},'_1mdd2tm'],variants:{maxH:{xs:'_1cp06w3',sm:'vw6low',md:'_1l1x3rh',lg:'_11qz006',full:{}},minW:{'0':{},trigger:'_17lojxm'},provider:{'dropdown-menu':'_17527ys',popover:'osbdt6',popper:'_1kjr1vv'}}});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-n2FzTfuv.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'},'jbjpqs']});
 
 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-B8dEEUcR.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-_rrvlFn5.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:'kswari',true:'pp3rux'}}});
 
 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-B8dEEUcR.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'}}}});