@optiaxiom/react 0.11.0 → 0.11.1

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DfW2ecLx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DJjwTnzN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_5ieef6']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1l2zuuq']});
 
 export { backdrop };

package/dist/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-CsXPUf8s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-35fv_Rde.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_1iopg12'],variants:{intent:{danger:'_1qoirdp',information:'_14wrdhz',neutral:'ouf8tn',primary:'_1m13e0a',success:'_1v2wqwt',warning:'l8e1r8'},variant:{light:'_1umyje3',solid:'tb3ede'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'8',py:'2',rounded:'full'},'_4qaa28'],variants:{intent:{danger:'_1fuhj2z',information:'_1dag4qa',neutral:'e0revi',primary:'ojvx0s',success:'_7vxxyq',warning:'_2weqgt'},variant:{light:'r9mbo9',solid:'_117ca5a'}}});
 
 export { badge };

package/dist/packages/react/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});

package/dist/packages/react/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-fznZO42_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-CswI2BUt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_66kv7y'});
+var box = recipeRuntime({base:'_1e1v0fv'});
 
 export { box };

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Y4GzbMc-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Cu-ZPbjv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_6xz0dl']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'wxb4d9']});
 
 export { item };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-KAHpj_cl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-z27wHNih.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_5krxxz']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_13ew6px']});
 
 export { link };

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXgNKbzo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1cjb1bn',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1tact6z'],variants:{iconOnly:{false:'_1ypk26u',true:{}},intent:{danger:'_1txum27',neutral:'_161iyro',primary:'_1yqkzf9'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1fj4vvu',solid:'_9owsny',subtle:'vg17pe'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_7uh925',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'rxp9k5',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1bglw3f',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'myhak0']});
+var buttonBase = recipeRuntime({base:['ujwprs',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1542yjk'],variants:{iconOnly:{false:'npc7se',true:{}},intent:{danger:'_1uliwv7',neutral:'_1spv5pb',primary:'dlgy8q'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'vozvae',solid:'_1ujt64b',subtle:'fogbgn'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1janx4d',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1q2mxwe',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1xvpo9p',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'zuylsq']});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1w7o8rk'});
+var buttonGroup = recipeRuntime({base:'_1qcopoc'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DXgNKbzo.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BCu0H89V.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-De9MPjVZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_16wzyrd']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1lx3t9b']});
 
 export { loadable };

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-NA6rjZ8N.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-CN8hLoWD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CqmiPQWN.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-DvNRQ3DO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'lf0qvy'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1ggiubo'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1ujbiba']});
+var checkbox = recipeRuntime({base:'_8dxxy6'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1posjl5'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1ye9x1w']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1ty571l'});
+var input = recipeRuntime({base:'_17n1zds'});
 
 export { checkbox, control, icon, indicator, input };

package/dist/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-B0ic9Q_W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-Sg-h-vBg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_3nux8w']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_16mdvel']});
 
 export { code };

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-BKbkF5Ef.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-B8An9C20.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'u2ocfs'});
+var item = recipeRuntime({base:'_1vwi51b'});
 
 export { item };

package/dist/packages/react/src/data-table/DataTable-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DVzADbjg.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CKlsmPnV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BnQw0DZh.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CWh_8ymD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:['cw9ysw'],variants:{pinned:{left:'_1p1wv10',right:'_15r6kq1'},pinnedType:{body:'_1o6cvq8',header:{}}}});
-var cellOffsetVar = 'var(--_1dxj7hh)';
-var cellSizeVar = 'var(--_129bj5n)';
-var header = recipeRuntime({base:['_1e897x7']});
-var leftTotalSizeVar = 'var(--_1fbgzh5)';
-var rightTotalSizeVar = 'var(--zkgowy)';
-var table = recipeRuntime({base:'_1pbe52v',variants:{pinned:{both:'eaud6w',left:'_1b0fgfk',none:{},right:'_6attwa'}}});
+var cell = recipeRuntime({base:['_4m27ax'],variants:{pinned:{left:'paszyd',right:'_1dm1abn'},pinnedType:{body:'_17sga4l',header:{}}}});
+var cellOffsetVar = 'var(--_17idwm2)';
+var cellSizeVar = 'var(--x2a302)';
+var header = recipeRuntime({base:['_1bjt6bj']});
+var leftTotalSizeVar = 'var(--_1irxq94)';
+var rightTotalSizeVar = 'var(--_1sk0dq)';
+var table = recipeRuntime({base:'_7t3ca',variants:{pinned:{both:'_7yy4ga',left:'wvh4gw',none:{},right:'_15rh7vb'}}});
 
 export { cell, cellOffsetVar, cellSizeVar, header, leftTotalSizeVar, rightTotalSizeVar, table };

