@optiaxiom/react 1.1.0 → 1.1.2

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.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-vkICs9QI.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BO22HPl9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DTr7WjFv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['occq5c',{bg:'transparent',flex:'auto',w:'full'},'_1rs0zee','_7wqwey'],variants:{size:{md:{},lg:{},xl:['ce0f0g']}}});
+var control = recipeRuntime({base:['k9wkpu',{bg:'transparent',flex:'auto',w:'full'},'_5vgx7j','gizngf'],variants:{size:{md:{},lg:{},xl:['_1m2pd4b']}}});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BO22HPl9.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Cak7u8CN.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_3nkz98']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'lpq755']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-T_P_bafO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-D2Zmv7r9.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'},'_1qwr319'],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:'_1xppavn',variants:{variant:{outline:'tn4p96',subtle:{}}}});
+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:{}}}});
 
 export { kbd, keys };

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

@@ -0,0 +1,11 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_9kxxp8']});
+var content = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
+var label = recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
+
+export { button, content, label };

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

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

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1g2ktwt';
-var reset = 'optiaxiom._11ctu6e';
+var components = 'optiaxiom._1j05rql';
+var reset = 'optiaxiom._1xn72k';
 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-vkICs9QI.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-BrJZ9b48.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-Dq0BGcjN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'sdn7n6']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'qh9hct']});
 
 export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-ByffnwI1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DZSy83rt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1e31ahp']});
-var link = recipeRuntime({base:['_1js5r4d','_10w4qs8'],variants:{appearance:{'default':'_1yu1qnz',inverse:'_1tjedcq',subtle:'mslpsa'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1s1wmq1']});
+var link = recipeRuntime({base:['_149tkvg','ogo0o7'],variants:{appearance:{'default':'_1o51zsy',inverse:'_13pvn3n',subtle:'a2kv6s'}}});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BH3StrZy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-BkdR-XXj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'sfo779']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1r137ef'],variants:{intent:{danger:'_1acnx33',neutral:'_1l4fcld'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'q9814x']});
+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']});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CtoX0bQr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-CBpPAJWl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1tcrsj2'],variants:{maxH:{xs:'_85ncgo',sm:'_6hlm3b',md:'leyc9s',lg:'_1smtmsa',full:{}},minW:{'0':{},trigger:'_1x9kgqa'},provider:{'dropdown-menu':'_187nfx5',popover:'_1wv9n0x',popper:'zomvfe'}}});
+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'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-BYqKR78o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-CyTtcTEL.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'},'tnnhrw']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1n27ld9']});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-Cyrai6LU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/nav-account-item/NavAccountItem.css.ts.vanilla-CEtqVFuI.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:'_1b37e6v',true:'_122x6i6'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_18vcd1w',true:'_172k06g'}}});
 
 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-vkICs9QI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.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-vkICs9QI.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DB7Rlj5O.css';
-import './../../../../assets/src/nav-item/NavItem.css.ts.vanilla-Eu2uaJN5.css';
+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 { 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'},'a5apa6']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ksd333'],variants:{expanded:{false:'g34f2k',true:'_12yn5t2'}}});
+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'}}});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DbLUh50Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D-rDWBIZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'kbl1i0']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_16rndz5'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'egfpgh']});
+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']});
 
 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-vkICs9QI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.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-vkICs9QI.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-BerLBPwr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DwHSk3QZ.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'},'dvhitc'],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'},'_1xaveq0'],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-vkICs9QI.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-GrJYLOrk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-DZZm_Ymr.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'},'_1y3mc8i']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1ehmc1z']});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DUlOrUqH.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-BWC_6pPW.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'m5wr9y'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1af56rw']});
-var input = recipeRuntime({base:'sk1ghj'});
-var radio = recipeRuntime({base:'_1sryvwl'});
+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'});
 
 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-vkICs9QI.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-D8hM9XZ2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BH7IRGQp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1ijk0q1']});
