@optiaxiom/react 1.9.25 → 1.9.27

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/alert/Alert.css.ts.vanilla-1uX360Oq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/alert/Alert.css.ts.vanilla-CGZBxeyr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},opal:{backgroundImage:'gradient.opal'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_1p58zu4']});
-var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
+var content$6 = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_83sxy']});
+var icon$3 = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
-export { alert, content, icon };
+export { alert, content$6 as content, icon$3 as icon };

package/dist/esm/packages/react/src/alert/Alert.js

@@ -12,7 +12,7 @@ import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
 import { IconOpal } from '../icons/IconOpal.js';
 import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
-import { alert, icon, content } from './Alert-css.js';
+import { icon, content, alert } from './Alert-css.js';
 
 const mapIntentToIcon = {
   danger: IconCircleExclamationSolid,

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BW_6W36m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BVPaIZNr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'w66qin'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'ebhecm'],variants:{size:{sm:'u4rimj',md:'yzohzt',lg:'_1rlet9p'}}});
-var nestedDialogCountVar = 'var(--_17f2y36)';
-var root = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'_1a36po4']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'ojzn36'}}});
+var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1xm4scd'],variants:{size:{sm:'_1gmpqao',md:'_2tvvlu',lg:'_8mkugz'}}});
+var nestedDialogCountVar = 'var(--_10pdcf0)';
+var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'_1sm5bt2']});
 
-export { backdrop, content, nestedDialogCountVar, root };
+export { backdrop, content$4 as content, nestedDialogCountVar, root$4 as root };

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

@@ -18,7 +18,7 @@ import { Paper } from '../paper/Paper.js';
 import { Portal } from '../portal/Portal.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { backdrop, root, content, nestedDialogCountVar } from './AlertDialogContent-css.js';
+import { backdrop, content, nestedDialogCountVar, root } from './AlertDialogContent-css.js';
 import { useAlertDialogContext } from './AlertDialogContext.js';
 
 const AlertDialogContent = forwardRef(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CgSY4bAR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DqwVzBcg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_13fvxm8']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1jndue6']});
 
 export { footer };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla--aigXFd_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-CcSkPHTx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1a2z8l1']});
+var header$1 = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'hccc22']});
 
-export { header };
+export { header$1 as header };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DSE-4V7T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BN5Zgc81.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'herlrc'],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'},'_1rzmqmu'],xs:[{fontWeight:'400',size:'xs'},'_1df8flx'],sm:[{size:'sm'},'_1kh6aqy'],md:[{size:'md'},'agd2ck'],lg:[{size:'lg'},'_4lzp5k'],xl:[{size:'xl'},'_14epcs4'],'3xl':[{size:'3xl'},'_1l5rqgc']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1gx4fm'],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'},'_1xp1hhu'],xs:[{fontWeight:'400',size:'xs'},'_1tkffdh'],sm:[{size:'sm'},'_9fitao'],md:[{size:'md'},'_1gc79uy'],lg:[{size:'lg'},'cee0yn'],xl:[{size:'xl'},'_1phaof6'],'3xl':[{size:'3xl'},'_13qhl29']}}});
 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'}}}});
+var icon$2 = 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'}}}});
 
-export { avatar, fallback, icon };
+export { avatar, fallback, icon$2 as icon };

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

@@ -8,7 +8,7 @@ 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';
+import { icon, fallback, avatar } from './Avatar-css.js';
 import { useAvatarContext } from './AvatarContext.js';
 
 function getInitialsFromName(name) {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_1sdi766',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1xq6942',{display:'flex'}]});
 
 export { avatarGroup };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BufPMVfX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DjdrzyUx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1mbcice']});
+var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_9ukyvk']});
 
-export { backdrop };
+export { backdrop$2 as backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DSlHdddy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-MsNHvWtt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_122v5rc'],variants:{intent:{danger:'taxqcd',information:'rzb0vq',neutral:'k7huda',primary:'rtfw15',success:'_5ycym9',warning:'_1stpc0k'},variant:{strong:'znfr5h',subtle:'_1pqanxl'}}});
+var badge$1 = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1b9du97'],variants:{intent:{danger:'_1xmm1e4',information:'cvd07s',neutral:'_1sgwn0u',primary:'_8sdgi8',success:'_7oma3a',warning:'_1sxirwq'},variant:{strong:'_36yp6f',subtle:'a49o2o'}}});
 
-export { badge };
+export { badge$1 as badge };

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

@@ -5,7 +5,7 @@ import { forwardRef } from 'react';
 import { Text } from '../text/Text.js';
 import { badge } from './Badge-css.js';
 
-const Slot = createSlot("@optiaxiom/react/Badge");
+const Slot$8 = createSlot("@optiaxiom/react/Badge");
 const Badge = forwardRef(
   ({
     asChild,
@@ -15,7 +15,7 @@ const Badge = forwardRef(
     variant = "subtle",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : "span";
+    const Comp = asChild ? Slot$8 : "span";
     return /* @__PURE__ */ jsx(
       Text,
       {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-DYFLwaj_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-B0kg7AsM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',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',flexDirection:'column',gap:'8',justifyContent:'center'},'_1gq89as']});
-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'}}}});
+var content$3 = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'q0jfaa']});
+var icon$2 = 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 };
+export { banner, content$3 as content, icon$2 as icon };

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

