@optiaxiom/react 1.5.4 → 1.5.6

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-TaIDsjqF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-5aRuQY5x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_15tilcq'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'k1uato'],variants:{size:{sm:'_1817g5v',md:'fq3137',lg:'dgw383'}}});
-var nestedDialogCountVar = 'var(--_1s0dczu)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'u3iq6p']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1dfmxj3'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'xpp9nd'],variants:{size:{sm:'_1c89bu0',md:'z9kjd1',lg:'_1r82giq'}}});
+var nestedDialogCountVar = 'var(--_1k4dl7t)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1bczbxa']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -9,6 +9,8 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
+import { FocusBookmarkProvider } from '../focus-bookmark/FocusBookmarkProvider.js';
+import '../focus-bookmark/FocusBookmarkRestore.js';
 import { ModalProvider } from '../modal/ModalContext.js';
 import '../modal/ModalLayer.js';
 import { Paper } from '../paper/Paper.js';
@@ -51,7 +53,7 @@ const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props
                 ...style
               },
               ...content({ size }),
-              children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children }) })
+              children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsx(FocusBookmarkProvider, { containerRef: innerRef, children }) }) })
             }
           ) }),
           /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B2pU1PNL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-IK0ldV4X.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_14vw39w']});
+var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'zybwkp']});
 
 export { footer };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DtglkkYS.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var header = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_13ccg62']});
+
+export { header };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader.js

@@ -9,9 +9,10 @@ import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSo
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
+import { header } from './AlertDialogHeader-css.js';
 
-const AlertDialogHeader = forwardRef(({ addonBefore, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", p: "24", pb: "16", ref, ...props, children: [
+const AlertDialogHeader = forwardRef(({ addonBefore, children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(Flex, { ref, ...header({}, className), ...props, children: [
     /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore ? fallbackSpan(addonBefore) : /* @__PURE__ */ jsx(IconTriangleExclamationSolid, {}) }),
     /* @__PURE__ */ jsx(Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children }) })
   ] });

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BflgccpA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-VWPg4lfE.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'},'_1prxdna'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_42xeq5'],xs:[{fontWeight:'400',size:'xs'},'yavlns'],sm:[{size:'sm'},'_1nu1an5'],md:[{size:'md'},'_1xbfype'],lg:[{size:'lg'},'v3xkl3'],xl:[{size:'xl'},'x8p9mq'],'3xl':[{size:'3xl'},'xo0oc2']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1jd8cdx'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'enqrha'],xs:[{fontWeight:'400',size:'xs'},'_1adh07q'],sm:[{size:'sm'},'_1nofsju'],md:[{size:'md'},'_1dbn5dx'],lg:[{size:'lg'},'_1r82qj4'],xl:[{size:'xl'},'_1iw7d5s'],'3xl':[{size:'3xl'},'ipmbnb']}}});
 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/esm/packages/react/src/avatar/Avatar.js

@@ -5,6 +5,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { IconOpal } from '../icons/IconOpal.js';
 import { IconUserSolid } from '../icons/IconUserSolid.js';
 import { IconUsersSolid } from '../icons/IconUsersSolid.js';
 import { avatar, fallback, icon } from './Avatar-css.js';
@@ -17,6 +18,7 @@ function getInitialsFromName(name) {
   return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
 }
 const mapFallbackToIcon = {
+  opal: null,
   team: /* @__PURE__ */ jsx(IconUsersSolid, {}),
   user: /* @__PURE__ */ jsx(IconUserSolid, {})
 };
