@optiaxiom/react 0.6.0 → 0.7.0

package/dist/index.js

@@ -2,9 +2,9 @@ export { Alert } from './packages/react/src/alert/Alert.js';
 export { AlertDescription } from './packages/react/src/alert-description/AlertDescription.js';
 export { AlertDialog } from './packages/react/src/alert-dialog/AlertDialog.js';
 export { AlertDialogAction } from './packages/react/src/alert-dialog-action/AlertDialogAction.js';
+export { AlertDialogBody } from './packages/react/src/alert-dialog-body/AlertDialogBody.js';
 export { AlertDialogCancel } from './packages/react/src/alert-dialog-cancel/AlertDialogCancel.js';
 export { AlertDialogContent } from './packages/react/src/alert-dialog-content/AlertDialogContent.js';
-export { AlertDialogDescription } from './packages/react/src/alert-dialog-description/AlertDialogDescription.js';
 export { AlertDialogFooter } from './packages/react/src/alert-dialog-footer/AlertDialogFooter.js';
 export { AlertDialogTitle } from './packages/react/src/alert-dialog-title/AlertDialogTitle.js';
 export { AlertDialogTrigger } from './packages/react/src/alert-dialog-trigger/AlertDialogTrigger.js';
@@ -98,7 +98,7 @@ export { SegmentedControlItem } from './packages/react/src/segmented-control-ite
 export { Separator } from './packages/react/src/separator/Separator.js';
 export { Sidenav } from './packages/react/src/sidenav/Sidenav.js';
 export { SidenavAccountItem } from './packages/react/src/sidenav-account-item/SidenavAccountItem.js';
-export { SidenavContent } from './packages/react/src/sidenav-content/SidenavContent.js';
+export { SidenavBody } from './packages/react/src/sidenav-body/SidenavBody.js';
 export { SidenavFooter } from './packages/react/src/sidenav-footer/SidenavFooter.js';
 export { SidenavHeader } from './packages/react/src/sidenav-header/SidenavHeader.js';
 export { SidenavItem } from './packages/react/src/sidenav-item/SidenavItem.js';

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.6.0";
+var version = "0.7.0";
 
 export { version };

package/dist/packages/react/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/packages/react/src/{alert-dialog-description/AlertDialogDescription-css.js → alert-dialog-body/AlertDialogBody-css.js}

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});

package/dist/packages/react/src/{alert-dialog-description/AlertDialogDescription.js → alert-dialog-body/AlertDialogBody.js}

@@ -2,11 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { body } from './AlertDialogDescription-css.js';
+import { body } from './AlertDialogBody-css.js';
 
-const AlertDialogDescription = forwardRef(({ children, className, ...props }, ref) => {
+const AlertDialogBody = forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(Box, { asChild: true, ...body({}, className), ref, ...props, children: /* @__PURE__ */ jsx(RadixAlertDialog.Description, { children }) });
 });
-AlertDialogDescription.displayName = "@optiaxiom/react/AlertDialogDescription";
+AlertDialogBody.displayName = "@optiaxiom/react/AlertDialogBody";
 