package/dist/packages/react/src/data-table-header-cell/DataTableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-Ch_6anL7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DSVKgE80.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_14ra8dw','z9w5xi']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_13sig83'],variants:{active:{false:'_127n589',true:'_1k6rp08'},muted:{false:{},true:'_4zhtel'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'yklalk','_1968wtg']});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1afnu4g'],variants:{active:{false:'_1869cgz',true:'hwxf3d'},muted:{false:{},true:'_6005q2'}}});
 
 export { button, icon };

package/dist/packages/react/src/dialog/Dialog.js

@@ -18,11 +18,13 @@ function Dialog({
     onChange: onOpenChange,
     prop: openProp
   });
-  const [isRootDialog, nestedDialogCount, setNestedDialogCount] = useNestedDialogCount("Dialog", open);
+  const [nestedDialogCount, setNestedDialogCount] = useNestedDialogCount(
+    "Dialog",
+    open
+  );
   return /* @__PURE__ */ jsx(NestedDialogContextProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsx(RadixDialog.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
     DialogContextProvider,
     {
-      isRootDialog,
       nestedDialogCount,
       open,
       children

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

@@ -1,8 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-fsB1doE8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BKE0Sz8w.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'k0w7vm'],variants:{size:{sm:'_7hzov7',md:'_1iib3gg',lg:'_1if8rmd',fullscreen:'_16u6xjz'}}});
-var nestedDialogCountVar = 'var(--yn140d)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'viwg1g'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1vwfpya'],variants:{size:{sm:'_1y37woc',md:'ajy1yq',lg:'_1pk35m',fullscreen:'_1u3kd1d'}}});
+var nestedDialogCountVar = 'var(--_18wp3zr)';
 
-export { content, nestedDialogCountVar };
+export { backdrop, content, nestedDialogCountVar };

package/dist/packages/react/src/dialog-content/DialogContent.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef } from 'react';
 import { Backdrop } from '../backdrop/Backdrop.js';
@@ -12,7 +11,7 @@ import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
-import { nestedDialogCountVar, content } from './DialogContent-css.js';
+import { backdrop, nestedDialogCountVar, content } from './DialogContent-css.js';
 
 const DialogContent = forwardRef(
   ({
@@ -23,10 +22,16 @@ const DialogContent = forwardRef(
     transitionType = "fade",
     ...props
   }, ref) => {
-    const { isRootDialog, nestedDialogCount, open } = useDialogContext("DialogContent");
-    const BackdropContainer = isRootDialog ? Transition : VisuallyHidden;
+    const { nestedDialogCount, open } = useDialogContext("DialogContent");
     return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx(BackdropContainer, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
+      /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
+        Backdrop,
+        {
+          asChild: true,
+          ...backdrop({ hidden: nestedDialogCount > 0 }),
+          children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {})
+        }
+      ) }),
       /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: transitionType, children: /* @__PURE__ */ jsx(
         Paper,
         {
@@ -41,10 +46,7 @@ const DialogContent = forwardRef(
           },
           ...content({ size }, className),
           ...props,
-          children: /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, children: [
-            children,
-            nestedDialogCount > 0 && /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { rounded: "inherit" }) })
-          ] })
+          children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, children })
         }
       ) })
     ] }) });

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'end',px:'24',py:'20'}]});

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BrWgYLNy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-DikiQIxl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'en88hi']});
-var close = recipeRuntime({base:['_92z8q6']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_195lsq8']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_16g0uhb']});
+var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_1palvyx']});
+var close = recipeRuntime({base:['w0y6lf']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1r7jwf3']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_16fgu3r']});
 
 export { actions, close, description, title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BgkqwFZz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-D_A2cJEg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['kusyzf']});
+var content = recipeRuntime({base:['rqu9a3']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-egRPA66m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BHLZGx7H.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1d74iwm',start:'_1ntyewo'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1f9c33p']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'ddl8fk',start:'xh9dhj'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'ocpkvi']});
 
 export { icon, trigger };

package/dist/packages/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DJfxhWbE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-Bn68lKHp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_16a8qf2']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_8miiwo']});
 
 export { actions };

package/dist/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-BWBNPA7b.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-CdqWvwMZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'s5f7i5'],variants:{position:{bottom:[{borderT:'1'},'_1njywix'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_8rct7l'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1i8xdug']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1v7674c'],variants:{position:{bottom:[{borderT:'1'},'g07z95'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'nzox81'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1lcy0gx']}}});
 
 export { content };

package/dist/packages/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CwgFDenc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BXsu_1ao.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'jsxfje']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1gjyx94']});
 
 export { description };