@@ -33,6 +35,10 @@ const Avatar = forwardRef(
   }, ref) => {
     const context = useAvatarContext("@optiaxiom/react/Avatar");
     const size = sizeProp || context?.size || "md";
+    if (fallback$1 === "opal") {
+      fallback$1 = "user";
+      src = "opal";
+    }
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -40,7 +46,7 @@ const Avatar = forwardRef(
         ...avatar({ colorScheme, size }, className),
         ...props,
         children: /* @__PURE__ */ jsxs(RadixAvatar.Root, { ref, children: [
-          src && /* @__PURE__ */ jsx(Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: /* @__PURE__ */ jsx(RadixAvatar.Image, { alt: name ?? "avatar", src }) }),
+          src && /* @__PURE__ */ jsx(Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: src === "opal" ? /* @__PURE__ */ jsx(IconOpal, { asChild: true, children: /* @__PURE__ */ jsx(RadixAvatar.Image, { alt: name ?? "Opal" }) }) : /* @__PURE__ */ jsx(RadixAvatar.Image, { alt: name ?? "avatar", src }) }),
           /* @__PURE__ */ jsx(Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsx(RadixAvatar.Fallback, { delayMs: src ? 600 : void 0, children: (children ?? (name ? getInitialsFromName(name) : void 0)) || /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
         ] })
       }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_40lmh1',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_4u5j0l',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/esm/packages/react/src/axiom-provider/AxiomProvider.js

@@ -3,6 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { AxiomVersionContext } from '@optiaxiom/globals';
 import { useContext } from 'react';
 import { version } from '../../package.json.js';
+import { FocusBookmarkProvider } from '../focus-bookmark/FocusBookmarkProvider.js';
+import '../focus-bookmark/FocusBookmarkRestore.js';
 import { ThemeProvider } from '../theme-provider/ThemeProvider.js';
 import '../toast/Toast.js';
 import '../toast/ToastAction.js';
@@ -26,7 +28,7 @@ function AxiomProvider({
       /* @__PURE__ */ jsx(ToastProvider, { ...toast })
     ] });
   }
-  return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, { value: version, children: /* @__PURE__ */ jsx(TooltipProvider, { ...tooltip, children }) });
+  return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, { value: version, children: /* @__PURE__ */ jsx(TooltipProvider, { ...tooltip, children: /* @__PURE__ */ jsx(FocusBookmarkProvider, { children }) }) });
 }
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BLNU-7s8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BqGhLgoy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'mgr8g']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_117z238']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-B7GT_GPW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BvVcGJx-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'qupdwv'],variants:{intent:{danger:'_1btcp7z',information:'jq48tc',neutral:'onbq9r',primary:'_6swv73',success:'rvxh9h',warning:'_1s130h2'},variant:{strong:'_1euqvkt',subtle:'zl1b0e'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1w2iqe0'],variants:{intent:{danger:'_3u7ae4',information:'_103c46o',neutral:'ng0n34',primary:'_6ohe7m',success:'_1jch293',warning:'_1x1qowa'},variant:{strong:'n0ima3',subtle:'_1flljjm'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-DZGPYTPg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-dElxVLSn.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'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_4arakr']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'rpoie1']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

package/dist/esm/packages/react/src/box/Box-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-BW209bzp.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-zMAcUzMW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-4vGIXbtI.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-nTyVom-Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'tio8pq'});
+var box = recipeRuntime({base:'_18tlaqb'});
 
 export { box };

package/dist/esm/packages/react/src/breadcrumb/Breadcrumb-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DNdX_o65.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DihBOcSG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_1pyear7'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'nye4x5']});
+var link = recipeRuntime({base:'_1m6jijp'});
+var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'cgalc4']});
 
 export { link, list };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-8XG07EDw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-LObQFiHg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'h4zyak']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'ual7y0']});
 
 export { item };

