@optiaxiom/react 0.5.4 → 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';
@@ -23,20 +23,28 @@ export { ButtonGroup } from './packages/react/src/button-group/ButtonGroup.js';
 export { Checkbox } from './packages/react/src/checkbox/Checkbox.js';
 export { Code } from './packages/react/src/code/Code.js';
 export { Dialog } from './packages/react/src/dialog/Dialog.js';
+export { DialogActions } from './packages/react/src/dialog-actions/DialogActions.js';
 export { DialogBody } from './packages/react/src/dialog-body/DialogBody.js';
 export { DialogClose } from './packages/react/src/dialog-close/DialogClose.js';
 export { DialogContent } from './packages/react/src/dialog-content/DialogContent.js';
 export { DialogDescription } from './packages/react/src/dialog-description/DialogDescription.js';
 export { DialogFooter } from './packages/react/src/dialog-footer/DialogFooter.js';
+export { DialogHeader } from './packages/react/src/dialog-header/DialogHeader.js';
 export { DialogTitle } from './packages/react/src/dialog-title/DialogTitle.js';
 export { DialogTrigger } from './packages/react/src/dialog-trigger/DialogTrigger.js';
 export { Disclosure } from './packages/react/src/disclosure/Disclosure.js';
 export { DisclosureContent } from './packages/react/src/disclosure-content/DisclosureContent.js';
 export { DisclosureTrigger } from './packages/react/src/disclosure-trigger/DisclosureTrigger.js';
 export { Drawer } from './packages/react/src/drawer/Drawer.js';
+export { DrawerActions } from './packages/react/src/drawer-actions/DrawerActions.js';
 export { DrawerBody } from './packages/react/src/drawer-body/DrawerBody.js';
+export { DrawerClose } from './packages/react/src/drawer-close/DrawerClose.js';
+export { DrawerContent } from './packages/react/src/drawer-content/DrawerContent.js';
+export { DrawerDescription } from './packages/react/src/drawer-description/DrawerDescription.js';
 export { DrawerFooter } from './packages/react/src/drawer-footer/DrawerFooter.js';
+export { DrawerHeader } from './packages/react/src/drawer-header/DrawerHeader.js';
 export { DrawerTitle } from './packages/react/src/drawer-title/DrawerTitle.js';
+export { DrawerTrigger } from './packages/react/src/drawer-trigger/DrawerTrigger.js';
 export { DropdownMenu } from './packages/react/src/dropdown-menu/DropdownMenu.js';
 export { DropdownMenuContent } from './packages/react/src/dropdown-menu-content/DropdownMenuContent.js';
 export { DropdownMenuGroup } from './packages/react/src/dropdown-menu-group/DropdownMenuGroup.js';
@@ -90,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/node_modules/.pnpm/{framer-motion@11.11.17_react-dom@18.3.1_react@18.3.1__react@18.3.1 → framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js

@@ -4,7 +4,6 @@ import { useCallback, useMemo } from 'react';
 import { useId } from '@reach/auto-id';
 import { PresenceContext } from '../../context/PresenceContext.js';
 import { useConstant } from '../../utils/use-constant.js';
-import { PopChild } from './PopChild.js';
 
 const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
     const presenceChildren = useConstant(newChildrenMap);
@@ -49,9 +48,6 @@ const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, p
             onExitComplete &&
             onExitComplete();
     }, [isPresent]);
