@optiaxiom/react 1.4.2 → 1.4.3

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CtEnSPR9.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-wenJY4iS.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DG7o3Whh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-IgsbjOjl.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-U1vqNEPQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1d23h7g']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1uenckb']});
 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-Dzoqz3a_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.rgvlm2';
-var reset = 'optiaxiom.n30gg1';
+var components = 'optiaxiom.kej491';
+var reset = 'optiaxiom._1u1itbv';
 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-Dzoqz3a_.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-DaN63rMj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-8_-PISER.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'u43gs0']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_7x85lh']});
 
 export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CmN0ZtWP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DCcetJvT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_13p68xx']});
-var link = recipeRuntime({base:['p05lqq','_8g3cdx'],variants:{appearance:{'default':'v32nvs',inverse:'_1dsm2cc',subtle:'_13izy59'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1frfg1']});
+var link = recipeRuntime({base:['kx44qz','bp38et'],variants:{appearance:{'default':'_15bsmyh',inverse:'iz044i',subtle:'tzft97'}}});
 
 export { icon, link };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-EchCEMZS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-cqYDOJN9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_19vdpzq']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'m86koj']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-Db6pUIcT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-DfYre0Yx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_35eawe']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_45efk1'],variants:{intent:{danger:'_7xv4xd',neutral:'_9cszuu'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1ofj5p']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'e8o4gf']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_141e5ud'],variants:{intent:{danger:'zrlky0',neutral:'vson0'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'gioeys']});
 
 export { description, item, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BjZns1yA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla--HSsA9eL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_10mv2lf'],variants:{active:{false:{},true:'na60m9'}}});
+var indicator = recipeRuntime({base:['_16c3aep'],variants:{active:{false:{},true:'_8cecnh'}}});
 
 export { indicator };

package/dist/esm/packages/react/src/listbox/ListboxItemized.js

@@ -45,7 +45,7 @@ const ListboxItemized = forwardRef(
             children: /* @__PURE__ */ jsx(Skeleton, {})
           },
           item
-        )) }) : typeof children === "function" ? items.length > VIRTUALIZE_THRESHOLD ? /* @__PURE__ */ jsx(ListboxVirtualized, { highlightedItem, items, children }) : items.length > 0 ? items.map((item, index) => /* @__PURE__ */ jsx(Fragment$1, { children: children(item, index) }, itemToKey(item))) : /* @__PURE__ */ jsx(ListboxEmpty, { children: empty }) : items.length > 0 ? children : /* @__PURE__ */ jsx(ListboxEmpty, { children: empty })
+        )) }) : typeof children === "function" ? items.length > VIRTUALIZE_THRESHOLD ? /* @__PURE__ */ jsx(ListboxVirtualized, { highlightedItem, items, children }) : items.length > 0 ? items.map((item, index) => /* @__PURE__ */ jsx(Fragment$1, { children: children(item, items[index - 1]) }, itemToKey(item))) : /* @__PURE__ */ jsx(ListboxEmpty, { children: empty }) : items.length > 0 ? children : /* @__PURE__ */ jsx(ListboxEmpty, { children: empty })
       }
     );
   }

package/dist/esm/packages/react/src/listbox/ListboxVirtualized.js

@@ -73,7 +73,7 @@ const ListboxVirtualized = forwardRef(({ children, highlightedItem, items, ...pr
         {
           "data-index": virtualItem.index,
           ref: rowVirtualizer.measureElement,
-          children: children(items[virtualItem.index], virtualItem.index)
+          children: children(items[virtualItem.index], items[virtualItem.index - 1])
         },
         virtualItem.key
       ))

package/dist/esm/packages/react/src/listbox/utils.js

@@ -0,0 +1,16 @@
+const shouldShowSeparator = (group, prevItem) => {
+  const isFirstItem = !prevItem;
+  return !isFirstItem && !isSameGroup(group, prevItem?.group) && (group?.separator || prevItem?.group?.separator);
+};
+const shouldShowGroup = (group, prevItem) => {
+  const show = !isSameGroup(group, prevItem?.group);
+  return show && !!group && !group.hidden;
+};
+const isSameGroup = (group1, group2) => {
+  if (group1 === group2) {
+    return true;
+  }
+  return group1?.label === group2?.label;
+};
+
+export { shouldShowGroup, shouldShowSeparator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-6hAHuZDQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-ALP4hTWK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_9z3r59']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_18i5kkb']}}});
 
 export { input };