package/dist/esm/packages/react/src/button/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_12gczas'});
+var buttonGroup = recipeRuntime({base:'_1norq9w'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-D4RtPpB9.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CDRGTzwI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-30NKybOr.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BjHegTjo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_643421']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'i8wk0p']});
 
 export { loadable };

package/dist/esm/packages/react/src/button/ButtonRoot-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-D4RtPpB9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-30NKybOr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_15adtvj',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1mg1n89'],variants:{intent:{danger:'_8d14li',neutral:'_110tkwq',primary:'_1yl0z5k'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'t3gp1p',true:{}},variant:{outline:'_16yaqxa',strong:'_18b207n',subtle:'_1yv32ig'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'iu5hyt',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'vyctgv',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_27gsmy',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_6mueut']});
+var buttonBase = recipeRuntime({base:['_12j05hg',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'w2833j'],variants:{intent:{danger:'_90e95r',neutral:'joi3ac',primary:'x5rwru'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1luuq60',true:{}},variant:{opal:'kfe34y',outline:'_189ir4q',strong:'tvprbm',subtle:'_15qfxml'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'z23mtr',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1k03arg',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'wmw0bh',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_9x5ezx']});
 
 export { buttonBase, spinner };

package/dist/esm/packages/react/src/button/ButtonRoot.js

@@ -19,6 +19,7 @@ const appearances = {
   default: { intent: "neutral", variant: "outline" },
   inverse: { intent: "neutral", variant: "strong" },
   primary: { intent: "primary", variant: "strong" },
+  "primary-opal": { intent: "primary", variant: "opal" },
   subtle: { intent: "neutral", variant: "subtle" }
 };
 const ButtonRoot = forwardRef(
@@ -56,7 +57,7 @@ const ButtonRoot = forwardRef(
           /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
             Spinner,
             {
-              appearance: variant === "strong" ? "inverse" : "default",
+              appearance: variant === "strong" || variant === "opal" ? "inverse" : "default",
               "aria-hidden": "true",
               ...spinner()
             }

package/dist/esm/packages/react/src/calendar/Calendar-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-Bb2ZrqYd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-IwZALI-5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'ewtcuw'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'l4ovxz'}}});
 
 export { picker };

package/dist/esm/packages/react/src/calendar/Calendar.js

@@ -96,11 +96,15 @@ const Calendar = forwardRef(
             },
             onPointerEnter: (event) => {
               onPointerEnter?.(event);
-              setTo(props2.day.date);
+              if (!event.currentTarget.disabled) {
+                setTo(props2.day.date);
+              }
             },
             onPointerLeave: (event) => {
               onPointerLeave?.(event);
-              setTo(void 0);
+              if (!event.currentTarget.disabled) {
+                setTo(void 0);
+              }
             },
             ...props2
           }

package/dist/esm/packages/react/src/calendar/CalendarDayButton-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-B5fdgClO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-W_-G7sxr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_38szpc'],variants:{appearance:{'default':'_1rjmor',holiday:[{color:'fg.error'},'_4ysgi9'],range_middle:'qu0g6c',selected:[{color:'fg.white'},'_18zv82l'],weekend:[{color:'fg.tertiary'},'l85tr1']},range:{end:['_1skhk8z'],middle:['hpopnr'],start:['_1l1oirc']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'y57qho']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'lg0zog'],variants:{appearance:{'default':'hpfjyo',holiday:[{color:'fg.error'},'_1t4inu7'],range_middle:'_13rwoar',selected:[{color:'fg.white'},'yejo8q'],weekend:[{color:'fg.tertiary'},'_1crjqvo']},range:{end:['_175rrrf'],middle:['_16gg207'],start:['_1hk8vc8']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'l50fgr']});
 
 export { button, today };

package/dist/esm/packages/react/src/calendar/CalendarDayButton.js

@@ -11,6 +11,7 @@ function CalendarDayButton({
   className,
   color: _color,
   day: _day,
+  disabled,
   modifiers,
   ...props
 }) {
@@ -24,7 +25,6 @@ function CalendarDayButton({
     Box,
     {
       asChild: true,
-      "data-disabled": modifiers.outside || props.disabled,
       ...button(
         {
           appearance: modifiers.range_middle ? "range_middle" : modifiers.selected ? "selected" : modifiers.holiday ? "holiday" : modifiers.weekend ? "weekend" : "default",
@@ -32,7 +32,7 @@ function CalendarDayButton({
         },
         className
       ),
-      children: /* @__PURE__ */ jsxs("button", { ref, ...props, children: [
+      children: /* @__PURE__ */ jsxs("button", { disabled: modifiers.outside || disabled, ref, ...props, children: [
         children,
         modifiers.today && /* @__PURE__ */ jsx(Box, { ...today() })
       ] })

package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DG7xjeUf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla---_HwSGY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1g3kt97']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1p455jp']});
 
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarNav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-wZs9ViPZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-DeOuKG-S.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'y86qye']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1u9rjfa']});
 
 export { nav };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-Bvm4KJcN.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-C3iyrQhz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-Chfa40d3.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BnTVX_ll.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['pe4xuh',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'_10zsg1f']});
+var card = recipeRuntime({base:['mpoabw',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',fontSize:'md',gap:'8',justifyContent:'flex-start',p:'16'},'s8tsi8']});
 
 export { card };

package/dist/esm/packages/react/src/card/CardCheckbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-BgDeBd1m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-C5OxiMY7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_16594ta']});
+var checkbox = recipeRuntime({base:['c6x2n9']});
 
 export { checkbox };

package/dist/esm/packages/react/src/card/CardHeader-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-BFTVhJxW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-BEu3KTs9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'_1b7zmi4',before:'mdhssq'}}});
-var content = recipeRuntime({base:[{flex:'1'},'fbk0sa']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'l5mcq5']});
+var addon = recipeRuntime({base:[{flex:'none',flexDirection:'row',gap:'8'}],variants:{slot:{after:'l783rq',before:'_1iqoiua'}}});
+var content = recipeRuntime({base:[{flex:'1'},'_1xtz7xu']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',flexDirection:'row',gap:'12',justifyContent:'space-between'},'_1ywx44o']});
 
 export { addon, content, header };

package/dist/esm/packages/react/src/card/CardImage-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var image = recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});

package/dist/esm/packages/react/src/card/CardPreview-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-kiMDFXEr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-Bne_Cil5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'m5xinb']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'k6pk55']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_3wrgvq']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_241hcc']});
 
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Jr6bfht3.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Brbn2K4g.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-CRZnokk5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CTpvRnOH.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DlAf6ou-.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-B3QhbcHH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1q4ddb6'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_148tgs8']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'rm4fe5'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1l8io95']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