@@ -11,7 +11,7 @@ import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.
 import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
 import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
-import { banner, icon, content } from './Banner-css.js';
+import { icon, content, banner } from './Banner-css.js';
 
 const mapIntentToIcon = {
   danger: IconCircleExclamationSolid,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-D5oyF7nP.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-ZAL3IEoe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-D6o4WiTK.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-imgoqitL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'t2xf2r'});
+var box = recipeRuntime({base:'ya8pib'});
 
 export { box };

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

@@ -9,10 +9,10 @@ import { sprinklesMerge } from '../sprinkles/sprinklesMerge.js';
 import { box } from './Box-css.js';
 import { extractBoxProps } from './extractBoxProps.js';
 
-const Slot = createSlot("@optiaxiom/react/Box");
+const Slot$f = createSlot("@optiaxiom/react/Box");
 const Box = forwardRef(
   ({ asChild, className, style, ...props }, ref) => {
-    const Comp = asChild ? Slot : "div";
+    const Comp = asChild ? Slot$f : "div";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsx(
       Comp,

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DNM1YCdx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DYOIR2Md.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'r62e12'});
-var list = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_167lne']});
+var link = recipeRuntime({base:'_11a6aqy'});
+var list$2 = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_1x86yz7']});
 
-export { link, list };
+export { link, list$2 as list };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-Crf8pFWc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-_urUV7rG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1izxagi']});
+var item$2 = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_1apyxam']});
 
-export { item };
+export { item$2 as item };

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

@@ -15,7 +15,7 @@ import { ButtonLabel } from './ButtonLabel.js';
 import { ButtonLoadable } from './ButtonLoadable.js';
 import { ButtonRoot } from './ButtonRoot.js';
 
-const Slot = createSlot("@optiaxiom/react/Button");
+const Slot$b = createSlot("@optiaxiom/react/Button");
 const Button = forwardRef(
   ({
     addonAfter,
@@ -29,7 +29,7 @@ const Button = forwardRef(
     square,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? Slot$b : "button";
     const context = useButtonContext("@optiaxiom/react/Button");
     const surface = useSurface("action");
     const size = sizeProp || context.size || "md";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'y9tdhh'});
+var buttonGroup = recipeRuntime({base:'_1k0h1sz'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CohI8i2t.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-17LQJdNG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C6sALQW0.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-C3MJKyu7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'umqi0c']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1y4ng8']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CohI8i2t.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C6sALQW0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1vxmw19',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_8gb4ah'],variants:{intent:{danger:'_1kqnu8x',neutral:'_5cle5b',primary:'_1ct0yjq'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{outline:'o8c9qd','outline-opal':'_1vsbfa4',strong:'a23lcr','strong-opal':'tknt31',subtle:'ge2p81'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_13qcsyy',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_1psutm',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1qheoqh',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'zentrb',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'j1z4rj']});
+var buttonBase = recipeRuntime({base:['dajbpv',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1mgm13o'],variants:{intent:{danger:'_1fmcrop',neutral:'_4q9cif',primary:'vw3ffs'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{outline:'_48u61j','outline-opal':'_1s87tqj',strong:'_29ahns','strong-opal':'v0m296',subtle:'_1yaz0sc'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'yl6gt8',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'ytzgn9',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1jwu3k4',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1ppqrd3',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1nob8mh']});
 
 export { buttonBase, spinner };

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

@@ -12,7 +12,7 @@ import { decorateChildren } from '../utils/decorateChildren.js';
 import '../utils/isHoverSupported.js';
 import { buttonBase, spinner } from './ButtonRoot-css.js';
 
-const Slot = createSlot("@optiaxiom/react/ButtonRoot");
+const Slot$c = createSlot("@optiaxiom/react/ButtonRoot");
 const appearances = {
   danger: { intent: "danger", variant: "strong" },
   "danger-outline": { intent: "danger", variant: "outline" },
@@ -35,7 +35,7 @@ const ButtonRoot = forwardRef(
     square,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? Slot$c : "button";
     const { boxProps, restProps } = extractBoxProps(props);
     const { intent, variant } = appearances[appearance];
     return /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-Dh9qLzSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-BZthaHoq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1pcxhsy'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'s8s4kp'}}});
 
 export { picker };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CQG26cLa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-d12QZZAl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_132pjcu'],variants:{appearance:{'default':'fxsau7',holiday:[{color:'fg.error'},'by1eu6'],range_middle:'_8ksum0',selected:[{color:'fg.white'},'_1rrdshb'],weekend:[{color:'fg.tertiary'},'q93sf5']},range:{end:['_8ykb75'],middle:['i16sqe'],start:['_1ik3udw']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1jtw7ll']});
