@optiaxiom/react 0.10.1 → 0.11.1

package/dist/packages/react/src/alert-dialog-content/AlertDialogContent.js

@@ -12,12 +12,19 @@ import { Flex } from '../flex/Flex.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
-import { root, nestedDialogCountVar, content } from './AlertDialogContent-css.js';
+import { backdrop, root, nestedDialogCountVar, content } from './AlertDialogContent-css.js';
 
 const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props }, ref) => {
-  const { isRootDialog, nestedDialogCount, open } = useAlertDialogContext("AlertDialogContent");
+  const { nestedDialogCount, open } = useAlertDialogContext("AlertDialogContent");
   return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
-    isRootDialog && /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
+    /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
+      Backdrop,
+      {
+        asChild: true,
+        ...backdrop({ hidden: nestedDialogCount > 0 }),
+        children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {})
+      }
+    ) }),
     /* @__PURE__ */ jsxs(Flex, { ...root(), children: [
       /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),
       /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(
@@ -32,10 +39,7 @@ const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props
             ...style
           },
           ...content({ size }),
-          children: /* @__PURE__ */ jsxs(RadixAlertDialog.Content, { ref, ...props, children: [
-            children,
-            nestedDialogCount > 0 && /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { rounded: "inherit" }) })
-          ] })
+          children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children })
         }
       ) }),
       /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-l4uTY-nL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BRTnaXQ8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_5ib3uo']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'mk0cds']});
 
 export { footer };

package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DkW1P_Z2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-BdLxr1Z_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'pzyhh8']});
+var content = recipeRuntime({base:[{p:'4'},'sqfxyd']});
 
 export { content };

package/dist/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CRgj_Z0H.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/avatar/Avatar.css.ts.vanilla-DfBE8AZb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_17zkyo1'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1frzecj'],sm:[{fontSize:'xs',size:'sm'},'_1bm5e42'],md:[{fontSize:'md',size:'md'},'vu2adm'],lg:[{fontSize:'lg',size:'lg'},'_15d8fjw'],xl:[{fontSize:'2xl',size:'xl'},'_6f0hg0'],'3xl':[{fontSize:'4xl',size:'3xl'},'_1drszsb']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1s6fx03'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'t19ntn'],sm:[{fontSize:'xs',size:'sm'},'k6qu9p'],md:[{fontSize:'md',size:'md'},'hc0fkv'],lg:[{fontSize:'lg',size:'lg'},'_4shcl7'],xl:[{fontSize:'2xl',size:'xl'},'yb25gq'],'3xl':[{fontSize:'4xl',size:'3xl'},'avvcrq']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

package/dist/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.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 avatarGroup = recipeRuntime({base:['_1qfr0x1',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_10e0v01',{display:'flex'}]});
 
 export { avatarGroup };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DX8u0MmQ.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'},'j58rqn']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DpxBRu4y.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'},'zi0a3v'],variants:{intent:{danger:'_1urut8j',information:'_1yha91y',neutral:'_1ise7pd',primary:'gnh3yv',success:'r0flku',warning:'_4p1qsw'},variant:{light:'_10543al',solid:'dd7j4u'}}});
+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-Ts7m4Zbq.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-Ts7m4Zbq.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-Dkipogqc.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:'l8e98j'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DFabxttg.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'},'_1jhulyh']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CNGxep8k.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'},'_1slvib9']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-B8btnEyN.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:['_1hndcdj',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_1rftbz1'],variants:{iconOnly:{false:'_131ql1w',true:{}},intent:{danger:'_1x0e2vu',neutral:'_1gd82tn',primary:'_1v7331j'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'yiontd',solid:'_13lofge',subtle:'_18vsaza'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1dvs0k4',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'mq70fm',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'n9u0o9',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'osy9fe']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.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:'ofgdvx'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-B8btnEyN.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-pVOYDFHd.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'},'_1m6b138']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DmAbWBYz.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-Cyih3Sjg.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:'_1l1dymz'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1hl9hri'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1jo8e1v']});
+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:'_12oy30x'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-C4nWXaib.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'},'eufli1']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_16mdvel']});
 
 export { code };

package/dist/packages/react/src/combobox-dialog-content/ComboboxDialogContent.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
 import { DialogContent } from '../dialog-content/DialogContent.js';
