@optiaxiom/react 0.10.0 → 0.11.0

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DRfQb0Vw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DdwbT9iB.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'},'jxw00s'],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'},'_1qjppkb'],sm:[{fontSize:'xs',size:'sm'},'_1s6focr'],md:[{fontSize:'md',size:'md'},'j276d'],lg:[{fontSize:'lg',size:'lg'},'_157x47u'],xl:[{fontSize:'2xl',size:'xl'},'uid7rc'],'3xl':[{fontSize:'4xl',size:'3xl'},'_1g0eu01']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'yyxpw4'],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'},'_1x8htko'],sm:[{fontSize:'xs',size:'sm'},'_964u5l'],md:[{fontSize:'md',size:'md'},'_1hmqidj'],lg:[{fontSize:'lg',size:'lg'},'_1uf8b7i'],xl:[{fontSize:'2xl',size:'xl'},'xg9l2c'],'3xl':[{fontSize:'4xl',size:'3xl'},'rsulhq']}}});
 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-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['a6m2ec',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['ck9sc0',{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-D3B1uZ8j.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-B336xgNM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DfW2ecLx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1aeqqde']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_5ieef6']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-CSfWmPBg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CsXPUf8s.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'},'_1eu3xkm'],variants:{intent:{danger:'bngqxc',information:'_1rz7hlw',neutral:'_12tljc0',primary:'hjieqq',success:'_4mci0',warning:'ere56o'},variant:{light:'_1etewrt',solid:'_1votx80'}}});
+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'}}});
 
 export { badge };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.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-D3B1uZ8j.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-hYfQOcLk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-fznZO42_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_10t1zjp'});
+var box = recipeRuntime({base:'_66kv7y'});
 
 export { box };

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

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

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

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

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-qzXyDEAH.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1iolpjz',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'ept7i2'],variants:{iconOnly:{false:'_9686hk',true:{}},intent:{danger:'_1clguk5',neutral:'_1wgxrha',primary:'_1eotsq4'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1ubho4s',solid:'inscnx',subtle:'hm058n'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_79wiam',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_16j6byo',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'p08xdr',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'npeuev']});
+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']});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-kCeuibvy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_9eb4xc'});
+var buttonGroup = recipeRuntime({base:'_1w7o8rk'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-qzXyDEAH.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BONtxIgP.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_107kkj0']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_16wzyrd']});
 
 export { loadable };

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

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CKQ2Aadr.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-IE-So8FY.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'_1y92krz'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'m8txzz'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'wu70jv']});
+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 indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'gqvv34'});
+var input = recipeRuntime({base:'_1ty571l'});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Cgm3ea0I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-B0ic9Q_W.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_4cz0zy']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_3nux8w']});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-0wjHxdop.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-BKbkF5Ef.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1ye7bal'});
+var item = recipeRuntime({base:'u2ocfs'});
 
 export { item };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DXrWEyC2.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-ucEO_Lf0.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:['_1eq3361'],variants:{pinned:{left:'_3lg9mi',right:'jlzhjt'},pinnedType:{body:'_83uxs2',header:{}}}});
-var cellOffsetVar = 'var(--rmpuvm)';
-var cellSizeVar = 'var(--yhoi1h)';
-var header = recipeRuntime({base:['_1etwszl']});
-var leftTotalSizeVar = 'var(--ne2aup)';
-var rightTotalSizeVar = 'var(--_1a0pj6j)';
-var table = recipeRuntime({base:'_44oyyl',variants:{pinned:{both:'_89nkte',left:'fveeg',none:{},right:'_1sm2ebu'}}});
+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'}}});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-DJoq_AGx.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'xa7pby','rpjxky']});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_26umyo'],variants:{active:{false:'fi0drb',true:'_1r6u35z'},muted:{false:{},true:'bvtcl4'}}});
+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'}}});
 
 export { button, icon };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BqiYTk0E.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-fsB1doE8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'ofou4z'],variants:{size:{sm:'_1eopr8g',md:'dk7czk',lg:'kw100q',fullscreen:'q7r2p3'}}});
