@optiaxiom/react 1.5.7 → 1.5.8

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuTrigger.js

@@ -3,9 +3,23 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
+import { useDropdownMenuContext } from './DropdownMenuContext.js';
 
 const DropdownMenuTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(RadixMenu.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children }) });
+  const { open, presence } = useDropdownMenuContext(
+    "@optiaxiom/react/DropdownMenuTrigger"
+  );
+  return /* @__PURE__ */ jsx(
+    RadixMenu.Trigger,
+    {
+      "aria-expanded": open || presence,
+      asChild: true,
+      "data-state": open || presence ? "open" : "closed",
+      ref,
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children })
+    }
+  );
 });
 DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
 

package/dist/esm/packages/react/src/field/Field.js

@@ -29,63 +29,53 @@ const Field = forwardRef(
     const descriptionId = useId();
     const errorId = useId();
     const labelId = useId(labelIdProp);
-    return /* @__PURE__ */ jsxs(
-      Flex,
-      {
-        flexDirection: "column",
-        gap: "4",
-        justifyContent: "flex-start",
-        ref,
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsx(
-            FieldLabel,
-            {
-              info,
-              inputId,
-              labelId,
-              required,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FieldProvider,
-            {
-              descriptionId: description ? descriptionId : void 0,
-              error: !!error,
-              errorId: error ? errorId : void 0,
-              inputId,
-              labelId: label ? labelId : void 0,
-              children
-            }
-          ),
-          error && error !== true && /* @__PURE__ */ jsxs(
-            Flex,
-            {
-              alignItems: "start",
-              color: "fg.error",
-              flexDirection: "row",
-              fontSize: "sm",
-              gap: "4",
-              id: errorId,
-              role: "alert",
-              children: [
-                /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsx(
-                  IconTriangleExclamation,
-                  {
-                    "aria-label": "Error",
-                    height: 12,
-                    width: 14
-                  }
-                ) }),
-                error
-              ]
-            }
-          ),
-          description && /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: fallbackSpan(description) })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
+      label && /* @__PURE__ */ jsx(
+        FieldLabel,
+        {
+          info,
+          inputId,
+          labelId,
+          required,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FieldProvider,
+        {
+          descriptionId: description ? descriptionId : void 0,
+          error: !!error,
+          errorId: error ? errorId : void 0,
+          inputId,
+          labelId: label ? labelId : void 0,
+          children
+        }
+      ),
+      error && error !== true && /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          alignItems: "start",
+          color: "fg.error",
+          flexDirection: "row",
+          fontSize: "sm",
+          gap: "4",
+          id: errorId,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsx(
+              IconTriangleExclamation,
+              {
+                "aria-label": "Error",
+                height: 12,
+                width: 14
+              }
+            ) }),
+            error
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: fallbackSpan(description) })
+    ] });
   }
 );
 Field.displayName = "@optiaxiom/react/Field";

package/dist/esm/packages/react/src/flex/Flex.js

@@ -11,20 +11,8 @@ const mapDirectionToAlign = {
   row: "center",
   "row-reverse": "center"
 };