package/dist/esm/packages/react/src/checkbox/CheckboxRoot.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { forwardRef, useRef, useEffect } from 'react';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { ToggleInput } from '../toggle-input/ToggleInput.js';
@@ -11,8 +12,17 @@ import { ToggleInputHiddenInput } from '../toggle-input/ToggleInputHiddenInput.j
 import '../toggle-input/ToggleInputLabel.js';
 
 const CheckboxRoot = forwardRef(
-  ({ children, ...props }, ref) => {
+  ({ children, ...props }, outerRef) => {
     const { boxProps, restProps } = extractBoxProps(props);
+    const checked = props["aria-checked"];
+    const innerRef = useRef();
+    useEffect(() => {
+      if (!innerRef.current) {
+        return;
+      }
+      innerRef.current.indeterminate = checked === "mixed";
+    }, [checked]);
+    const ref = useComposedRefs(innerRef, outerRef);
     return /* @__PURE__ */ jsxs(ToggleInput, { ...boxProps, children: [
       /* @__PURE__ */ jsx(ToggleInputHiddenInput, { ref, ...restProps }),
       children

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-3kSpbNl5.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-Ckrfwod7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-nFVu-ZDm.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-dvBTJ2bj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1511abu']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_19cvufz']});
 
 export { code };

package/dist/esm/packages/react/src/command/Command.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useCombobox } from 'downshift';
 import { useRef } from 'react';
-import { usePortalPatch } from '../downshift/usePortalPatch.js';
+import { useHighlightedIndex } from '../downshift/useHighlightedIndex.js';
 import { resolveItemProperty, CommandProvider } from './CommandContext.js';
 import { useCommandItems } from './useCommandItems.js';
 
@@ -25,7 +25,7 @@ function Command({
     prop: inputValueProp
   });
   const items = useCommandItems({ inputValue, options });
-  const [highlightedIndex, setHighlightedIndex, placed] = usePortalPatch(
+  const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex(
     enabled,
     () => items.filter((item) => "selected" in item).length > items.length / 2 ? items.findIndex(
       (item) => !resolveItemProperty(item.disabledReason) && resolveItemProperty(item.selected) && !item.multi
@@ -40,15 +40,16 @@ function Command({
     highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
     inputValue,
     isItemDisabled: (item) => Boolean(resolveItemProperty(item?.disabledReason)),
-    isOpen: placed,
+    isOpen: !!enabled,
     items,
     itemToString: (item) => item !== null ? resolveItemProperty(item.label, { inputValue }) : "",
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
       setHighlightedIndex(highlightedIndex2);
-      const item = items[highlightedIndex2];
-      const hasSubOptions = item && (typeof item.subOptions === "function" || !!item.subOptions?.length);
-      if (highlightedIndex2 !== -1 && (!hasSubOptions || type === useCombobox.stateChangeTypes.ItemMouseMove)) {
-        onHover?.(items[highlightedIndex2]);
+      if (highlightedIndex2 !== -1) {
+        onHover?.(
+          items[highlightedIndex2],
+          type === useCombobox.stateChangeTypes.FunctionSetHighlightedIndex || type === useCombobox.stateChangeTypes.ItemMouseMove
+        );
       }
     },
     onSelectedItemChange({ selectedItem, type }) {

package/dist/esm/packages/react/src/command/CommandInput.js

@@ -27,6 +27,7 @@ const CommandInput = forwardRef(
         htmlSize: 1,
         size,
         ...downshift.getInputProps({
+          "aria-label": props.placeholder,
           ref,
           ...props,
           onBlur: (event) => {