-    if (mode === "popLayout") {
-        children = jsx(PopChild, { isPresent: isPresent, children: children });
-    }
     return (jsx(PresenceContext.Provider, { value: context, children: children }));
 };
 function newChildrenMap() {

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

@@ -1,3 +1,3 @@
-var version = "0.5.4";
+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-CAta_a7S.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-CAta_a7S.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-CAta_a7S.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C0kks2r5.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'},'_1wb8xuc']});
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_1uk2lu4'],variants:{size:{sm:'xkr51s',md:'v41eet',lg:'_1qwtv6m'}}});
+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-CAta_a7S.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-D2xTcjs6.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'},'mqgr0x']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'g71tae']});
 
 export { footer };

package/dist/packages/react/src/animate-presence/AnimatePresence.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import '../transition/Transition.js';
 import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
-import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { AnimatePresence as AnimatePresence$1 } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
 
 function AnimatePresence({
   children

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DYU4OPrx.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'},'_1au8xfj']});
+var content = recipeRuntime({base:[{p:'4'},'jcn3zr']});
 
 export { content };

package/dist/packages/react/src/autocomplete-item/AutocompletItem.js

@@ -5,7 +5,7 @@ import { CommandItem } from '../command-item/CommandItem.js';
 
 const AutocompleteItem = forwardRef((props, ref) => {
   const { selectedItem } = useAutocompleteContext("AutocompleteItem");
-  return /* @__PURE__ */ jsx(CommandItem, { active: props.item === selectedItem, ref, ...props });
+  return /* @__PURE__ */ jsx(CommandItem, { ref, selected: props.item === selectedItem, ...props });
 });
 AutocompleteItem.displayName = "@optiaxiom/react/AutocompleteItem";
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BI_34xQo.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'},'_1yt4s9p'],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'},'_1i8tva0'],sm:[{fontSize:'xs',size:'sm'},'_1drd8jv'],md:[{fontSize:'md',size:'md'},'_14h95lj'],lg:[{fontSize:'lg',size:'lg'},'_1wp2nu1'],xl:[{fontSize:'2xl',size:'xl'},'_1nrfuiq'],'5xl':[{fontSize:'4xl',size:'5xl'},'eobtob']}}});
+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-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.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:['u5bucn',{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-CAta_a7S.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DDmh_j9o.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'},'_9pba07']});
+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-CAta_a7S.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-C7hKRSOB.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'},'fkwvku'],variants:{intent:{danger:'rqtt1o',information:'_1kdqxlx',neutral:'zlbwxk',primary:'_3ilnej',success:'_1eebru0',warning:'m0b1g9'},variant:{light:'afvqkt',solid:'_1e61mn0'}}});
+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-CAta_a7S.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-CAta_a7S.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-DtsMeZ8W.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:'gl95mw'});
+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-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.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:['o6wvqx',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_128zych'],variants:{iconOnly:{false:'_1sro0zp',true:{}},intent:{danger:'_1w9n8ar',neutral:'_1xh7ecp',primary:'_17jkgk4'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'vuogqa',solid:'_3dbdow',subtle:'_1lf5vbv'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'s69nsd',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'_1v1ktl5',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_1um93oe',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'qzc5qq'});
+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-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.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:'rl8wz3'});
+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-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DpWBOXls.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'},'l5zls3']});
+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-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BAabvprz.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-1v2_Zwwc.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:'_1gvzbrz'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'ci0cr0'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_1dp0fb8']});
+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:'_1nb1o8j'});
+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-CAta_a7S.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BNZmSP-V.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'},'_1dfgg6p']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_11223r4']});
 
 export { code };

package/dist/packages/react/src/combobox/Combobox.js

@@ -2,11 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useMemo, useEffect } from 'react';
 import { ComboboxContextProvider } from '../combobox-context/ComboboxContext.js';
+import { ComboboxDialogContent } from '../combobox-dialog-content/ComboboxDialogContent.js';
+import { ComboboxPopoverContent } from '../combobox-popover-content/ComboboxPopoverContent.js';
 import { Dialog } from '../dialog/Dialog.js';
-import { DialogContent } from '../dialog-content/DialogContent.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { Popover } from '../popover/Popover.js';
-import { PopoverContent } from '../popover-content/PopoverContent.js';
 import { PopoverTrigger } from '../popover-trigger/PopoverTrigger.js';
 import { useEffectEvent } from '../use-event/useEffectEvent.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
@@ -26,12 +26,12 @@ function Combobox({
 }) {
   const components = useResponsiveMatches({
     base: {
-      Content: DialogContent,
+      Content: ComboboxDialogContent,
       Root: Dialog,
       Trigger: DialogTrigger
     },
     sm: {
-      Content: PopoverContent,
+      Content: ComboboxPopoverContent,
       Root: Popover,
       Trigger: PopoverTrigger
     }

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/combobox-dialog-content/ComboboxDialogContent.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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, { "aria-describedby": void 0, ref, ...props, children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: ariaLabel }) }),
+    children
+  ] });
+});
+ComboboxDialogContent.displayName = "@optiaxiom/react/ComboboxDialogContent";
+
+export { ComboboxDialogContent };

package/dist/packages/react/src/combobox-input/ComboboxInput.js