-export { AlertDialogDescription };
+export { AlertDialogBody };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Dv1yxjr8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CokgZiXS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'m0865v']});
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_12et29l'],variants:{size:{sm:'d5eqko',md:'r53193',lg:'_1jwtqk8'}}});
+var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1wzsjbh']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_1s4pivy'],variants:{size:{sm:'mmdyva',md:'_1c1nhli',lg:'_7d6xl7'}}});
 
 export { container, content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-zHuJYCjT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BFU941-k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_123w0wo']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'g71tae']});
 
 export { footer };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DWsyG2LP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-qglIRMOn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_1j3102e']});
+var content = recipeRuntime({base:[{p:'4'},'jcn3zr']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D2kH-64w.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DpDu187s.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'avwi1y'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'yzl75m'],sm:[{fontSize:'xs',size:'sm'},'_1ykzkg0'],md:[{fontSize:'md',size:'md'},'_1mguit9'],lg:[{fontSize:'lg',size:'lg'},'_18dbhm0'],xl:[{fontSize:'2xl',size:'xl'},'_108hnli'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1je74q']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_2e5bcc'],variants:{colorScheme:{blue:{bg:'avatar.bg.blue',color:'avatar.fg.blue'},cyan:{bg:'avatar.bg.cyan',color:'avatar.fg.cyan'},green:{bg:'avatar.bg.green',color:'avatar.fg.green'},magenta:{bg:'avatar.bg.magenta',color:'avatar.fg.magenta'},neutral:{bg:'bg.secondary',color:'fg.default'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'},red:{bg:'bg.error.subtle',color:'fg.error.strong'},yellow:{bg:'avatar.bg.yellow',color:'avatar.fg.yellow'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1ht2485'],sm:[{fontSize:'xs',size:'sm'},'lygvz6'],md:[{fontSize:'md',size:'md'},'vdu8sw'],lg:[{fontSize:'lg',size:'lg'},'_5a4r85'],xl:[{fontSize:'2xl',size:'xl'},'pq3kke'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1gqs56u']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1dmjy14',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1232lc6',{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-BYJE1gjQ.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-gmff1L-P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BelH9V3l.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1rei4dn']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1yoyhod']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-3hLwWO1L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DmK--pA1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1b6eq8a'],variants:{intent:{danger:'_18tolwx',information:'_1lv4plm',neutral:'_14364vu',primary:'_1s2cdh6',success:'_1dp981w',warning:'_1twjmb0'},variant:{light:'ub9ctg',solid:'_1cncw28'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1tto4u7'],variants:{intent:{danger:'_1it5n1u',information:'_1ou2jqy',neutral:'_11vek34',primary:'_1qbp87g',success:'_7b8uij',warning:'_1537v1'},variant:{light:'_14auwar',solid:'_14nakn3'}}});
 
 export { badge };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],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-BYJE1gjQ.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-DR0P-LL5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-BvPUe_zC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1aq3qvr'});
+var box = recipeRuntime({base:'_1ahunwu'});
 
 export { box };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrMH1fkC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DgmSK1x9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['wf7wpi',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'xj42bo'],variants:{iconOnly:{false:'_12carwg',true:{}},intent:{danger:'_1t5rfpo',neutral:'_1mqzu28',primary:'egoifx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_11vjqn8',solid:'e5ed1h',subtle:'_1d9z2vl'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'gvt7ty',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'by4zlx',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_3djs94',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'_1ckiwe5'});
+var buttonBase = recipeRuntime({base:['h6aewj',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'dl2fka'],variants:{iconOnly:{false:'_1h4bftx',true:{}},intent:{danger:'_1d6kwat',neutral:'_15p63sm',primary:'_1ou29p1'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_14re1hh',solid:'_1yak521',subtle:'_1k2orfg'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1r073ju',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'itvycq',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'pr2cwy',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:'_5udciz'});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1k0rcwr'});
+var buttonGroup = recipeRuntime({base:'_1ppx4gr'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DrMH1fkC.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLCW6X94.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DgmSK1x9.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Dc2fpyfY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'jmwgf8']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_6gy30n']});
 
 export { loadable };

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

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZS5FCfo.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-BAr9yxjN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CFDLhGIa.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-Biez-tbl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'m17fz7'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1gd5q2e'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_10tt2nl']});
+var checkbox = recipeRuntime({base:'wvxpe0'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'aguery'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['_1q6vcj6']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_2jv94g'});
+var input = recipeRuntime({base:'_156vc3b'});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-DXXEKMdP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BQ_OPEgy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1d8axnk']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_11223r4']});
 
 export { code };

package/dist/packages/react/src/combobox-content/ComboboxContent.js

@@ -3,6 +3,7 @@ import { useCombobox } from 'downshift';
 import { forwardRef } from 'react';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
 import { Command } from '../command/Command.js';
+import { CommandListbox } from '../command-listbox/CommandListbox.js';
 import '../field-context/FieldContext.js';
 import { useFieldContext } from '../field-context/useFieldContext.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
@@ -60,7 +61,7 @@ const ComboboxContent = forwardRef(
               }
             },
             value,
-            children
+            children: /* @__PURE__ */ jsx(CommandListbox, { children })
           }
         )
       }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CSZpzhhg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-hnLh8bVk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'xs897k'});
+var item = recipeRuntime({base:'_33qnvr'});
 
 export { item };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-DS6U2gJy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-VERxOLjx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--lq38ie)';
-var columnWidthVar = 'var(--qc9kgs)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'mpkv2e'],variants:{pinned:{false:{},left:'tygmq7',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1cym3hq'],variants:{pinned:{false:{},left:'_1ow76le',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_2zar8g']});
+var cellOffsetVar = 'var(--arl05n)';
+var columnWidthVar = 'var(--_1ohr2d5)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_17j6m90'],variants:{pinned:{false:{},left:'b2rxya',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_13go6ar'],variants:{pinned:{false:{},left:'_12eezu3',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1s44mnr']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-Dfaxcy6y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-C0spykqg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'jrfj1l'],variants:{sortable:{false:'_1garn18',true:'sau0qk'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1wqgdx7',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'gozmo8'],variants:{sortable:{false:'_18cnp1m',true:'b71o8f'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1k3e5cz',true:{}}}});
 
 export { header, icon };

