@optiaxiom/react 3.0.0-next.1 → 3.0.0-next.3

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-ChTLDdGM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-C8kXqfhu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger$1 = recipeRuntime({base:'k0ewbz'});
+var trigger$1 = recipeRuntime({base:'_12fol03'});
 
 export { trigger$1 as trigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/icon/Icon.css.ts.vanilla-u-2SWyzf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/icon/Icon.css.ts.vanilla-vdpS3e_a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$5 = recipeRuntime({base:[{flex:'none',w:'auto'},'rce9ci']});
+var icon$5 = recipeRuntime({base:[{flex:'none'},'ebi78h']});
 
 export { icon$5 as icon };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-B7cprf0a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-B8_qO0fa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_5kbjr4',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_4016jn']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1nhl6r3']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'r1vhkw'],variants:{offset:{false:'w0i01',true:{}},position:{'bottom-right':'_5efck8','top-right':'_1d0xicm'}}});
-var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'m8458b']});
+var badge = recipeRuntime({base:'p552qg',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'e52mf9']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'r2y8rp']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_10b5ojs'],variants:{offset:{false:'_1gbzvfb',true:{}},position:{'bottom-right':'_16i5f6g','top-right':'uqxrxt'}}});
+var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1r00tr9']});
 
 export { badge, floating, indicator$2 as indicator };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-8wK-jbKY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BzKlDoTt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'lsaiku',variants:{empty:{false:{},true:'e4mjpf'}}});
-var input = recipeRuntime({base:'_19ccgxw'});
+var editor = recipeRuntime({base:'_1nt7e2c',variants:{empty:{false:{},true:'hd9ztd'}}});
+var input = recipeRuntime({base:'_3ogo8j'});
 
 export { editor, input };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/input/Input.css.ts.vanilla-C5peoBy3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/input/Input.css.ts.vanilla-DsC_xL_0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none'},'_1lropl2']});
+var addon = recipeRuntime({base:[{flex:'none'},'mj9u1r']});
 var input$1 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
 var root$2 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-C2YlbC5j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-BU061DnK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_6z6l7p',{bg:'transparent',flex:'auto',w:'full'},'jeixms','q7yeem'],variants:{size:{md:{},lg:{},xl:['_13amd49']}}});
+var control = recipeRuntime({base:['_1kmfop8',{bg:'transparent',flex:'auto',w:'full'},'xbexkj','_12ny9lo'],variants:{size:{md:{},lg:{},xl:['_105ayvp']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-C2YlbC5j.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-rwz6aL4o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-BU061DnK.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-DifICnbE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root$1 = recipeRuntime({base:[{gap:'0'},'_1aa6o0e']});
+var root$1 = recipeRuntime({base:[{gap:'0'},'yegrdt']});
 
 export { root$1 as root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-GY1r8biQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DXDUcmqu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1mz8037'],subtle:{}}}});
+var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1cusqnk'],subtle:{}}}});
 
 export { kbd, key };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-UchD4k1s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DjdSFMxz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1xc6qko']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1ogljof']});
 var content$1 = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label$1 = recipeRuntime({base:[{color:'fg.tertiary',cursor:'pointer',fontFamily:'mono',fontWeight:'400',maxW:'full',textTransform:'uppercase',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconKeyboardArrowDown } from '@optiaxiom/icons';
+import { IconAngleDown } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import { Label } from '@radix-ui/react-label';
 import clsx from 'clsx';
@@ -39,7 +39,7 @@ const LabelMenuButton = forwardRef(
               ]
             }
           ),
-          /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsx(IconKeyboardArrowDown, {}) })
+          /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, {}) })
         ]
       }
     );

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1wx78hd';
-var reset = 'optiaxiom._1svfk1i';
+var components = 'optiaxiom.g7voo0';
+var reset = 'optiaxiom._1teocdu';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layout-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-CD-DQz5y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/layout/Layout.css.ts.vanilla-B6nqRbSx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_13y4rq5'],variants:{size:{full:'_11is1w5',screen:'kt0kfu'}}});
+var layout = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',fontSize:'md'},'vw95ow'],variants:{size:{full:'dkfe9t',screen:'a7j5cv'}}});
 
 export { layout };