@@ -9,6 +9,7 @@ const ComboboxInput = forwardRef(
     return /* @__PURE__ */ jsx(
       CommandInput,
       {
+        htmlSize: 1,
         m: "4",
         onKeyDown: (event) => {
           if (event.key === " " && highlightedItem) {

package/dist/packages/react/src/combobox-popover-content/ComboboxPopoverContent.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { PopoverContent } from '../popover-content/PopoverContent.js';
+
+const ComboboxPopoverContent = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props });
+});
+ComboboxPopoverContent.displayName = "@optiaxiom/react/ComboboxPopoverContent";
+
+export { ComboboxPopoverContent };

package/dist/packages/react/src/combobox-value/ComboboxValue.js

@@ -1,34 +1,19 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
-import { Badge } from '../badge/Badge.js';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
 import { Flex } from '../flex/Flex.js';
 
-const maxDisplayedItems = 2;
 const ComboboxValue = forwardRef(
   ({ children, placeholder, ...props }, ref) => {
-    const {
-      itemToKey,
-      itemToString,
-      value: valueContext
-    } = useComboboxContext("ComboboxValue");
+    const { itemToString, value: valueContext } = useComboboxContext("ComboboxValue");
     const value = useMemo(
       () => valueContext instanceof Set ? [...valueContext] : valueContext,
       [valueContext]
     );
-    return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", flexWrap: "wrap", gap: "2", ref, ...props, children: Array.isArray(value) && value.length > 0 ? children ?? /* @__PURE__ */ jsx(Fragment, { children: value.length > maxDisplayedItems ? /* @__PURE__ */ jsxs(Badge, { children: [
+    return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", flexWrap: "wrap", gap: "2", ref, ...props, children: Array.isArray(value) && value.length > 0 ? children ?? /* @__PURE__ */ jsx(Fragment, { children: value.length === 1 ? itemToString(value[0]) : /* @__PURE__ */ jsxs(Fragment, { children: [
       value.length,
       " selected"
-    ] }) : value.length === 1 ? itemToString(value[0]) : value.slice(0, maxDisplayedItems).map((item) => /* @__PURE__ */ jsx(
-      Badge,
-      {
-        display: "inline-block",
-        flex: "1",
-        truncate: true,
-        children: itemToString(item)
-      },
-      itemToKey(item)
-    )) }) : placeholder });
+    ] }) }) : placeholder });
   }
 );
 ComboboxValue.displayName = "@optiaxiom/react/ComboboxValue";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CpuCBp6W.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:'_14tqnrg'});
+var item = recipeRuntime({base:'_33qnvr'});
 
 export { item };

package/dist/packages/react/src/command-item/CommandItem.js

@@ -7,11 +7,11 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
 const CommandItem = forwardRef(
-  ({ active, children, item, ...props }, ref) => {
+  ({ children, item, selected, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
     const { downshift, highlightedItem, value } = useCommandContext("CommandItem");
     const itemProps = downshift.getItemProps({
-      "aria-selected": active ?? value?.has(item),
+      "aria-selected": selected ?? value?.has(item),
       item,
       ...restProps
     });

package/dist/packages/react/src/command-sub-item/CommandSubItem.js

@@ -6,7 +6,7 @@ import { CommandFocusableItem } from '../command-focusable-item/CommandFocusable
 import { useCommandSubContext } from '../command-sub-context/CommandSubContext.js';
 
 const CommandSubItem = forwardRef(
-  ({ active, children, item, onClick, onMouseDown, onMouseMove, ...props }, outerRef) => {
+  ({ children, item, onClick, onMouseDown, onMouseMove, selected, ...props }, outerRef) => {
     const {
       downshift,
       highlightedItem,
@@ -24,19 +24,19 @@ const CommandSubItem = forwardRef(
     const subIndex = subItems.indexOf(item);
     const disabled = isItemDisabled(item, subIndex);
     const highlighted = highlightedSubItem === item;
-    const selected = active ?? value?.has(item);
+    const isSelected = selected ?? value?.has(item);
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     useEffect(() => {
-      if (innerRef.current && selected) {
+      if (innerRef.current && isSelected) {
         innerRef.current.scrollIntoView({ block: "nearest" });
       }
-    }, [selected]);
+    }, [isSelected]);
     return /* @__PURE__ */ jsx(
       CommandFocusableItem,
       {
         "aria-disabled": disabled,
-        "aria-selected": selected,
+        "aria-selected": isSelected,
         "data-disabled": disabled ? "" : void 0,
         "data-highlighted": highlighted ? "" : void 0,
         onClick: (event) => {

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-QI0lU8Bk.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(--_38sj75)';
-var columnWidthVar = 'var(--_4wlxgj)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'qpyb32'],variants:{pinned:{false:{},left:'lpljk4',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1wz5qvd'],variants:{pinned:{false:{},left:'mdjbti',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_14r5vty']});
+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-CAta_a7S.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DjLzKIFm.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'},'_13sbvsu'],variants:{sortable:{false:'gza7zx',true:'kdfb9n'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'vlnmuv',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

@@ -0,0 +1,7 @@
+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'},'_1azuo0r']});
+
+export { actions };

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

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { Flex } from '../flex/Flex.js';
+import { IconX } from '../icons/IconX.js';
+import { actions } from './DialogActions-css.js';
+
+const DialogActions = forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(Flex, { ref, ...actions({}, className), ...props, children: [
+      /* @__PURE__ */ jsx(Button, { appearance: "subtle", "aria-label": "Close", asChild: true, icon: /* @__PURE__ */ jsx(IconX, {}), children: /* @__PURE__ */ jsx(RadixDialog.Close, {}) }),
+      /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "xs", children })
+    ] });
+  }
+);
+DialogActions.displayName = "@optiaxiom/react/DialogActions";
+
+export { DialogActions };