@optiaxiom/react 1.6.7 → 1.6.9

package/dist/esm/packages/react/src/dialog/DialogHeader-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-CiG0SjsE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-DQCGUJ7F.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1eu30qx']});
-var close = recipeRuntime({base:['_1qtny3c']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1tru87u']});
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_15jwido']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_15xdic4']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'e4ngy5']});
+var close = recipeRuntime({base:['eyvqdz']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1fkuxan']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_1midq1m']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_15a70tp']});
 
 export { actions, close, description, header, title };

package/dist/esm/packages/react/src/dialog-kit/DialogKitProvider.js

@@ -12,8 +12,8 @@ import '../dialog/DialogTrigger.js';
 import { dialogkit } from './dialogkit.js';
 import { DialogKitContext } from './DialogKitContext.js';
 
-function DialogKitProvider() {
-  const items = useSyncExternalStore(...dialogkit.store);
+function DialogKitProvider({ kit = dialogkit }) {
+  const items = useSyncExternalStore(...kit.store);
   return items.reduce(
     (result, item) => /* @__PURE__ */ jsxs(Dialog, { open: item.open, children: [
       /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/dialog-kit/dialogkit.js

@@ -1,3 +1,15 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isValidElement } from 'react';
+import '../alert-dialog/AlertDialog.js';
+import { AlertDialogAction } from '../alert-dialog/AlertDialogAction.js';
+import { AlertDialogBody } from '../alert-dialog/AlertDialogBody.js';
+import { AlertDialogCancel } from '../alert-dialog/AlertDialogCancel.js';
+import { AlertDialogContent } from '../alert-dialog/AlertDialogContent.js';
+import { AlertDialogFooter } from '../alert-dialog/AlertDialogFooter.js';
+import { AlertDialogHeader } from '../alert-dialog/AlertDialogHeader.js';
+import '../alert-dialog/AlertDialogTrigger.js';
+
 const EMPTY = [];
 let id = 1;
 const genId = () => {
@@ -51,11 +63,22 @@ const createDialogKit = () => {
     },
     confirm: async (element) => {
       return new Promise((resolve) => {
-        create(element, {
-          onDismiss: (_event, reason) => {
-            resolve(reason === "action");
+        create(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          isValidElement(element) ? element : /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+            /* @__PURE__ */ jsx(AlertDialogHeader, { children: element.header }),
+            /* @__PURE__ */ jsx(AlertDialogBody, { children: element.body }),
+            /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+              /* @__PURE__ */ jsx(AlertDialogCancel, {}),
+              /* @__PURE__ */ jsx(AlertDialogAction, { children: element.action })
+            ] })
+          ] }),
+          {
+            onDismiss: (_event, reason) => {
+              resolve(reason === "action");
+            }
           }
-        });
+        );
       });
     },
     create,
@@ -64,4 +87,4 @@ const createDialogKit = () => {
 };
 const dialogkit = createDialogKit();
 
-export { dialogkit };
+export { createDialogKit, dialogkit };

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-qhMSulh0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-DeeGwv_z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1qg6ee5']});
-var outer = recipeRuntime({base:[{display:'grid'},'lxoux7'],variants:{scale:{false:'rq8wzx',true:{}}}});
+var inner = recipeRuntime({base:['_1kz7hx3']});
+var outer = recipeRuntime({base:[{display:'grid'},'vnq4v3'],variants:{scale:{false:'_3zvvv5',true:{}}}});
 
 export { inner, outer };

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-w-2u8uZV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BGuHx12O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_16amq9p',start:'_16kdhkt'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'b8sgms']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1t76t4l']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'j1xev',start:'_147pm1r'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1s4bbj7']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'bolzqp']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-Cickuw5S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-eQrdUwMd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1tba2w2']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_4f7yo7']});
 
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-7Gio0d3B.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-D1LS0nNg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'buvk9q'],variants:{drag:{false:{},true:['h1o3r7']},hidden:{false:'_1yas500',true:'owabbw'},overlay:{false:{flex:'1'},true:[{z:'10'},'_14ukywr']}}});
-var label = recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'_1qubqew'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'vlelpf'],variants:{drag:{false:{},true:['actowx']},hidden:{false:'_1hqd4wn',true:'_14bd4t0'},overlay:{false:{flex:'1'},true:[{z:'10'},'hmdtvg']}}});
+var label = recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'_2ohllg'}}});
 
 export { dropzone, label };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DnnS-2d6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Pcrvw1mD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1qr2wva'});