package/dist/esm/packages/react/src/menu/MenuListbox.js

@@ -18,6 +18,7 @@ import { ListboxLabel } from '../listbox/ListboxLabel.js';
 import '../listbox/ListboxRadioItem.js';
 import { ListboxSeparator } from '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
+import { shouldShowSeparator, shouldShowGroup } from '../listbox/utils.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import '../tooltip/TooltipContent.js';
 import '../tooltip/TooltipProvider.js';
@@ -32,28 +33,12 @@ import { MenuSub } from './MenuSub.js';
 const MenuListbox = forwardRef(
   ({ children, ...props }, ref) => {
     const { size } = useMenuContext("@optiaxiom/react/MenuListbox");
-    let isFirstItem = true;
-    let lastGroup = void 0;
-    const shouldShowSeparator = (group) => {
-      const show = !isFirstItem;
-      isFirstItem = false;
-      return show && group !== lastGroup && (group?.separator || lastGroup?.separator);
-    };
-    const shouldShowGroup = (group) => {
-      const show = group !== lastGroup;
-      lastGroup = group;
-      return show && !!group && !group?.hidden;
-    };
-    return /* @__PURE__ */ jsx(CommandListbox, { ref, ...props, children: children ?? ((item, index) => {
-      if (index === 0) {
-        isFirstItem = true;
-        lastGroup = void 0;
-      }
+    return /* @__PURE__ */ jsx(CommandListbox, { ref, ...props, children: children ?? ((item, prevItem) => {
       const Comp = item.subOptions?.length ? size === "sm" ? MenuSub : MenuItem : "selected" in item ? item.multi ? MenuCheckboxItem : MenuRadioItem : MenuItem;
       const group = item.group;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        shouldShowSeparator(group) && /* @__PURE__ */ jsx(ListboxSeparator, {}),
-        shouldShowGroup(group) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.name }),
+        shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsx(ListboxSeparator, {}),
+        shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.label }),
         Comp === MenuSub ? /* @__PURE__ */ jsx(Comp, { item }) : /* @__PURE__ */ jsx(Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsx(Comp, { item }) })
       ] });
     }) });

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BujxQe95.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla--BNwNv-w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_19j9scv'],variants:{maxH:{xs:'_1xtjvgb',sm:'irxba4',md:'_1usz9zv',lg:'_11w97w9',full:{}},minW:{'0':{},trigger:'egtq2o'},provider:{'dropdown-menu':'qpr2qp',popover:'oyajez',popper:'_1h0jh7y'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'jcy4i4'],variants:{maxH:{xs:'_31x040',sm:'_18jp6a3',md:'_123m2u1',lg:'_1bj3884',full:{}},minW:{'0':{},trigger:'j5i0o4'},provider:{'dropdown-menu':'vzx5qq',popover:'_97s4ak',popper:'dnd2wx'}}});
 
 export { listbox };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-BabWpGiw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-BhP4ypVY.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:'_1d1zq0i',true:'_2ui7o2'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'ny579n',true:'_1cw7px8'}}});
 
 export { item };

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

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CtEnSPR9.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-wenJY4iS.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-DfBCoksv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-IgsbjOjl.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-xe-6pOni.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'},'_1r9ugy7']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'i4ehpw'],variants:{expanded:{false:'_1lj6hto',true:'_79lutv'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_8tg77p']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1afxijo'],variants:{expanded:{false:'acooeg',true:'_6iin3r'}}});
 
 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-Dzoqz3a_.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-N6iilZyM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DISVIxXO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1nmw0m0']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_4z23f0'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1kgx619']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1ntb1np']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'lrdxd0'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'j4knir']});
 
 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-Dzoqz3a_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.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-Dzoqz3a_.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-BaF_FyuF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-Bw1DRUCB.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'},'_3bk28s'],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'},'df5s95'],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-Dzoqz3a_.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-BxgD8eTg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-r1fPZXy2.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'},'rnlksk']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'a9951i']});
 
 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-Dzoqz3a_.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CtEnSPR9.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DbD4jaVm.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-cvZuNdDW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-IBpgBir4.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bai1BKi_.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CIKmqAFj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_15u1c7b'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1ttdlcv']});