-const mapDirectionToJustify = {
-  column: "center",
-  "column-reverse": "center",
-  row: "flex-start",
-  "row-reverse": "flex-start"
-};
 const Flex = forwardRef(
-  ({
-    alignItems,
-    flexDirection = "column",
-    gap = "16",
-    justifyContent,
-    ...props
-  }, ref) => {
+  ({ alignItems, flexDirection = "column", gap = "16", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -35,10 +23,6 @@ const Flex = forwardRef(
         display: "flex",
         flexDirection,
         gap,
-        justifyContent: justifyContent ?? mapResponsiveValue(
-          flexDirection,
-          (value) => mapDirectionToJustify[value]
-        ),
         ref,
         ...props
       }

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CFWJDqnP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-sfHaWJ4A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1tphxua'});
+var mark = recipeRuntime({base:'_1wd1jg8'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-78Wno5Jg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BsXbShUH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_9qx59r',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'dvatgs']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_7k93bt']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1lzunmu'],variants:{offset:{false:'fzd6cp',true:{}},position:{'bottom-right':'code82','top-right':'_1vpl7tu'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1g3upx2']});
+var badge = recipeRuntime({base:'m35pur',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'nndnfm']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'r7um3t']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'cu8iar'],variants:{offset:{false:'_1wqtqso',true:{}},position:{'bottom-right':'qy0nd6','top-right':'_1dma7ei'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1sb16ye']});
 
 export { badge, floating, indicator };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-B1fsHFq9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CnCKoC3F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'bx0ipe',variants:{empty:{false:{},true:'_3nl2ju'}}});
-var input = recipeRuntime({base:'trx2g4'});
+var editor = recipeRuntime({base:'_1tu7och',variants:{empty:{false:{},true:'s8ug2n'}}});
+var input = recipeRuntime({base:'_42jxfx'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.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-CoWjorU5.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-Q-s24Cus.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DnKJFIg5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['ihs0of',{bg:'transparent',flex:'auto',w:'full'},'_1y6ttma','vxpy8y'],variants:{size:{md:{},lg:{},xl:['_157tnsd']}}});
+var control = recipeRuntime({base:['_14rz8cf',{bg:'transparent',flex:'auto',w:'full'},'cp4zpi','yekb57'],variants:{size:{md:{},lg:{},xl:['cnsg4s']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-Q-s24Cus.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Ao8bwsNZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGYR6wW1.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DnKJFIg5.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Xa94kPGt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_4vio9c']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1wuhido']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Cdw9jZNd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Bs1FsnjH.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'},'_14aj5w3'],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'},'_31u4hz'],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-CoWjorU5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dd4mtFDn.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dd_vb7Sf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGYR6wW1.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_tza7z_.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-D_hNnf7g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1hgo8m6']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'hon1z4']});
 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-CoWjorU5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1gbl9ta';
-var reset = 'optiaxiom._1ajdsky';
+var components = 'optiaxiom._1drr62a';
+var reset = 'optiaxiom.m75bih';
 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-CoWjorU5.css';
-import './../../../../assets/src/layout/Layouts.css.ts.vanilla-CrzLAJLe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/layout/Layouts.css.ts.vanilla-BeYnSN9B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1qx8dv6']});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1csmd4s']});
 
 export { layout };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DWEYenF1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-Dmm8jkHn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1mxer24']});
-var link = recipeRuntime({base:['q8dgbg'],variants:{appearance:{'default':'o2ma0d',inverse:'_1k7pt26',subtle:'_1br34ix'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1qeh7kz']});
+var link = recipeRuntime({base:['_6u2k5d'],variants:{appearance:{'default':'_1klyvkm',inverse:'_13605sy',subtle:'zyu4za'}}});
 
 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-CoWjorU5.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-0CIupe31.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DY_gWsZ-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'ci7i1j']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'zzh1k7']});
 
 export { checkbox };

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