+var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'hloqax'],variants:{appearance:{'default':'ftvlzu',holiday:[{color:'fg.error'},'_1687pdk'],range_middle:'obacr4',selected:[{color:'fg.white'},'iutu2q'],weekend:[{color:'fg.tertiary'},'zedsej']},range:{end:['cwkjcs'],middle:['p80hj3'],start:['_1fk92jl']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'_1bu5eor']});
 
-export { button, today };
+export { button$2 as button, today };

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

@@ -5,7 +5,7 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { useCalendarContext } from './CalendarContext.js';
-import { button, today } from './CalendarDayButton-css.js';
+import { today, button } from './CalendarDayButton-css.js';
 
 function CalendarDayButton({
   children,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-BUay8tuS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-w_y-21lq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var grid = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1e5x8vk']});
+var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1h9ttpw']});
 
-export { grid };
+export { grid$1 as grid };

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

@@ -9,7 +9,7 @@ import { useCalendarContext } from './CalendarContext.js';
 import { CalendarGrid } from './CalendarGrid.js';
 import { withYear, withMonth } from './utils.js';
 
-const months = [
+const months$1 = [
   ["Jan", "January"],
   ["Feb", "February"],
   ["Mar", "March"],
@@ -110,7 +110,7 @@ function CalendarMonthGrid({
           setMonth(withMonth(month, value));
           setView("day");
         },
-        options: months,
+        options: months$1,
         value: month.getMonth()
       }
     );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-D4q9PLWP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DUUSdIet.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_1n6lghe']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'n96w39']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DV1cfPdb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DeQquoqZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_85e70q'});
+var button$1 = recipeRuntime({base:'s7fye0'});
 
-export { button };
+export { button$1 as button };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-Cb7M3ZTQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-YdI1k8Rr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_1ebh1da'});
+var button = recipeRuntime({base:'ns4frd'});
 
 export { button };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BH4oxlEZ.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-D7IUopqM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-yymR07dg.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-ClDPJh4D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1yfa7jb',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_7q0lto']});
+var card = recipeRuntime({base:['_11jsy5v',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_12e6gb5']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-Df1_uADg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CR1fBmat.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_9d6uvj']});
+var checkbox = recipeRuntime({base:['ki1gpp']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-kGo_lwx2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CAYiapGf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_12r38wl',before:'_1xvafqw'}}});
-var content = recipeRuntime({base:[{flex:'1'},'_2jtgst']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'ct1p4j']});
+var addon$2 = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_16czn9n',before:'_142ckum'}}});
+var content$2 = recipeRuntime({base:[{flex:'1'},'wqnehx']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_1svf54v']});
 
-export { addon, content, header };
+export { addon$2 as addon, content$2 as content, header };

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

@@ -7,7 +7,7 @@ import '../sprinkles/sprinklesMerge.js';
 import { Group } from '../group/Group.js';
 import { Heading } from '../heading/Heading.js';
 import { useCardContext } from './CardContext.js';
-import { header, content, addon } from './CardHeader-css.js';
+import { content, addon, header } from './CardHeader-css.js';
 
 const CardHeader = forwardRef(
   ({

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.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-B7Z2mHrr.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-C4arGgyZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla--h6q67yY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1rrs1z3']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'ohtsf']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_3mk79k']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'o7a62p']});
 
 export { overlay, preview };

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

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { preview, overlay } from './CardPreview-css.js';
+import { overlay, preview } from './CardPreview-css.js';
 
 const CardPreview = forwardRef(
   ({

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7Z2mHrr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CI7wvP9g.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BmQYvDvT.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DeBVzfhi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DNwl9m9z.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BU2kWunP.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BU11WZgj.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-_cZb-u7_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_148d90k'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'mf1xzs']});
-var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+var control$2 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_12hc52e'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'_9a0bxp']});
+var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
-export { control, icon, indicator };
+export { control$2 as control, icon$1 as icon, indicator$1 as indicator };

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

@@ -12,7 +12,7 @@ import { ToggleInputControl } from '../toggle-input/ToggleInputControl.js';
 import '../toggle-input/ToggleInputDescription.js';
 import '../toggle-input/ToggleInputHiddenInput.js';
 import '../toggle-input/ToggleInputLabel.js';
-import { control, indicator, icon } from './CheckboxControl-css.js';
+import { icon, indicator, control } from './CheckboxControl-css.js';
 
 const CheckboxControl = forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
   return /* @__PURE__ */ jsx(

package/dist/esm/packages/react/src/clock/utils.js

@@ -1,5 +1,5 @@
-const locale = new Intl.Locale(navigator.language ?? "en-US");
-const hourCycles = "getHourCycles" in locale && typeof locale.getHourCycles === "function" ? locale.getHourCycles() : ["h12"];
+const locale$1 = new Intl.Locale(navigator.language ?? "en-US");
+const hourCycles = "getHourCycles" in locale$1 && typeof locale$1.getHourCycles === "function" ? locale$1.getHourCycles() : ["h12"];
 const is24Hour = hourCycles[0] === "h23";
 const format = ({
   hour,