@optiaxiom/react 1.4.4 → 1.4.5

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-BnLQthxH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DTGYmare.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1gsxk40',{bg:'transparent',flex:'auto',w:'full'},'_116un6b','ekj1as'],variants:{size:{md:{},lg:{},xl:['_1ch428j']}}});
+var control = recipeRuntime({base:['_6w5554',{bg:'transparent',flex:'auto',w:'full'},'_1grzmfo','qfp0m4'],variants:{size:{md:{},lg:{},xl:['e8rog5']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-BnLQthxH.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Zuc9dU8n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DTGYmare.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-CUEDvAsn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1i461uj']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1m8e690']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DYimwKhq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DnM-SqYs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var kbd = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',flexDirection:'row',fontFamily:'sans',gap:'2',whiteSpace:'nowrap'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',px:'6',rounded:'sm'},'zf3o5d'],subtle:{}}}});
-var keys = recipeRuntime({base:'edg5lb'});
+var kbd = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',flexDirection:'row',fontFamily:'sans',gap:'2',whiteSpace:'nowrap'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',px:'6',rounded:'sm'},'_16iqid3'],subtle:{}}}});
+var keys = recipeRuntime({base:'aywuc0'});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-WHx-aTZW.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-VZEhd-tN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dx1pjGJE.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-CXGSSOar.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_16ei0q6']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'vefguh']});
 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-DgDqM1Tx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.uavbkh';
-var reset = 'optiaxiom._1jt75cv';
+var components = 'optiaxiom._12h7ywj';
+var reset = 'optiaxiom._1jqkdoc';
 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-DgDqM1Tx.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-Bz6n9eU3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-GMnxoQ4-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'v7jbk6']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1nqcmt']});
 
 export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-CYIWxhhi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-BJCeHHTC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1y5jxuf']});
-var link = recipeRuntime({base:['pjsgj3','ezms3d'],variants:{appearance:{'default':'_2kcoqv',inverse:'_6x1ekb',subtle:'_14ut6ci'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'p6ip7x']});
+var link = recipeRuntime({base:['_60vqyk','_1b185x6'],variants:{appearance:{'default':'_1w1nirf',inverse:'_1th8env',subtle:'_1vexzmb'}}});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CFpVOqf6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DN9kKQT8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'lu5qkk']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'jmv7pw']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-CwCJTzX5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BU8QYqxz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1e6cay6']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vwa25a'],variants:{intent:{danger:'_1wn6zbp',neutral:'_7f4pwg'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1x1pxg7']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1teohjo']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_16eydx3'],variants:{intent:{danger:'i39ghn',neutral:'_1fcquph'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'xb1bcj']});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CCcfuo_W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CYu7IUFz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_1was5dg'],variants:{active:{false:{},true:'_1dhe9a2'}}});
+var indicator = recipeRuntime({base:['hdvefq'],variants:{active:{false:{},true:'r7300f'}}});
 
 export { indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-Dc7Ke7O0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-B9ESb0EX.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'},'qh2ew4']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1fvwxh9']}}});
 
 export { input };

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

@@ -27,6 +27,7 @@ const MenuItem = forwardRef(
         addonBefore: props.item.addon,
         asChild: true,
         description: props.item.description,
+        intent: props.item.intent,
         children: /* @__PURE__ */ jsx(Comp, { ...props.item.link && { href: props.item.link }, children })
       }
     ) });

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