@@ -21,11 +21,11 @@ const ListboxCheckboxItem = forwardRef(({ addonBefore, icon, onCheckedChange, ..
         /* @__PURE__ */ jsx(
           Box,
           {
-            onClick: (event) => {
+            onClick: onCheckedChange ? (event) => {
               event.preventDefault();
               event.stopPropagation();
-              onCheckedChange?.(true);
-            },
+              onCheckedChange(true);
+            } : void 0,
             ...checkbox(),
             children: /* @__PURE__ */ jsx(
               Checkbox,

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-D7uVxjkP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BkIua6Iy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_129o2ct']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1qglu07'],variants:{intent:{danger:'_1pscyz8',neutral:'_7266aq'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1rizhll']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_212jq4']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_78ebgj'],variants:{intent:{danger:'_1p8bmo1',neutral:'_17700ik'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'komrad']});
 
 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-CoWjorU5.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CxNujvlK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-Dk3Jv6je.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_5rwbbp'],variants:{active:{false:{},true:'xzgsds'}}});
+var indicator = recipeRuntime({base:['_1jq656k'],variants:{active:{false:{},true:'_1aq8wl4'}}});
 
 export { indicator };

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

@@ -1,28 +1,42 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
-import { Icon } from '../icon/Icon.js';
 import { Switch } from '../switch/Switch.js';
+import { checkbox } from './ListboxCheckboxItem-css.js';
 import { ListboxItem } from './ListboxItem.js';
 
-const ListboxSwitchItem = forwardRef(({ addonBefore, icon, ...props }, ref) => {
+const ListboxSwitchItem = forwardRef(({ addonAfter, onCheckedChange, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ListboxItem,
     {
-      addonBefore: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+      addonAfter: /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+        addonAfter,
         /* @__PURE__ */ jsx(
-          Switch,
+          Box,
           {
-            checked: Boolean(
-              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
-            ),
-            hidden: true,
-            pointerEvents: "none",
-            tabIndex: -1
+            onClick: onCheckedChange ? (event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              onCheckedChange(true);
+            } : void 0,
+            ...checkbox(),
+            children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: Boolean(
+                  props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+                ),
+                hidden: true,
+                pointerEvents: "none",
+                tabIndex: -1
+              }
+            )
           }
-        ),
-        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null
+        )
       ] }),
       ref,
       ...props

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-DdNGYk5F.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-R80-T8Ny.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_1bmf7it'});
+var content = recipeRuntime({base:'_1cw7jmf'});
 
 export { content };

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

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

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

@@ -34,6 +34,7 @@ import { MenuRadioItem } from './MenuRadioItem.js';
 import { MenuSubContent } from './MenuSubContent.js';
 import { useMenuSubContext } from './MenuSubContext.js';
 import { MenuSubTrigger } from './MenuSubTrigger.js';
+import { MenuSwitchItem } from './MenuSwitchItem.js';
 
 const MenuListbox = forwardRef(
   ({ children, ...props }, ref) => {
@@ -42,7 +43,7 @@ const MenuListbox = forwardRef(
     const { open } = useMenuSubContext("@optiaxiom/react/MenuListbox");
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(CommandListbox, { ref, ...props, children: children ?? ((item, index, prevItem) => {
-        const Comp = typeof item.subOptions === "function" || item.subOptions?.length ? size === "sm" ? MenuSubTrigger : MenuItem : "selected" in item ? item.multi ? MenuCheckboxItem : MenuRadioItem : MenuItem;
+        const Comp = typeof item.subOptions === "function" || item.subOptions?.length ? size === "sm" ? MenuSubTrigger : MenuItem : "selected" in item ? item.multi ? MenuCheckboxItem : item.switch ? MenuSwitchItem : MenuRadioItem : MenuItem;
         const group = item.group;
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsx(ListboxSeparator, {}),

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

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import '../command/Command.js';
+import '../command/CommandInput.js';
+import { CommandItem } from '../command/CommandItem.js';
+import '../command/CommandListbox.js';
+import { useCommandContext, resolveItemProperty } from '../command/CommandContext.js';
+import '../listbox/Listbox.js';
+import '../listbox/ListboxCheckboxItem.js';
+import '../listbox/ListboxEmpty.js';
+import '../listbox/ListboxGroup.js';
+import '../listbox/ListboxItem.js';
+import '../listbox/ListboxItemIndicator.js';
+import '../listbox/ListboxItemized.js';
+import '../listbox/ListboxLabel.js';
+import '../listbox/ListboxRadioItem.js';
+import '../listbox/ListboxSeparator.js';
+import { ListboxSwitchItem } from '../listbox/ListboxSwitchItem.js';
+
+const MenuSwitchItem = forwardRef(
+  ({ children, ...props }, ref) => {
+    const Comp = props.item.href ? "a" : "div";
+    const { inputValue } = useCommandContext("@optiaxiom/react/MenuSwitchItem");
+    return /* @__PURE__ */ jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(
+      ListboxSwitchItem,
+      {
+        addonBefore: props.item.addon,
+        asChild: true,
+        description: props.item.description,
+        onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
+        children: /* @__PURE__ */ jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
+      }
+    ) });
+  }
+);
+MenuSwitchItem.displayName = "@optiaxiom/react/MenuSwitchItem";
+
+export { MenuSwitchItem };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-ZzU49MIC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-3zSG4fxl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'tvd8j'],variants:{maxH:{xs:'ggr4ky',sm:'_1qx8u0l',md:'_1chtpka',lg:'_1sma6k0',full:{}},minW:{'0':{},trigger:'yq4p0l'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_15uoy'],variants:{maxH:{xs:'zy0q6u',sm:'_1h5x603',md:'b08yco',lg:'ptax9z',full:{}},minW:{'0':{},trigger:'moalgh'}}});
 
 export { listbox };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-kvmw9WM9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-D2uUQTXg.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:'_1f86836',true:'fr1t5k'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'lgudkf',true:'rtmvgl'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CoWjorU5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.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-CoWjorU5.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-0EgqGIul.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dd4mtFDn.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-B6en78yi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BGYR6wW1.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_tza7z_.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BOJiIG3_.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'},'_5scrfs']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'oocssu'],variants:{expanded:{false:'z2lom6',true:'_127koqr'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1x8nyvk']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'lxau7j'],variants:{expanded:{false:'_4h1dqo',true:'th0c91'}}});
 
 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-CoWjorU5.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CADK5dA-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DqC7nXQC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'vreown']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1fyal0p'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'n6owh4']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'vhxnnw']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1cq0ygj'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'ek5m40']});
 
 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-CoWjorU5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C32eB9b9.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:{}}}});