@optiaxiom/react 0.10.1 → 0.11.0

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-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'},'_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'},'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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.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:['_1qfr0x1',{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-Ts7m4Zbq.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DX8u0MmQ.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'},'j58rqn']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DpxBRu4y.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'},'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'},'_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-Ts7m4Zbq.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-Ts7m4Zbq.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-Dkipogqc.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:'l8e98j'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DFabxttg.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'},'_1jhulyh']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CNGxep8k.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'},'_1slvib9']});
+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-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-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:['_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:['_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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.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:'ofgdvx'});
+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-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-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'},'_1m6b138']});
+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-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-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:'_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:'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:'_12oy30x'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-C4nWXaib.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'},'eufli1']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-h6oir49o.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:'_1g23o6j'});
+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-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-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:['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:['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-Ts7m4Zbq.css';
-import './../../../../assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-D6dvnKG6.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'},'_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'},'_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-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DdJyaFVH.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'},'_1ujsa0g'],variants:{size:{sm:'_1tinaqh',md:'xxdlh9',lg:'_1inzdfk',fullscreen:'lysf06'}}});
-var nestedDialogCountVar = 'var(--zhcrxm)';
+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-Ts7m4Zbq.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-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-header/DialogHeader.css.ts.vanilla-xR0OKf_L.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:['ispwia']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-4BxoD5GH.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:['_52uadk']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DujJ6uV9.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:'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:'_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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-oI8BtxVk.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'},'_1dgatf2']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-C8Xb0rFn.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'},'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'},'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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-KYcBlzS-.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'},'fs0ow3']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-bmRM4vSJ.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'},'colj79']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CaGaVwKr.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:'_176os8s'});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-bjU85Kzj.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:'_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:'_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-Ts7m4Zbq.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DG_VymzO.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:'_1j359sd',variants:{empty:{false:{},true:'_12qjlge'}}});
-var input = recipeRuntime({base:'_1trare0'});
+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-Ts7m4Zbq.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-Ts7m4Zbq.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BBc1EE4p.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:['_1pbovy0',{bg:'transparent',flex:'auto',w:'full'},'gbq0km','_1750vty'],variants:{size:{md:{},lg:{},xl:['_1gflrf']}}});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BBc1EE4p.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-B5dEw8CR.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'},'_1bgqrh4']});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-C6UAEgGn.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'},'bqugod'],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:'_1xdr8np',variants:{variant:{outline:'_51hoq4',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-Ts7m4Zbq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-ChC54CMt.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1fomdwt';
-var reset = 'optiaxiom._304uoq';
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-D0Fhf1_B.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'},'_1cgzqng']});
-var link = recipeRuntime({base:['_1l7mtqt'],variants:{appearance:{'default':'_1815kp7',inverse:'_15rptat',subtle:'g5bj8f'},overlay:{false:{},true:'_16bs3m1'}}});
+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-Ts7m4Zbq.css';
-import './../../../../assets/src/listbox-item/ListboxItem.css.ts.vanilla-DaZ2tFob.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'},'_1o7sv37']});
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1yssal6'],variants:{intent:{danger:'vl16sc',neutral:'_12h7js4'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_37wy1d']});
+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 };