-import { DialogTitle } from '../dialog-title/DialogTitle.js';
 
 const ComboboxDialogContent = forwardRef(({ "aria-label": ariaLabel, children, minW: _minW, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(DialogContent, { ref, ...props, children: [
-    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: ariaLabel }) }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Title, { children: ariaLabel }) }),
     children
   ] });
 });

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-h6oir49o.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:'_1g23o6j'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-BSOiJ87j.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-DVtuEnvA.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:['tqqzwb'],variants:{pinned:{left:'ctcmvr',right:'_8qytdz'},pinnedType:{body:'xjoy1p',header:{}}}});
-var cellOffsetVar = 'var(--f6twk5)';
-var cellSizeVar = 'var(--tznsh9)';
-var header = recipeRuntime({base:['_1uzcgvl']});
-var leftTotalSizeVar = 'var(--_13g4k8u)';
-var rightTotalSizeVar = 'var(--oyx43y)';
-var table = recipeRuntime({base:'_3gtjpy',variants:{pinned:{both:'_1w863jx',left:'eziy1k',none:{},right:'ofi8oy'}}});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D6dvnKG6.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'},'_1ov946t','_1wagayx']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1pz9y3v'],variants:{active:{false:'ibckby',true:'_1gkhnw8'},muted:{false:{},true:'_1436inn'}}});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DdJyaFVH.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'},'_1ujsa0g'],variants:{size:{sm:'_1tinaqh',md:'xxdlh9',lg:'_1inzdfk',fullscreen:'lysf06'}}});
-var nestedDialogCountVar = 'var(--zhcrxm)';
+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,9 +22,16 @@ const DialogContent = forwardRef(
     transitionType = "fade",
     ...props
   }, ref) => {
-    const { isRootDialog, nestedDialogCount, open } = useDialogContext("DialogContent");
+    const { nestedDialogCount, open } = useDialogContext("DialogContent");
     return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
-      isRootDialog && /* @__PURE__ */ jsx(Transition, { 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,
         {
@@ -40,11 +46,7 @@ const DialogContent = forwardRef(
           },
           ...content({ size }, className),
           ...props,
-          children: /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, children: [
-            children,
-            /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Description, {}) }),
-            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-Ts7m4Zbq.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,7 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-xR0OKf_L.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 close = recipeRuntime({base:['ispwia']});
+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 { close };
+export { actions, close, description, title };

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

@@ -1,16 +1,20 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Button } from '../button/Button.js';
+import { Flex } from '../flex/Flex.js';
+import { Heading } from '../heading/Heading.js';
 import { IconX } from '../icons/IconX.js';
-import { close } from './DialogHeader-css.js';
+import { Text } from '../text/Text.js';
+import { close, title, actions, description } from './DialogHeader-css.js';
 
 const DialogHeader = forwardRef(
-  ({ children, ...props }, ref) => {
+  ({ addonAfter, children, description: description$1, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       Box,
       {
@@ -33,7 +37,9 @@ const DialogHeader = forwardRef(
               children: /* @__PURE__ */ jsx(RadixDialog.Close, {})
             }
           ),
-          children
+          /* @__PURE__ */ jsx(Heading, { asChild: true, level: "3", ...title(), children: /* @__PURE__ */ jsx(RadixDialog.Title, { children }) }),
+          addonAfter && /* @__PURE__ */ jsx(Flex, { ...actions(), children: addonAfter }),
+          description$1 ? /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), children: /* @__PURE__ */ jsx(RadixDialog.Description, { children: description$1 }) }) : /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Description, {}) })
         ]
       }
     );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-4BxoD5GH.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:['_52uadk']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DujJ6uV9.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:'dj2so4',start:'eulev4'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1q1ws7k']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-oI8BtxVk.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'},'_1dgatf2']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-C8Xb0rFn.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'},'pbekab'],variants:{position:{bottom:[{borderT:'1'},'tnmgmb'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1janyg8'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_4wftqd']}}});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-KYcBlzS-.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'},'fs0ow3']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-bmRM4vSJ.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'},'colj79']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CaGaVwKr.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:'_176os8s'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-bjU85Kzj.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:'_1w38kzd',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'gph8o1']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1t9i6cq']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_16y3sec'],variants:{offset:{false:'_4078hc',true:{}},position:{'bottom-right':'d5srsq','top-right':'_1e1fy1b'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_13nwuei']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DG_VymzO.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:'_1j359sd',variants:{empty:{false:{},true:'_12qjlge'}}});
-var input = recipeRuntime({base:'_1trare0'});
+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-Ts7m4Zbq.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'}});