@@ -33,7 +33,6 @@ const MenuPopoverContent = forwardRef(({ style, ...props }, outerRef) => {
   return /* @__PURE__ */ jsx(
     PopoverContent,
     {
-      maxH: "sm",
       minW: "trigger",
       ref,
       style: { ...style, minHeight },

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

@@ -40,7 +40,6 @@ const MenuSubContent = forwardRef(
       {
         align,
         alignOffset: item.subOptionsInputVisible ? -46 : -4,
-        maxH: "sm",
         minW: "trigger",
         onCloseAutoFocus: (event) => {
           if (parentSubMenuOpen) {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-DaBVrbx4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-Dqt3__za.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'jk09kn'],variants:{maxH:{xs:'_1h5ez3r',sm:'_1bp5dj6',md:'_776zap',lg:'_1atvek2',full:{}},minW:{'0':{},trigger:'d5sghg'},provider:{'dropdown-menu':'_3zm8lo',popover:'j42woq',popper:'wzaarb'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1d3acop'],variants:{maxH:{xs:'_1t3137t',sm:'_13c6tct',md:'_989yqe',lg:'_4mpbvh',full:{}},minW:{'0':{},trigger:'icprc7'},provider:{'dropdown-menu':'mhjjts',popover:'t316vl',popper:'_6rornk'}}});
 
 export { listbox };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-afigyV0I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-CLaBZvXR.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:'_3arvqw',true:'_1fqriqs'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1dtqo4c',true:'lqafdi'}}});
 
 export { item };

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

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

@@ -5,24 +5,27 @@ import { forwardRef } from 'react';
 import { Disclosure } from '../disclosure/Disclosure.js';
 import '../disclosure/DisclosureContent.js';
 import '../disclosure/DisclosureTrigger.js';
+import { Flex } from '../flex/Flex.js';
 import { NavGroupProvider } from './NavGroupContext.js';
 
 const NavGroup = forwardRef(
-  ({ children, ...props }, ref) => {
+  ({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
     const groupId = useId();
-    return /* @__PURE__ */ jsx(NavGroupProvider, { id: groupId, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Flex, { asChild: true, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsx(
       Disclosure,
       {
         alignItems: "stretch",
         "aria-labelledby": props["aria-label"] ? void 0 : groupId,
-        asChild: true,
         defaultOpen: true,
         display: "flex",
         flexDirection: "column",
+        ref,
+        role: "group",
+        ...collapsible && { defaultOpen, onOpenChange, open },
         ...props,
-        children: /* @__PURE__ */ jsx("li", { ref, children })
+        children
       }
-    ) });
+    ) }) }) });
   }
 );
 NavGroup.displayName = "@optiaxiom/react/NavGroup";

package/dist/esm/packages/react/src/nav/NavGroupContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [NavGroupProvider, useNavGroupContext] = createContext("@optiaxiom/react/NavGroup", { id: void 0 });
+const [NavGroupProvider, useNavGroupContext] = createContext("@optiaxiom/react/NavGroup", { collapsible: false, id: void 0 });
 
 export { NavGroupProvider, useNavGroupContext };

package/dist/esm/packages/react/src/nav/NavGroupTrigger.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import '../disclosure/Disclosure.js';
 import '../disclosure/DisclosureContent.js';
 import { DisclosureTrigger } from '../disclosure/DisclosureTrigger.js';
@@ -8,8 +11,10 @@ import { useNavGroupContext } from './NavGroupContext.js';
 
 const NavGroupTrigger = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("@optiaxiom/react/NavGroupTrigger");
-    return /* @__PURE__ */ jsx(
+    const { collapsible, id } = useNavGroupContext(
+      "@optiaxiom/react/NavGroupTrigger"
+    );
+    return collapsible ? /* @__PURE__ */ jsx(
       DisclosureTrigger,
       {
         chevronPosition: "end",
@@ -26,6 +31,21 @@ const NavGroupTrigger = forwardRef(
         ...props,
         children
       }
+    ) : /* @__PURE__ */ jsx(
+      Box,
+      {
+        color: "fg.tertiary",
+        fontSize: "sm",
+        h: "sm",
+        id,
+        mb: "4",
+        mt: "8",
+        p: "0",
+        px: "12",
+        ref,
+        w: "auto",
+        children
+      }
     );
   }
 );

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-WHx-aTZW.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-ACTEqCcA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dx1pjGJE.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BIB32Kxv.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'},'_1hrvko2']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1wfoz06'],variants:{expanded:{false:'_7q20b0',true:'_18za6t2'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1arxn28']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'h6wf4w'],variants:{expanded:{false:'_1jvg4w8',true:'xvq5bx'}}});
 
 export { item, label };

package/dist/esm/packages/react/src/nav/NavItem.js

@@ -38,7 +38,7 @@ const NavItem = forwardRef(
     children = decorateChildren({ asChild, children }, (children2) => {
       tooltip = children2;
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }),
+        icon ? /* @__PURE__ */ jsx(Box, { display: "grid", flex: "none", placeItems: "center", size: "lg", children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsx(Box, { flex: "none", size: "12" }),
         /* @__PURE__ */ jsxs(Box, { ...label({ expanded: Boolean(expanded) }), children: [
           /* @__PURE__ */ jsx(Text, { truncate: true, children: children2 }),
           addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", flex: "none", children: fallbackSpan(addonAfter) })

package/dist/esm/packages/react/src/pagination/Pagination-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D_A3QaT2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-wa8ut6PQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'rjl0vo']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1xk9rfl'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_15zydff']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_3taapp']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1twqkls'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'if696u']});
 
 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-DgDqM1Tx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.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-DgDqM1Tx.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-K-Vzw2lp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-qAQ5gQIP.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'},'vh1ayn'],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'},'_13f8cbk'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/popover/PopoverContent.js

@@ -16,7 +16,7 @@ import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 import { usePopoverContext } from './PopoverContext.js';
 
 const PopoverContent = forwardRef(
-  ({ align = "start", children, sideOffset = 2, withArrow, ...props }, outerRef) => {
+  ({ align = "start", children, sideOffset = 4, withArrow, ...props }, outerRef) => {
     const { open, presence, setPresence } = usePopoverContext(
       "@optiaxiom/react/PopoverContent"
     );
@@ -40,6 +40,7 @@ const PopoverContent = forwardRef(
               RadixPopover.Content,
               {
                 align,
+                collisionPadding: 16,
                 ref,
                 sideOffset,
                 children: [

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla--j70ophL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-s1nNYPKL.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'},'z8tjb0']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'jyzif3']});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-QKro-bni.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DMo_bcI0.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-DiPJRBZA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CCO8u4ZD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1qgqa8k'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'f1s3hl']});
-var input = recipeRuntime({base:'iqs9g6'});
-var radio = recipeRuntime({base:'_1u460i3'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'cxs4m4'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1cofyw4']});
+var input = recipeRuntime({base:'q8sgtb'});
+var radio = recipeRuntime({base:'_1rullu7'});
 
 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-DgDqM1Tx.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-Bjhboj4v.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DPg_qaQp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'hzmymp']});
-var input = recipeRuntime({base:'_100rwmk'});
-var search = recipeRuntime({base:'_3jmxv8'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1hogvp5']});
+var input = recipeRuntime({base:'diwhot'});
+var search = recipeRuntime({base:'_140keur'});
 
 export { clear, input, search };

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

@@ -30,7 +30,14 @@ import { useSelectContext } from './SelectContext.js';
 import { SelectRadioItem } from './SelectRadioItem.js';
 
 const SelectContent = forwardRef(
-  ({ align = "start", children, side = "bottom", size, ...props }, ref) => {
+  ({
+    align = "start",
+    children,
+    onPointerDown,
+    side = "bottom",
+    size,
+    ...props
+  }, ref) => {
     const { downshift, highlightedItem, isOpen, items, loading } = useSelectContext("@optiaxiom/react/SelectContent");
     const [placed, setPlaced] = useState(false);
     return /* @__PURE__ */ jsx(TransitionGroup, { open: isOpen, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -39,12 +46,22 @@ const SelectContent = forwardRef(
         asChild: true,
         maxH: "sm",
         minW: "trigger",
+        onPointerDown: (event) => {
+          onPointerDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target instanceof HTMLElement && event.target.closest('[role="option"]')) {
+            return;
+          }
+          event.preventDefault();
+        },
         provider: "popper",
         ref,
         role: "dialog",
         size,
         ...props,
-        children: /* @__PURE__ */ jsx(PopperContent, { align, side, sideOffset: 5, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(PopperContent, { align, side, sideOffset: 4, children: /* @__PURE__ */ jsx(
           ListboxItemized,
           {
             highlightedItem,

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-Cj8fLWBy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-D3djE9RO.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:'_63fvxb',md:'_1nkv9ml',base:'_1i8huaz'},defaultClass:'_1i8huaz'},vertical:{conditions:{sm:'_6801wn',md:'b1s0yf',base:'ito9pp'},defaultClass:'ito9pp'}},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:'djgwf5',md:'udb7qe',base:'bjimvg'},defaultClass:'bjimvg'},vertical:{conditions:{sm:'_6oy55i',md:'_2e2cyf',base:'yl8374'},defaultClass:'yl8374'}},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-DgDqM1Tx.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-B3RW9y-8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CTJ8rLzc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1afj4tk']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'sfawc5']});
 
 export { skeleton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DgDqM1Tx.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DmSBqOpL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-rL9r9uUN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_1506tx3',inverse:'_83tlb9'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'nm7deb',inverse:'_17vjp1k'}}});
 
 export { track };