@optiaxiom/react 1.6.8 → 1.7.0

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css';
-import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-BbK0Amno.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BpzdIerL.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-D4_Xki8X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_19boa3t'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_30wxsv'],variants:{size:{sm:'c2nj7u',md:'lz1y7x',lg:'odf4c9',fullscreen:'_1o5xzdi'}}});
-var nestedDialogCountVar = 'var(--liyha8)';
-var scrollPaddingBottomVar = 'var(--_17v56f3)';
-var scrollPaddingTopVar = 'var(--_43s1rm)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_10f0fnk'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1ljrf74'],variants:{size:{sm:'_1d2kl4q',md:'_7a4vhf',lg:'czlufg',fullscreen:'juddhu'}}});
+var nestedDialogCountVar = 'var(--_1hcwyd9)';
+var scrollPaddingBottomVar = 'var(--_1ney5ye)';
+var scrollPaddingTopVar = 'var(--_1r1hnnq)';
 
 export { backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };

package/dist/esm/packages/react/src/dialog/DialogContent.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { ModalProvider } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
@@ -9,8 +10,6 @@ import { DialogKitContext } from '../dialog-kit/DialogKitContext.js';
 import '../dialog-kit/DialogKitProvider.js';
 import { FocusBookmarkProvider } from '../focus-bookmark/FocusBookmarkProvider.js';
 import '../focus-bookmark/FocusBookmarkRestore.js';
-import { ModalProvider } from '../modal/ModalContext.js';
-import '../modal/ModalLayer.js';
 import { Paper } from '../paper/Paper.js';
 import { Portal } from '../portal/Portal.js';
 import { Transition } from '../transition/Transition.js';

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-C4OFzhEM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-u4KhrvxR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'owccro']});
+var footer = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1b45ga0']});
 
 export { footer };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-Ba_a9N9D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-B2bDnSz_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1xb22rx']});
-var close = recipeRuntime({base:['_1hvjt5w']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'uk9b8e']});
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'yc2vkt']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'dizp4e']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'n81f7m']});
+var close = recipeRuntime({base:['yykk0z']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1g026ss']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_169js93']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'spyuew']});
 
 export { actions, close, description, header, title };

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,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-DN-FFBSN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-BUgu52Nt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_1qpd9pm']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1kdyzxb'],variants:{scale:{false:'_16lsv9h',true:{}}}});
+var inner = recipeRuntime({base:['_1s47e0w']});
+var outer = recipeRuntime({base:[{display:'grid'},'_6ggcsa'],variants:{scale:{false:'xjc0lg',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-eQw5XlKc.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-DUKi5NoS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-GnFZO6c0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_1kq3dj',start:'faybfe'}}});
-var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'u3yq5n']});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1h23qna']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'nubzc2',start:'i2kdn4'}}});
+var root = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',py:'8',transition:'colors'},'rz9fc']});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_4c31uz']});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-BGHeWYas.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-BsGDLY_P.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_5584ct']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_16ns8pf']});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BkW0k9sj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Bzoi_wM1.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'},'mnxjgg'],variants:{drag:{false:{},true:['vqagxp']},hidden:{false:'h09mxx',true:'h2s4rv'},overlay:{false:{flex:'1'},true:[{z:'10'},'_18pcglt']}}});
-var label = recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'_1342qfe'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1xrbfhw'],variants:{drag:{false:{},true:['yac9f7']},hidden:{false:'_10075f0',true:'_1hs68d4'},overlay:{false:{flex:'1'},true:[{z:'10'},'kbyi23']}}});
+var label = recipeRuntime({base:[{alignItems:'center',gap:'8'}],variants:{disabled:{false:{},true:'_1q0ktzw'}}});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-DgeuAGqe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BeL0z_mr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_1fl6tny'});
+var mark = recipeRuntime({base:'_1oz4tkf'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BPhKEeEJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-D9ZK6hq2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'k17fgn',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1dhista']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1lhxgrn']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'uygp59'],variants:{offset:{false:'wjcwm7',true:{}},position:{'bottom-right':'_1dq893z','top-right':'clcimn'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_71vzgb']});
+var badge = recipeRuntime({base:'_189z6lj',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_17tf78v']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'q7h5xr']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'xgnbxf'],variants:{offset:{false:'_1dp9z04',true:{}},position:{'bottom-right':'ujlpcf','top-right':'_1idty5j'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1xyre8i']});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-gbwuXKUh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DfirIPDo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'fp6y6o',variants:{empty:{false:{},true:'_1hnqm8l'}}});
-var input = recipeRuntime({base:'p8ccsr'});
+var editor = recipeRuntime({base:'gs5qsu',variants:{empty:{false:{},true:'_1qvamnq'}}});
+var input = recipeRuntime({base:'_112fx2i'});
 
 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-eQw5XlKc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.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-eQw5XlKc.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-BiE9dwUv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-BCoIqGm2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_4ags3f',{bg:'transparent',flex:'auto',w:'full'},'_1mao1nt','_10yg1jm'],variants:{size:{md:{},lg:{},xl:['cef1gl']}}});