-var nestedDialogCountVar = 'var(--_7yb9ob)';
+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)';
 
 export { content, nestedDialogCountVar };

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

@@ -24,8 +24,9 @@ const DialogContent = forwardRef(
     ...props
   }, ref) => {
     const { isRootDialog, nestedDialogCount, open } = useDialogContext("DialogContent");
+    const BackdropContainer = isRootDialog ? Transition : VisuallyHidden;
     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(BackdropContainer, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
       /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: transitionType, children: /* @__PURE__ */ jsx(
         Paper,
         {
@@ -42,7 +43,6 @@ const DialogContent = forwardRef(
           ...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" }) })
           ] })
         }

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.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-D3B1uZ8j.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-Be3bVJNE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-BrWgYLNy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:['_1806yvf']});
+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']});
 
-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-D3B1uZ8j.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DaAN_Y5P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BgkqwFZz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_6lgpay']});
+var content = recipeRuntime({base:['kusyzf']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DWj2Guo6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-egRPA66m.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_10cnb7m',start:'ymvqs7'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1gww8hw']});
+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']});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-r_hleTVk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DJfxhWbE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'b5eg42']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'8'},'_16a8qf2']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-NHJHPwaW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-BWBNPA7b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1quyfc1'],variants:{position:{bottom:[{borderT:'1'},'_1v68b7m'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1oms6iv'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1c04tom']}}});
+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']}}});
 
 export { content };

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-lH4mRfRa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DFEAmBx3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_7qpmcb',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'lutr7r']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_2lpbk6']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'c8mva'],variants:{offset:{false:'_1jniw3q',true:{}},position:{'bottom-right':'jxbnno','top-right':'_1pj6n13'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1aqll49']});
+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']});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-B6qbDXX0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-4nunD237.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_1a4bnca',variants:{empty:{false:{},true:'_9ooao'}}});
-var input = recipeRuntime({base:'_4ei0v0'});
+var editor = recipeRuntime({base:'gf0tyd',variants:{empty:{false:{},true:'_1732dk9'}}});
+var input = recipeRuntime({base:'ibt7p2'});
 
 export { editor, input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.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-D3B1uZ8j.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DUbeUGGS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BTYIqPLy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['xfxe7c',{bg:'transparent',flex:'auto',w:'full'},'_1xdl0rg','_1tiab3u'],variants:{size:{md:{},lg:{},xl:['_1h46eis']}}});
+var control = recipeRuntime({base:['hthwv0',{bg:'transparent',flex:'auto',w:'full'},'_1xhpniu','_14slqzw'],variants:{size:{md:{},lg:{},xl:['hp4a3']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B98X-zHI.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DUbeUGGS.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-DBa3xtou.css';
+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 { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1szjwc2']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_9uqyik']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BLPj_gpK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DxIPrQFN.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'},'_4gor0c'],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:'_11yzyso',variants:{variant:{outline:'_1udni3k',subtle:{}}}});
+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:{}}}});
 
 export { kbd, keys };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D3B1uZ8j.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._14y547g';
-var reset = 'optiaxiom._133nbid';
+var components = 'optiaxiom.ieitlk';
+var reset = 'optiaxiom._196sh9p';
 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-D3B1uZ8j.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DV40SWxy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-2X4YjRPb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_22irgn']});
-var link = recipeRuntime({base:['_1cpgrj4'],variants:{appearance:{'default':'_6famgz',inverse:'_133ntfj',subtle:'meb158'},overlay:{false:{},true:'_3jlxaw'}}});
+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'}}});
 
 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-D3B1uZ8j.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-_aqZ2pey.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
+import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-CG1vqAI7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1wqm5sk']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_159qncl'],variants:{intent:{danger:'_1co1luz',neutral:'_3x0t1c'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1bsrkm4']});
+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']});
 
 export { description, item, title };