package/dist/esm/packages/react/src/layout/LayoutContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-D8t2n7Kt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-BY9zukZG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_8g5z7f']});
+var content = recipeRuntime({base:[{bg:'bg.page',flexDirection:'column',gap:'16',m:'4',ml:'0',overflow:'auto',px:'32',py:'24',rounded:'lg'},'_4f5m6z']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BtsfK3Pn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CNmBxCTr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$1 = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1yv2mc']});
-var link$1 = recipeRuntime({base:['kihpvp'],variants:{appearance:{'default':'_15ai7m1',inverse:'mlzc9i',subtle:'_8138ij'}}});
+var icon$1 = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_10miw5j']});
+var link$1 = recipeRuntime({base:['_167npjr'],variants:{appearance:{'default':'_1vcd8g2',inverse:'_1hergr7',subtle:'_1oexuaj'}}});
 
 export { icon$1 as icon, link$1 as link };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { IconOpenInNew } from '@optiaxiom/icons';
+import { IconArrowUpRightFromSquare } from '@optiaxiom/icons';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -39,7 +39,7 @@ const Link = forwardRef(
         },
         children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
           children2,
-          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconOpenInNew, {}) })
+          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconArrowUpRightFromSquare, {}) })
         ] }))
       }
     ) }) });

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/Listbox.css.ts.vanilla-Bd66u1ez.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/listbox/Listbox.css.ts.vanilla-CN5GZN1V.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox$1 = recipeRuntime({base:[{display:'flex',flex:'1',flexDirection:'column',gap:'2',overflow:'auto'},'_1unfi5g']});
+var listbox$1 = recipeRuntime({base:[{display:'flex',flex:'1',flexDirection:'column',gap:'2',overflow:'auto'},'_1t3hsvg']});
 
 export { listbox$1 as listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-PUf72vj-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C1Vhmlms.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1ymmwwu']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_7spvdv']});
 
 export { checkbox };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-Q4KGYxEj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BDda-H5U.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_1nhfgtp'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'_4pt6wo']});
-var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1ttojz5'],variants:{intent:{danger:'f6nth0',neutral:'we0qsm'}}});
-var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'rj0dhd']});
+var addon$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'opx9if'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'wdt16u']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1cxqvpg'],variants:{intent:{danger:'rqhhy6',neutral:'dww5xl'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_1ra89b0']});
 
 export { addon$1 as addon, 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-DtGY3B09.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-C57bwG-S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CtSFhSwq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_17x1kdp'],variants:{active:{false:{},true:'_13w6rnb'}}});
+var indicator = recipeRuntime({base:['zln30u'],variants:{active:{false:{},true:'uollel'}}});
 
 export { indicator };

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

@@ -99,7 +99,7 @@ function Menu({
     [activeItemStack, inputValue, optionsProp, size]
   );
   const hasSelectableItem = useMemo(
-    () => options.filter((item) => "selected" in item).length > options.length / 2,
+    () => options.filter((item) => "selected" in item).length > options.length / 2 && options.length >= 10,
     [options]
   );
   const inputDefaultVisibleRef = useRef(hasSelectableItem);

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-it8_JzP4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-61m2ocHD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content$2 = recipeRuntime({base:'_1lshr2t'});
+var content$2 = recipeRuntime({base:'_1rgi5tn'});
 
 export { content$2 as content };

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { IconOpenInNew } from '@optiaxiom/icons';
+import { IconArrowUpRightFromSquare } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import '../command/Command.js';
 import '../command/CommandInput.js';
@@ -30,7 +30,7 @@ const MenuItem = forwardRef(
     return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
       ListboxItem,
       {
-        addonAfter: props.item.href && props.item.external ? /* @__PURE__ */ jsx(IconOpenInNew, {}) : addonAfter,
+        addonAfter: props.item.href && props.item.external ? /* @__PURE__ */ jsx(IconArrowUpRightFromSquare, {}) : addonAfter,
         addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
         asChild: true,
         "data-focus-visible": focusVisible && highlightedItem === props.item ? "" : void 0,

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

@@ -4,7 +4,7 @@ import { useModalContext } from '@optiaxiom/globals';
 import { useId } from '@radix-ui/react-id';
 import { createSlot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
-import { forwardRef } from 'react';
+import { forwardRef, useState, useLayoutEffect } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
 import { useFieldContext } from '../field/FieldContext.js';
 import '../popover/Popover.js';
@@ -15,16 +15,25 @@ import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useMenuContext } from './MenuContext.js';
 
 const Slot$2 = createSlot("@optiaxiom/react/MenuPopoverContent");
-const MenuPopoverContent = forwardRef(({ "aria-label": ariaLabel, children, ...props }, ref) => {
+const MenuPopoverContent = forwardRef(({ align, "aria-label": ariaLabel, children, ...props }, ref) => {
   const { shardRef } = useModalContext("@optiaxiom/react/MenuPopoverContent");
   const { labelId: fieldLabelId } = useFieldContext(
     "@optiaxiom/react/MenuPopoverContent"
   );
   const { triggerRef } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
   const labelId = useId();
+  const [resolvedAlign, setResolvedAlign] = useState(align);
+  useLayoutEffect(() => {
+    const rect = triggerRef.current?.getBoundingClientRect();
+    if (rect) {
+      const center = rect.left + rect.width / 2;
+      setResolvedAlign(center > window.innerWidth / 2 ? "end" : "start");
+    }
+  }, [align, triggerRef]);
   const content = /* @__PURE__ */ jsxs(
     PopoverContent,
     {
+      align: align ?? resolvedAlign,
       "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
       ref,
       ...props,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-DTn1kXMO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BEJVr_RO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1hqvuga'],variants:{maxH:{xs:'ueutk0',sm:'_1y5ovnf',md:'_10328g0',lg:'_1hhqscv',full:{}},minW:{'0':{},trigger:'_4mr4jn'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'cs5eql'],variants:{maxH:{xs:'_1tlqkdf',sm:'_1hh3mol',md:'_1sdhmso',lg:'_1ya50c4',full:{}},minW:{'0':{},trigger:'_1r6gu44'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DajMbLdL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-ymoupBig.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav$1 = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_176cfr2']});
+var nav$1 = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'xm35ie']});
 
 export { nav$1 as nav };

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

@@ -11,8 +11,6 @@ const Nav = forwardRef(
     return /* @__PURE__ */ jsx(
       Group,
       {
-        borderColor: "border.tertiary",
-        borderR: "1",
         flexDirection: "column",
         gap: "16",
         h: "full",

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-Cx0hmFuQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-CFgXXaFD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item$1 = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'on5kmk',true:'ed14pr'}}});
+var item$1 = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'s5ncie',true:'_13yd2j5'}}});
 
 export { item$1 as item };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconMoreHoriz } from '@optiaxiom/icons';