+var control = recipeRuntime({base:['_1tzxx5o',{bg:'transparent',flex:'auto',w:'full'},'_1i4fdaj','_1andtog'],variants:{size:{md:{},lg:{},xl:['wtiae7']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-BiE9dwUv.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-BHVXRueV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BpzdIerL.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-BCoIqGm2.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-ok15I3An.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1gnujci']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'w11asf']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-XJXkCZ2j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CId0S5Ut.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'},'_1w0azcd'],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'},'_1gtq2pe'],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-eQw5XlKc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BQ-MwkRO.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BcBFR9Kc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BpzdIerL.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BZcerI4L.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-0G3syZbk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_10dhk96']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'u5czbo']});
 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-eQw5XlKc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1yb0mp8';
-var reset = 'optiaxiom._1yhbumy';
+var components = 'optiaxiom._1m8pvqj';
+var reset = 'optiaxiom.databv';
 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-eQw5XlKc.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-XHXEx2Ap.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/layout/Layout.css.ts.vanilla-DuQpHDi-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'vssmbi'],variants:{size:{full:'_1rsls49',screen:'_1rpopq4'}}});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_64v4ew'],variants:{size:{full:'_1j2qci',screen:'_1jmgjol'}}});
 
 export { layout };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-CIY680qh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-Beu7AM5w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'_1o7pptn']});
+var content = recipeRuntime({base:[{overflow:'auto',px:'32',py:'24'},'_1xb3fg9']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-ktZeg-Hh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-B4h3zPzt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_192z8jf']});
-var link = recipeRuntime({base:['_1nhi7l6'],variants:{appearance:{'default':'qwgi0l',inverse:'h4nbmz',subtle:'_11w3kyg'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'fb1ves']});
+var link = recipeRuntime({base:['e2rivb'],variants:{appearance:{'default':'t9l2sk',inverse:'_1wxz72s',subtle:'rzvbpv'}}});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CJWaWMHZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-6zsnt5Aj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'bcz2p2']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_3ec97m']});
 
 export { checkbox };

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

@@ -1,9 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-yIm4tgo-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-4kcZc0se.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1h6gt1p']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'qx5g4i'],variants:{intent:{danger:'_1pc924b',neutral:'frvgrv'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1u6rmmh']});
+var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_16ggow0'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_7x37d']});
+var item = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1ry3wqj'],variants:{intent:{danger:'_1rre5qa',neutral:'u8uom8'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1fti4o8']});
 
-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-eQw5XlKc.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-6meCZHZP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BirFyZnQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_6ns0y8'],variants:{active:{false:{},true:'_4irep9'}}});
+var indicator = recipeRuntime({base:['zuu8if'],variants:{active:{false:{},true:'_1k9uxqo'}}});
 
 export { indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-CjT2ZJ6d.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-FHUr3rXt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'mrtiiv'});
+var content = recipeRuntime({base:'kq0nph'});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-CMhXcrcR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-DYjcewza.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'},'_1p73lca']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'f6q2gp']}}});
 
 export { input };

package/dist/esm/packages/react/src/modal/ModalLayer.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { useModalContext, ModalProvider } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import { FocusGuards } from '@radix-ui/react-focus-guards';
 import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useRef } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
-import { useModalContext, ModalProvider } from './ModalContext.js';
 
 const Slot = createSlot("@optiaxiom/react/ModalLayer");
 const ModalLayer = forwardRef(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-mSfmIKXl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-C5M-Lu_A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'gn4b6v'],variants:{maxH:{xs:'hoy3j0',sm:'s51sot',md:'_187tn7a',lg:'u5d1jd',full:{}},minW:{'0':{},trigger:'_10nse0q'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1o1156f'],variants:{maxH:{xs:'_1hg1wu',sm:'_130ro37',md:'up22id',lg:'_1g0gfcg',full:{}},minW:{'0':{},trigger:'jggeot'}}});
 
 export { listbox };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-B_cXhpyc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-ahREwd_s.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'},'ymu3da']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_1f7z1em']});
 
 export { nav };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-BZRnUqPX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-egSz9Vfw.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:'uacxm9',true:'dyg0dj'}}});
+var item = recipeRuntime({base:{flex:'1',flexDirection:'row',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'hmkuvr',true:'wecevk'}}});
 
 export { item };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-eQw5XlKc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.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-eQw5XlKc.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CE59wkaF.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BQ-MwkRO.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla--_AG9Y61.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BpzdIerL.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BZcerI4L.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-BQZb4Yku.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'},'_11crb2c']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_3o01tu'],variants:{expanded:{false:'v3d17f',true:'_1x75hh7'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1fnic8b']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'av7rum'],variants:{expanded:{false:'_339c3n',true:'_1w5yjiq'}}});
 
 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-eQw5XlKc.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BNcgAnEz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DupVNqqF.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1r9mgv1']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1llkepm'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1nil891']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'rzmoqj']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1uc7fed'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1nf6mgz']});
 
 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-eQw5XlKc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.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-eQw5XlKc.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-CHwzyYBP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-C-y5Zf6O.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-CEdBr0IA.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'},'_11cj8pz'],variants:{interactive:{false:{},true:'_1s42w5'},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'},'mjgg57'],variants:{interactive:{false:{},true:'_1f7f13g'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { ModalProvider } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -7,8 +8,6 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { FocusBookmarkProvider } from '../focus-bookmark/FocusBookmarkProvider.js';
 import '../focus-bookmark/FocusBookmarkRestore.js';
-import { ModalProvider } from '../modal/ModalContext.js';
-import '../modal/ModalLayer.js';
 import { PopoverContentProvider } from './PopoverContentContext.js';
 
 const PopoverContentImpl = forwardRef(({ children, ...props }, outerRef) => {