package/dist/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-BmlPZ-bV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-Djn5G86K.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_4gtm03']});
+var title = recipeRuntime({base:[{flex:'1'},'fr2zhz']});
 
 export { title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-8A-7M2Y3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-RUwRZEaM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_33lmhh'});
+var mark = recipeRuntime({base:'_1vv9vub'});
 
 export { mark };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DFEAmBx3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CGWnNFYH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1g43tnm',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'ot0kgy']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1ah4nyv']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'v3kcum'],variants:{offset:{false:'_14mcow3',true:{}},position:{'bottom-right':'_88o0yb','top-right':'lpnx7i'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'calx6a']});
+var badge = recipeRuntime({base:'otix31',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1k0bb6w']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'k82hs2']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1mxhdtd'],variants:{offset:{false:'_1nwsvon',true:{}},position:{'bottom-right':'_1inkyd','top-right':'_10nj7x6'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1r67o3o']});
 
 export { badge, floating, indicator };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-4nunD237.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-XKmjiNx0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'gf0tyd',variants:{empty:{false:{},true:'_1732dk9'}}});
-var input = recipeRuntime({base:'ibt7p2'});
+var editor = recipeRuntime({base:'_1qi0kiq',variants:{empty:{false:{},true:'_1424im'}}});
+var input = recipeRuntime({base:'_9lxc7'});
 
 export { editor, input };

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

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BTYIqPLy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Xh4Joc5P.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['hthwv0',{bg:'transparent',flex:'auto',w:'full'},'_1xhpniu','_14slqzw'],variants:{size:{md:{},lg:{},xl:['hp4a3']}}});
+var control = recipeRuntime({base:['_186wod6',{bg:'transparent',flex:'auto',w:'full'},'_1p7prbr','_1tbyc9r'],variants:{size:{md:{},lg:{},xl:['_1cidawl']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BTYIqPLy.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DVZasjzg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Xh4Joc5P.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-KLJIi8F-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_9uqyik']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'qr6mzc']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DxIPrQFN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-D__K_Wn9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_8r4qow'],variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_1dsuvrc',variants:{variant:{outline:'_19z1css',subtle:{}}}});
+var kbd = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',display:'inline-flex',flexDirection:'row',px:'4',rounded:'sm',whiteSpace:'nowrap'},'_69s5kk'],variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'_1p19sdp',variants:{variant:{outline:'_6xi1ru',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom.ieitlk';
-var reset = 'optiaxiom._196sh9p';
+var components = 'optiaxiom._11qbkaq';
+var reset = 'optiaxiom._1n442qx';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-2X4YjRPb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DJuQfe6I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'dhlb0x']});
-var link = recipeRuntime({base:['_6vg2pk'],variants:{appearance:{'default':'nme8gf',inverse:'goktxf',subtle:'tvx3uf'},overlay:{false:{},true:'_1u0sm5x'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'njq8hh']});
+var link = recipeRuntime({base:['_1awgg80'],variants:{appearance:{'default':'_1lbm7h7',inverse:'_17si5be',subtle:'_8342sx'},overlay:{false:{},true:'_1erhngb'}}});
 
 export { icon, link };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CG1vqAI7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-53sn-tfO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'p0m6k']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vs2hvh'],variants:{intent:{danger:'_1xbwq7v',neutral:'_1ekyr8m'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'kmfwts']});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_15yfbtf']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_4snb2l'],variants:{intent:{danger:'_1c27g08',neutral:'vbhw30'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1uu0o08']});
 
 export { description, item, title };

package/dist/packages/react/src/menu-listbox/MenuListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
-import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BegLxjoU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BraALMiH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1t2jyma'],variants:{maxH:{xs:'_2dlh9k',sm:'_1w7hyl7',md:'_51vqpz',lg:'_119blsf',full:{}},minW:{'0':{},trigger:'peptau'},provider:{'dropdown-menu':'_12o7q8j',popover:'_75qnaa',popper:'_1pxwk0o'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_14njr86'],variants:{maxH:{xs:'kqadsq',sm:'_7us88',md:'g7gctj',lg:'csxzda',full:{}},minW:{'0':{},trigger:'pkwjuk'},provider:{'dropdown-menu':'sgtiup',popover:'ojc9ko',popper:'_1gh8y0i'}}});
 
 export { listbox };

package/dist/packages/react/src/nested-dialog-context/useNestedDialogCount.js

@@ -8,10 +8,12 @@ function useNestedDialogCount(name, open) {
     if (!onCountChange) {
       return;
     }
-    onCountChange(open ? nestedDialogCount + 1 : 0);
+    if (open) {
+      onCountChange(nestedDialogCount + 1);
+    }
+    return () => onCountChange(0);
   }, [nestedDialogCount, onCountChange, open]);
-  const isRootDialog = !onCountChange;
-  return [isRootDialog, nestedDialogCount, setNestedDialogCount];
+  return [nestedDialogCount, setNestedDialogCount];
 }
 
 export { useNestedDialogCount };