package/dist/packages/react/src/dialog-actions/DialogActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-BVanfu8y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-CaoAtf08.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'olwe49']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_1azuo0r']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CAXaqfYm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-Bs5AJrww.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_736n39'],variants:{size:{sm:'_1084kc5',md:'_1y9c1mx',lg:'_6d5lix',fullscreen:'_17s26tg'}}});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'azclmb'],variants:{size:{sm:'_1a4qd9z',md:'gprzhl',lg:'_2185n8',fullscreen:'_1rnu8bo'}}});
 
 export { content };

package/dist/packages/react/src/dialog-description/DialogDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-rUcR0rJA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-C8uiLVKI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'vlx8qu']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_7ajwlk']});
 
 export { description };

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

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

package/dist/packages/react/src/dialog-title/DialogTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-DlSdDz1n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-CVGCepfE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_6fv3jl']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1m02ng1']});
 
 export { title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CxwwenM9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BSseO5uA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'hidden'},'abzxxf']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'_17qk9zy']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-DTVLJj-K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CD7JBOsZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'k2qjxd',start:'vr7iok'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1m1n5sp']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1qeiytd',start:'_1ymu7us'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1rf4en5']});
 
 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-BYJE1gjQ.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DTEWNuVi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-DUWNyCYq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'v7pu7v']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'urwsp1']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-DjDWBK6Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-CHQRhIXh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'cdej2e'],variants:{position:{bottom:[{borderT:'1'},'f6ax7f'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_7j0f1y'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_4ufnor']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'g58mro'],variants:{position:{bottom:[{borderT:'1'},'_13ci9iv'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1c25aju'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1ba1o3y']}}});
 
 export { content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-Dv37zxmb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BMapl_Qr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1vydsuf']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'ld7g1t']});
 
 export { description };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-Dz8w4Pgo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CK4PFIwS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'acfiuf']});
+var title = recipeRuntime({base:[{flex:'1'},'jz3w1h']});
 
 export { title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-jRiu1MDf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-q553ywLr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_159ezan'});
+var mark = recipeRuntime({base:'mokynf'});
 
 export { mark };

package/dist/packages/react/src/hover-card-content/HoverCardContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-Dz-mB12y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-ubicDUXT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'dxbude']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_18xia8t']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-AYchKNE5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BALjpxKy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1bvljoe',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1x5upb9']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'zn5cx7']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_188hupt'],variants:{offset:{false:'_13x89wx',true:{}},position:{'bottom-right':'_1adj1r3','top-right':'_1r32adl'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_7i0sif']});
+var badge = recipeRuntime({base:'_12hxilp',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_4ylk0d']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'yp4pgu']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_8j0b1t'],variants:{offset:{false:'_1kyvu8k',true:{}},position:{'bottom-right':'eqb037','top-right':'_17or80h'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1yxvxx3']});
 
 export { badge, floating, indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DtLS3OHl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-QU3pnXC7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:'_2lcid9'});
+var input = recipeRuntime({base:'_1gyz4t8'});
 
 export { input };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.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-BYJE1gjQ.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Cfus85Nv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DUckf1rs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['pmnobd',{bg:'transparent',flex:'auto',w:'full'},'_84pnlu','_4ah5dz'],variants:{size:{md:{},lg:{},'2xl':['_10jeaci']}}});
+var control = recipeRuntime({base:['_1sfee3l',{bg:'transparent',flex:'auto',w:'full'},'_1y0qgvs','_1au3joy'],variants:{size:{md:{},lg:{},'2xl':['_1rxt0tr']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-Cfus85Nv.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-Djh5ghmY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-P7xagxjh.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-DUckf1rs.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-D8aeRr0y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1ua490q']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_11jn52o']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CY5AH6Ql.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B0ixDERI.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CdYDIi8D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},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:'_6wsiv',variants:{variant:{outline:'uzasf3',subtle:{}}}});
+var keys = recipeRuntime({base:'sbp1lw',variants:{variant:{outline:'_1okci8',subtle:{}}}});
 
 export { kbd, keys };