-var input = recipeRuntime({base:'_1cvcqai'});
-var radio = recipeRuntime({base:'gdyb9e'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'wqhv52'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'ifvgdw']});
+var input = recipeRuntime({base:'_1or3eh8'});
+var radio = recipeRuntime({base:'_1g4dcek'});
 
 export { control, indicator, input, radio };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CDfb1V5j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BsXnzjHx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'hjbpyf']});
-var input = recipeRuntime({base:'o2znuo'});
-var search = recipeRuntime({base:'_1pl9ot6'});
+var clear = recipeRuntime({base:[{size:'sm'},'j3l9dy']});
+var input = recipeRuntime({base:'_5psc06'});
+var search = recipeRuntime({base:'y0poiv'});
 
 export { clear, input, search };

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

@@ -14,6 +14,7 @@ import { ListboxLabel } from '../listbox/ListboxLabel.js';
 import '../listbox/ListboxRadioItem.js';
 import { ListboxSeparator } from '../listbox/ListboxSeparator.js';
 import '../listbox/ListboxSwitchItem.js';
+import { shouldShowSeparator, shouldShowGroup } from '../listbox/utils.js';
 import '../modal/ModalContext.js';
 import { ModalLayer } from '../modal/ModalLayer.js';
 import { ModalListbox } from '../modal/ModalListbox.js';
@@ -32,18 +33,6 @@ const SelectContent = forwardRef(
   ({ align = "start", children, side = "bottom", size, ...props }, ref) => {
     const { downshift, highlightedItem, isOpen, items, loading } = useSelectContext("@optiaxiom/react/SelectContent");
     const [placed, setPlaced] = useState(false);
-    let isFirstItem = true;
-    let lastGroup = void 0;
-    const shouldShowSeparator = (group) => {
-      const show = !isFirstItem;
-      isFirstItem = false;
-      return show && group !== lastGroup && (group?.separator || lastGroup?.separator);
-    };
-    const shouldShowGroup = (group) => {
-      const show = group !== lastGroup;
-      lastGroup = group;
-      return show && !!group && !group?.hidden;
-    };
     return /* @__PURE__ */ jsx(TransitionGroup, { open: isOpen, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
       ModalListbox,
       {
@@ -64,15 +53,11 @@ const SelectContent = forwardRef(
             loading,
             onPlacedChange: setPlaced,
             ...downshift.getMenuProps({}, { suppressRefError: !placed }),
-            children: children ?? ((item, index) => {
-              if (index === 0) {
-                isFirstItem = true;
-                lastGroup = void 0;
-              }
+            children: children ?? ((item, prevItem) => {
               const group = item.group;
               return /* @__PURE__ */ jsxs(Fragment, { children: [
-                shouldShowSeparator(group) && /* @__PURE__ */ jsx(ListboxSeparator, {}),
-                shouldShowGroup(group) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.label }),
+                shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsx(ListboxSeparator, {}),
+                shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.label }),
                 /* @__PURE__ */ jsx(Tooltip, { content: item.disabledReason, children: /* @__PURE__ */ jsx(
                   SelectRadioItem,
                   {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-wS2qmdRH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-D7AI5WS1.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:'yvyj5z',md:'_1qy9ch7',base:'_17frmyz'},defaultClass:'_17frmyz'},vertical:{conditions:{sm:'_19p71tr',md:'_9xacht',base:'_1arvqi4'},defaultClass:'_1arvqi4'}},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:'iuy614',md:'mctabj',base:'_1f10yy2'},defaultClass:'_1f10yy2'},vertical:{conditions:{sm:'k03hn6',md:'vu7v16',base:'_18dd440'},defaultClass:'_18dd440'}},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-Dzoqz3a_.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DgBlFXT9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CDgH9kUf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'ttgma2']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_11rrmh1']});
 
 export { skeleton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dzoqz3a_.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-BBAm6dsH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-IRSHqbpU.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DM0YmXP0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_1orl8cl',inverse:'ro519v'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'fhivh3',inverse:'r563q9'}}});
 
 export { track };