+var mark = recipeRuntime({base:'_1dqcnn5'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-B_hfL072.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-9wRalVcF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1th0ula',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'cq57y8']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_19egjak']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'qys1r4'],variants:{offset:{false:'_19u9mfw',true:{}},position:{'bottom-right':'_1ycpr7e','top-right':'_9qhgaj'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'t6le5k']});
+var badge = recipeRuntime({base:'_1qg48h4',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'e3ji96']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1f75son']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'c16wk8'],variants:{offset:{false:'t0dxph',true:{}},position:{'bottom-right':'phtac5','top-right':'zlzwtg'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_13tacq3']});
 
 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-C4q1Lh94.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-D6Q3wY4A.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BI21vxbb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_6g22m7',variants:{empty:{false:{},true:'_6lz2b2'}}});
-var input = recipeRuntime({base:'qmg11f'});
+var editor = recipeRuntime({base:'_5z6aw4',variants:{empty:{false:{},true:'_1110t48'}}});
+var input = recipeRuntime({base:'_1s0fpyp'});
 
 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-C4q1Lh94.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.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-C4q1Lh94.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-DUBX4Ta8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DDolpZAK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_18jcl6g',{bg:'transparent',flex:'auto',w:'full'},'eiqn92','_1ikz2rt'],variants:{size:{md:{},lg:{},xl:['jazr6t']}}});
+var control = recipeRuntime({base:['_1uyhtsl',{bg:'transparent',flex:'auto',w:'full'},'da2ihk','_1vizbjs'],variants:{size:{md:{},lg:{},xl:['oqu6ni']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-DUBX4Ta8.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-BGUBnBXe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-HVp6Njkc.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DDolpZAK.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-qt5I2eY6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'luojw9']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1w4laxe']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DHkcqMrH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CbsjeM44.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'},'_1qgtof2'],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'},'ssf2rv'],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-C4q1Lh94.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-RM21OaIQ.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-DzV1Gg-t.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-HVp6Njkc.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CBN5WQvD.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-D13-g27A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_6bcv3p']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1g8uz7r']});
 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-C4q1Lh94.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.aoc5fq';
-var reset = 'optiaxiom.zlosn0';
+var components = 'optiaxiom.ade5ev';
+var reset = 'optiaxiom._10adrr7';
 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-C4q1Lh94.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-W_OjPh4t.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/layout/Layout.css.ts.vanilla-kfirbF7T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1tun3y9'],variants:{size:{full:'ogzdp0',screen:'_17r0uvk'}}});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'pjbzwj'],variants:{size:{full:'vj6ug7',screen:'_1hl0oct'}}});
 
 export { layout };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-BaOWdn0x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-xawQEy91.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'i1kh4f']});
+var content = recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'p76vbc']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BDS4VnEt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-C2f1pQGP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_186s4no']});
-var link = recipeRuntime({base:['_13ew12s'],variants:{appearance:{'default':'og5m2w',inverse:'qr22h0',subtle:'lp73or'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1at2q9r']});
+var link = recipeRuntime({base:['fodjx7'],variants:{appearance:{'default':'_2d4sw1',inverse:'_7jrhku',subtle:'_1cfkby9'}}});
 
 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-C4q1Lh94.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CWI7d3cG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BhJ-3-CG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1xco7q8']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'ntqymt']});
 
 export { checkbox };

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

@@ -1,9 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-IKjR3WCD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-CTILJ_XK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1mbg3p8']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1w0nd39'],variants:{intent:{danger:'_31ezb3',neutral:'_1q753a5'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'mhvvhm']});
+var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_86qb9e'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'tr3b2j']});
+var item = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1hhp1ew'],variants:{intent:{danger:'a42xtr',neutral:'_1mqbezd'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1g8kphh']});
 
-export { description, item, title };
+export { addon, description, item, title };

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

@@ -13,7 +13,7 @@ import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import { isHoverSupported } from '../utils/isHoverSupported.js';
-import { item, title, description } from './ListboxItem-css.js';
+import { item, addon, title, description } from './ListboxItem-css.js';
 
 const Slot = createSlot("@optiaxiom/react/ListboxItem");
 const ListboxItem = forwardRef(
@@ -44,12 +44,12 @@ const ListboxItem = forwardRef(
           "data-highlighted": void 0
         },
         children: /* @__PURE__ */ jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) : null,