+import { IconEllipsisStroke } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Avatar } from '../avatar/Avatar.js';
 import '../avatar/AvatarGroup.js';
@@ -31,7 +31,7 @@ const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) =
         /* @__PURE__ */ jsx(Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
         /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
       ] }),
-      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconMoreHoriz, {}) })
+      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsisStroke, {}) })
     ] })
   ] }) }) }) });
 });

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',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-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-DAfz9OYZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-C9UB1rPA.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'},'r0ycip']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'be2qig'],variants:{expanded:{false:'aou6xb',true:'_14vvanu'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'zr9x4t']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1elacsc'],variants:{expanded:{false:'ummvvu',true:'g67qyf'}}});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-Co0FpGzt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BFSSBBI2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$1 = recipeRuntime({base:[{justifyContent:'center'},'_1lckcmh']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1tj4fcn'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list$1 = recipeRuntime({base:[{gap:'2'},'asqiie']});
+var button$1 = recipeRuntime({base:[{justifyContent:'center'},'_1kng35r']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'rgkka6'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list$1 = recipeRuntime({base:[{gap:'2'},'_1fj1r7x']});
 
 export { button$1 as button, cursor, list$1 as list };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconChevronLeft, IconMoreHoriz, IconChevronRight } from '@optiaxiom/icons';
+import { IconChevronLeft, IconEllipsisStroke, IconChevronRight } from '@optiaxiom/icons';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
@@ -93,7 +93,7 @@ const Pagination = forwardRef(
                 {
                   asChild: true,
                   color: disabled ? "fg.disabled" : "fg.default",
-                  children: /* @__PURE__ */ jsx(IconMoreHoriz, {})
+                  children: /* @__PURE__ */ jsx(IconEllipsisStroke, {})
                 }
               )
             }

package/dist/esm/packages/react/src/paper/Paper-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.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-DtGY3B09.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-r8tM_qbm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-JJDTGc7a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontFamily:'mono',fontSize:'sm',gap:'4',px:'6',rounded:'md',textTransform:'uppercase',transition:'colors',whiteSpace:'nowrap'},'_1n2ounn'],variants:{interactive:{false:{},true:'bjh02w'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontFamily:'mono',fontSize:'sm',gap:'4',px:'6',rounded:'md',textTransform:'uppercase',transition:'colors',whiteSpace:'nowrap'},'_1tclj2u'],variants:{interactive:{false:{},true:'gfu6pq'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/pill/Pill.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconClose } from '@optiaxiom/icons';
+import { IconXmark } from '@optiaxiom/icons';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -55,7 +55,7 @@ const Pill = forwardRef(
             ...restProps,
             children: [
               /* @__PURE__ */ jsx(Text, { truncate: true, children }),
-              onDismiss && !readOnly && /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconClose, {}) })
+              onDismiss && !readOnly && /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconXmark, {}) })
             ]
           }
         )

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-Da4F37Vb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-jvFlCv_Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root$1 = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1su1klv'],variants:{size:{md:'_1c8yg1z',lg:'_2ym5ax'}}});
-var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1j8rob2']});
-var wrapper = recipeRuntime({base:'_54p333'});
+var root$1 = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'n269yg'],variants:{size:{md:'bskbsm',lg:'_1akv5kc'}}});
+var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_15pv4sj']});
+var wrapper = recipeRuntime({base:'_1kysjnw'});
 
 export { root$1 as root, trigger, wrapper };

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconAdd2 } from '@optiaxiom/icons';
+import { IconPlus } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -95,7 +95,7 @@ const PillMenuTrigger = forwardRef(
                       }
                     }
                   },
-                  children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsx(Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsx("button", { children: /* @__PURE__ */ jsx(IconAdd2, { size: "16" }) }) }) })
+                  children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsx(Box, { asChild: true, size: remapSize[size], ...trigger(), children: /* @__PURE__ */ jsx("button", { children: /* @__PURE__ */ jsx(IconPlus, { size: "16" }) }) }) })
                 }
               ) }, "trigger")
             ] })

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-CZDBluIH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-D67XDSHK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator$1 = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'tpd72d',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_85dsw9']});
+var indicator$1 = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1iyclaf',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_14l9crl']});
 
 export { indicator$1 as indicator, progress };