-var search = recipeRuntime({base:'_1fqmnu'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1hmbbvf']});
+var search = recipeRuntime({base:'j69wfs'});
 
 export { clear, search };

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

@@ -36,6 +36,7 @@ function Select({
   );
   const downshift = useSelect({
     ...props,
+    defaultHighlightedIndex: selectedItem ? items.findIndex((item) => itemToKey(selectedItem) === itemToKey(item)) : 0,
     highlightedIndex,
     isOpen: placed,
     items,
@@ -47,10 +48,12 @@ function Select({
     onIsOpenChange({ isOpen: isOpen2 }) {
       setIsOpen(isOpen2);
     },
-    onSelectedItemChange({ selectedItem: selectedItem2 }) {
-      setSelectedItem(selectedItem2);
+    onSelectedItemChange({ selectedItem: selectedItem2, type }) {
+      setSelectedItem(
+        (prevSelectedItem) => selectedItem2 && prevSelectedItem && type !== useSelect.stateChangeTypes.ToggleButtonBlur && itemToKey(selectedItem2) === itemToKey(prevSelectedItem) ? null : selectedItem2
+      );
     },
-    selectedItem: selectedItem ?? null
+    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-vkICs9QI.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CUPJPb-Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CtoX-3jS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_11mh0s6']});
+var content = recipeRuntime({base:['_17rhgy2']});
 
 export { content };

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

@@ -12,6 +12,7 @@ const SelectItem = forwardRef(
       "@optiaxiom/react/SelectItem"
     );
     const itemProps = downshift.getItemProps({ item, ref, ...props });
+    itemProps["aria-selected"] = selectedItem === item;
     return /* @__PURE__ */ jsx(
       Box,
       {

package/dist/esm/packages/react/src/select-trigger/SelectTrigger.js

@@ -8,6 +8,8 @@ import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { useSelectContext } from '../select-context/SelectContext.js';
 import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
+import '../utils/conditions.js';
+import { decorateChildren } from '../utils/decorateChildren.js';
 
 const SelectTrigger = forwardRef(
   ({
@@ -31,6 +33,7 @@ const SelectTrigger = forwardRef(
       },
       [focusOnOpen]
     );
+    const value = selectedItem ? itemToString(selectedItem) : placeholder;
     return /* @__PURE__ */ jsx(
       PopperAnchor,
       {
@@ -45,7 +48,10 @@ const SelectTrigger = forwardRef(
             document.dispatchEvent(new Event("tooltip.open"));
           }
         }),
-        children: /* @__PURE__ */ jsx(Slot, { ref, children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { ref: buttonRef, children: children ?? (selectedItem ? itemToString(selectedItem) : placeholder) }) })
+        children: /* @__PURE__ */ jsx(Slot, { ref, children: asChild ? decorateChildren(
+          { asChild, children },
+          (children2) => children2 ?? value
+        ) : /* @__PURE__ */ jsx(AngleMenuButton, { ref: buttonRef, children: children ?? value }) })
       }
     );
   }

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-B4XqOfv3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-DIu23l0k.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:'_13nh73w',md:'_1xk94xe',base:'zc3ek7'},defaultClass:'zc3ek7'},vertical:{conditions:{sm:'_1r3vksk',md:'fnjy4f',base:'xox0d6'},defaultClass:'xox0d6'}},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:'_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;}()));
 
 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-vkICs9QI.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-B-wYTiAT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BCNl7fHi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'wb4lj6']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'kjwm40']});
 
 export { skeleton };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-BG50h7Fr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-BmYE_YQl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'t9ddfa']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1sl7jeo']});
 
 export { input };

package/dist/esm/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-Cla2d-L6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CloXtTpf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1dgec1g']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'a3x4av']});
 
 export { item };

package/dist/esm/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-gAONLzWs.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DfwAJ8Wz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DpowjLes.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CCadKz2l.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-Tki4tt1f.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'lhbseo',true:'_2kjk4'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'plykta',true:'_14g06ml'}}});
 
 export { item };