+          (addonBefore || icon) && /* @__PURE__ */ jsx(Box, { ...addon({ slot: "before" }), children: addonBefore ?? /* @__PURE__ */ jsx(Icon, { asChild: true, children: icon }) }),
           /* @__PURE__ */ jsxs(Flex, { flex: "1", gap: "0", maxW: "full", children: [
             /* @__PURE__ */ jsx(Flex, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
             description$1 && /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), id: descriptionId, children: fallbackSpan(description$1) })
           ] }),
-          addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "8", children: fallbackSpan(addonAfter) })
+          addonAfter && /* @__PURE__ */ jsx(Box, { ...addon({ slot: "after" }), children: addonAfter })
         ] })) })
       }
     );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-2cEaYavZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-Da03Ha-6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_3zu0ex'],variants:{active:{false:{},true:'knwesn'}}});
+var indicator = recipeRuntime({base:['p5bywc'],variants:{active:{false:{},true:'_1c08sku'}}});
 
 export { indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-BbjtQ09q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-jhBjiFym.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_16obgwy'});
+var content = recipeRuntime({base:'boi0ng'});
 
 export { content };

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

@@ -35,6 +35,8 @@ const MenuDialogContent = forwardRef(
       DialogContent,
       {
         "aria-labelledby": clsx(fieldLabelId ?? triggerRef.current?.id, labelId),
+        onPointerDownOutside: () => {
+        },
         ref,
         ...content({}, className),
         ...props,

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-ClFn3Ken.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-cytLcgkG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'klz10w'],variants:{maxH:{xs:'e19fb3',sm:'k2od9e',md:'l61guk',lg:'_1ncvpmw',full:{}},minW:{'0':{},trigger:'_8b590z'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'enne02'],variants:{maxH:{xs:'_1rdmt3m',sm:'_147a96q',md:'_4o1sty',lg:'_1i8b7au',full:{}},minW:{'0':{},trigger:'gyhrjr'}}});
 
 export { listbox };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-U3cX755R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-Db61GDRH.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:'jlxpfe',true:'zk6vxt'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_17roaqh',true:'_2x2hig'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.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-C4q1Lh94.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-RM21OaIQ.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-CqeCws2D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-HVp6Njkc.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CBN5WQvD.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-B3UfyE6F.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'},'w4n6jq']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_104nwoe'],variants:{expanded:{false:'_1kvhi5n',true:'_1psxujg'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1hwrlus']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'vdfzf5'],variants:{expanded:{false:'e6jvq3',true:'vamwsk'}}});
 
 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-C4q1Lh94.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-sIsNyxR4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DW9H0sMc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_8gole']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_257qes'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1kuccml']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1n0xvg0']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'ihjimj'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1a2v092']});
 
 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-C4q1Lh94.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.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-C4q1Lh94.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-3DJ2iMFL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-9dr9PMt7.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',transition:'colors',whiteSpace:'nowrap'},'_5zaekl'],variants:{interactive:{false:{},true:'_1omq2sz'},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',transition:'colors',whiteSpace:'nowrap'},'am7htu'],variants:{interactive:{false:{},true:'_5sywe6'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-CxTlfXzu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-tqQv97GS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_2qvysu',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'mhlf6z']});
+var indicator = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'r3nyqe',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1ygrohz']});
 
 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-C4q1Lh94.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-a23vAAu3.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C_JzcDjn.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-UVRGQxBc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-HVp6Njkc.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CMMLmTBW.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-C7_YJQcq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_7z5crs'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1n54801']});
-var input = recipeRuntime({base:'gk0zu7'});
-var radio = recipeRuntime({base:'_1cnpzoh'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1eywln7'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1f5j15b']});
+var input = recipeRuntime({base:'_1be2ke2'});
+var radio = recipeRuntime({base:'vgq4yp'});
 
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BTGi1xEy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BEtksrHC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'rjqbd0']});
-var root = recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'z7jj8v']});
+var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1sn9g7c']});
+var root = recipeRuntime({base:[{justifyContent:'center',rounded:'sm',z:'10'},'or2x19']});
 
 export { handle, root };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-C4q1Lh94.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DCls-rzi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cj8EzsXH.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DZEa5F8I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_739hsh']});
-var input = recipeRuntime({base:'_12x1fav'});
-var search = recipeRuntime({base:'rx71re'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1idgf39']});
+var input = recipeRuntime({base:'lkljgl'});
+var search = recipeRuntime({base:'_3mgq3o'});
 
 export { clear, input, search };