@optiaxiom/react 3.0.0-next.1 → 3.0.0-next.2

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-C2GirC54.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-NXhVULRJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'qlqsie'}}});
-var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'kfwld2'],variants:{size:{sm:'orudni',md:'_1dyee63',lg:'_1e4vlxy'}}});
-var nestedDialogCountVar = 'var(--_1umrpdf)';
-var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'_3puhta']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1kqwak4'}}});
+var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_60tyaa'],variants:{size:{sm:'_1mf1msc',md:'_1665y2w',lg:'_1rneih'}}});
+var nestedDialogCountVar = 'var(--_1y56oea)';
+var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'p8b6hy']});
 
 export { backdrop, content$4 as content, nestedDialogCountVar, root$4 as root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-w4KStk8R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DsyGBMi2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'rxgfus']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1b1txo4']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BfI8qX_l.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-yjnMd_eL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header$1 = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1g88k8g']});
+var header$1 = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'pr9vjc']});
 
 export { header$1 as header };

package/dist/esm/packages/react/src/angle-menu-button/AngleMenuButton.js

@@ -1,21 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { IconKeyboardArrowDown } from '@optiaxiom/icons';
+import { IconAngleDown } from '@optiaxiom/icons';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 
 const AngleMenuButton = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      icon: /* @__PURE__ */ jsx(IconKeyboardArrowDown, {}),
-      iconPosition: "end",
-      ref,
-      ...props,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ref, ...props, children });
 });
 AngleMenuButton.displayName = "@optiaxiom/react/AngleMenuButton";
 

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D_HUx7nL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CLs037UM.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'},'_19balii'],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'},'dx45w'],xs:[{fontWeight:'400',size:'xs'},'_1fmd3it'],sm:[{size:'sm'},'_1urx9i5'],md:[{size:'md'},'_19tsgs8'],lg:[{size:'lg'},'_1ec3fv7'],xl:[{size:'xl'},'_13tl6ca'],'3xl':[{size:'3xl'},'_1x3bo5j']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1a0bjhh'],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'},'_1hozhjm'],xs:[{fontWeight:'400',size:'xs'},'_16v1dq2'],sm:[{size:'sm'},'_1oia5an'],md:[{size:'md'},'md84uh'],lg:[{size:'lg'},'_18dws5e'],xl:[{size:'xl'},'bteelf'],'3xl':[{size:'3xl'},'_1sfpycq']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
-var icon$2 = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'12'},xs:[{h:'16'},'_1bbmq0f'],sm:{h:'16'},md:{h:'xs'},lg:{h:'sm'},xl:{h:'sm'},'3xl':{h:'lg'}}}});
+var icon$2 = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'12'},xs:[{h:'16'},'hldh04'],sm:{h:'16'},md:{h:'xs'},lg:{h:'sm'},xl:{h:'sm'},'3xl':{h:'lg'}}}});
 
 export { avatar, fallback, icon$2 as icon };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconPerson, IconGroups } from '@optiaxiom/icons';
+import { IconUser, IconUserGroup } from '@optiaxiom/icons';
 import * as RadixAvatar from '@radix-ui/react-avatar';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
@@ -18,8 +18,8 @@ function getInitialsFromName(name) {
 }
 const mapFallbackToIcon = {
   opal: null,
-  team: /* @__PURE__ */ jsx(IconGroups, {}),
-  user: /* @__PURE__ */ jsx(IconPerson, { filled: true })
+  team: /* @__PURE__ */ jsx(IconUserGroup, {}),
+  user: /* @__PURE__ */ jsx(IconUser, { filled: true })
 };
 const Avatar = forwardRef(
   ({

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_12ncf1n',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['xnvlmt',{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-DtGY3B09.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DXDzFiFr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-D8Z_m5kh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_14kqu9j']});
+var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1ril0rt']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-OjtEM4Uu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DTVNMu_y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge$1 = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontFamily:'mono',fontSize:'sm',fontWeight:'400',justifyContent:'center',px:'6',py:'2',rounded:'full',textTransform:'uppercase'},'daq4sr'],variants:{intent:{danger:'_3tru3p',information:'_1eu5b2r',neutral:'hdqmv2',primary:'_1l48qwa',success:'s0zk0n',warning:'_1g85c4m'},variant:{strong:'_4i4jec',subtle:'sotwoc'}}});
+var badge$1 = recipeRuntime({base:[{display:'inline-flex',flex:'none',fontFamily:'mono',fontSize:'sm',fontWeight:'400',justifyContent:'center',px:'6',py:'2',rounded:'full',textTransform:'uppercase'},'xccipj'],variants:{intent:{danger:'_15nyapi',information:'_1375gu6',neutral:'_1gpavfp',primary:'_1gxr7a',success:'lvjnce',warning:'ivwc9v'},variant:{strong:'uxq4r0',subtle:'ywj37q'}}});
 
 export { badge$1 as badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-Dan-h9Cw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-CInwWDbL.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.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
-var content$3 = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_1spzvo5']});
+var content$3 = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'wgjyd4']});
 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$3 as content, icon$2 as icon };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { IconWarning, IconCheckCircle, IconInfo, IconError, IconClose } from '@optiaxiom/icons';
+import { IconTriangleExclamation, IconCheckCircleSolid, IconCircleInfo, IconCircleExclamation, IconXmark } from '@optiaxiom/icons';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef, createElement } from 'react';
 import { Button } from '../button/Button.js';
@@ -10,11 +10,11 @@ import { Icon } from '../icon/Icon.js';
 import { icon, content, banner } from './Banner-css.js';
 
 const mapIntentToIcon = {
-  danger: IconError,
-  information: IconInfo,
-  neutral: IconInfo,
-  success: IconCheckCircle,
-  warning: IconWarning
+  danger: IconCircleExclamation,
+  information: IconCircleInfo,
+  neutral: IconCircleInfo,
+  success: IconCheckCircleSolid,
+  warning: IconTriangleExclamation
 };
 const Banner = forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
@@ -37,7 +37,7 @@ const Banner = forwardRef(
               "aria-label": "close",
               color: "fg.default",
               flex: "none",
-              icon: /* @__PURE__ */ jsx(IconClose, {}),
+              icon: /* @__PURE__ */ jsx(IconXmark, {}),
               onClick: onDismiss,
               size: "sm"
             }

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-6WgI5BV7.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-BwcfIzcL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-CnCa-4tV.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-D9S-5aMb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1akda24'});
+var box = recipeRuntime({base:'_18wg58x'});
 
 export { box };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-rjaJoKix.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DarTdFX1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:'_15amt1k'});
-var list$2 = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'hej5cr']});
+var link = recipeRuntime({base:'_1imu50u'});
+var list$2 = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_78pml7']});
 
 export { link, list$2 as list };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconMoreHoriz } from '@optiaxiom/icons';
+import { IconEllipsisStroke } from '@optiaxiom/icons';
 import { forwardRef, Fragment } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
@@ -59,7 +59,7 @@ const renderItems = (items, limit = items.length, renderItem) => {
         {
           appearance: "subtle",
           "aria-label": "More items",
-          icon: /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsx(IconMoreHoriz, {}) })
+          icon: /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", children: /* @__PURE__ */ jsx(IconEllipsisStroke, {}) })
         }
       ),
       /* @__PURE__ */ jsx(MenuContent, {})

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-UkEvdkMb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CPX6cLj2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item$2 = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'_18k2sxm']});
+var item$2 = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',gap:'4',whiteSpace:'nowrap'},'u2m9rp']});
 
 export { item$2 as item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1s0cwly'});
+var buttonGroup = recipeRuntime({base:'_1k7fv9m'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
-import './../../../../assets/src/button/ButtonIcon.css.ts.vanilla-p_UxYEUC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BAmCsSGt.css';
+import './../../../../assets/src/button/ButtonIcon.css.ts.vanilla-Dq5PvxSU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$4 = recipeRuntime({variants:{addon:{false:{size:'sm'},true:{}},inverse:{false:{},true:{}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:'_164y9i0',variants:{addon:true,size:'sm'}},{style:'eg6coi',variants:{addon:true,size:'md'}},{style:'edunm2',variants:{addon:true,size:'lg'}},{style:[{h:'sm',p:'4',rounded:'sm'},'qtak99'],variants:{inverse:true,size:'lg'}}]});
+var icon$4 = recipeRuntime({variants:{addon:{false:'a36mq3',true:{}},inverse:{false:{},true:{}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:'a71y09',variants:{addon:true,size:'sm'}},{style:'rhvj90',variants:{addon:true,size:'md'}},{style:'zkdv8n',variants:{addon:true,size:'lg'}},{style:[{rounded:'sm'},'_12yh0k2'],variants:{inverse:true,size:'lg'}}]});
 
 export { icon$4 as icon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
-import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-Dgmw6D4x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BAmCsSGt.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-Di_XYSJU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1vqa540']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1vcbo1v']});
 
 export { loadable };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C_lSJukO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BAmCsSGt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['s57c14',{alignItems:'center',display:'inline-flex',flexDirection:'row',fontWeight:'500',justifyContent:'flex-start',transition:'colors'},'_5p301j'],variants:{intent:{danger:'swgqbh',neutral:'_1gdj0cg',primary:'_12p53cr'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},square:{false:{},true:{}},variant:{outline:'q0ll6n','outline-opal':'j1hh3k',strong:'_10m2clh','strong-opal':'_1y28uya',subtle:'b4oy0j'}},variantsCompounded:[{style:[{pl:'6'},'nmxax3'],variants:{intent:'primary',size:'lg',variant:'strong'}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'zsqe2z',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_1rojgcj',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_2a9oy4',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_3janen',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'de18pv']});
+var buttonBase = recipeRuntime({base:['is8xcs',{alignItems:'center',display:'inline-flex',flexDirection:'row',fontWeight:'500',justifyContent:'flex-start',transition:'colors'},'_1pmidff'],variants:{intent:{danger:'_1t92tbc',neutral:'_1ekr0wz',primary:'z9l255'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},square:{false:{},true:{}},variant:{outline:'rp9z99','outline-opal':'_183hoyc',strong:'_1li977x','strong-opal':'sgllj2',subtle:'_5qhk0t'}},variantsCompounded:[{style:[{pl:'6'},'_1jzrlbu'],variants:{intent:'primary',size:'lg',variant:'strong'}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1o3jbf9',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'bxwfdd',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1h6zsnw',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'qm0ken',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'l7u4e2']});
 
 export { buttonBase, spinner };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-Cn3iSAW1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-tEhGgGEE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_18vg8sx'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'r3nw8g'}}});
 
 export { picker };

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconKeyboardArrowDown } from '@optiaxiom/icons';
+import { IconAngleDown } from '@optiaxiom/icons';
 import { CaptionLabel } from 'react-day-picker';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
@@ -18,7 +18,7 @@ function CalendarCaptionLabel({
     Button,
     {
       appearance: "subtle",
-      icon: /* @__PURE__ */ jsx(IconKeyboardArrowDown, {}),
+      icon: /* @__PURE__ */ jsx(IconAngleDown, {}),
       iconPosition: "end",
       onClick: () => {
         if (view === "month") {

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-F4yZU6uB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-0BctvvBz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_14ppajp'],variants:{appearance:{'default':'uuoadb',holiday:[{color:'fg.error'},'_2hnfb5'],range_middle:'_12tuuk1',selected:['d0nufr'],weekend:[{color:'fg.tertiary'},'_1fh0xgl']},range:{end:['_1fx288b'],middle:['_1ckfays'],start:['risboc']}}});
-var today = recipeRuntime({base:[{mx:'auto',rounded:'full'},'_11yq1wi']});
+var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1yoh4x9'],variants:{appearance:{'default':'t3p2go',holiday:[{color:'fg.error'},'lgpf1h'],range_middle:'_4f9o0c',selected:['_1ib6akh'],weekend:[{color:'fg.tertiary'},'_1gbkhsz']},range:{end:['_40358d'],middle:['_15tg5ru'],start:['_7m05g0']}}});
+var today = recipeRuntime({base:[{mx:'auto',rounded:'full'},'xl7ccy']});
 
 export { button$2 as button, today };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-DKnd3c_D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-BeZ17YAW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1ycnphy']});
+var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'w46z8g']});
 
 export { grid$1 as grid };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-GLCgvc8P.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DoSP-aty.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'c4ltgd']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'z5o0ee']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-CueGXK1Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-OentDDmP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$1 = recipeRuntime({base:'zg63bq'});
+var button$1 = recipeRuntime({base:'_1p80qo7'});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-DKwr4nQ_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-wzNnhjpd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_1lsa767'});
+var button = recipeRuntime({base:'_1htsgmt'});
 
 export { button };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BSF8fxeJ.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-iBAEp336.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DCq-y0_u.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BY1H3a1x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['che40p',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'hnyto8']});
+var card = recipeRuntime({base:['iqaqo0',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'sw3z3r']});
 
 export { card };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CIWxg_kY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-vVGMA7Ks.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_5ozbae']});
+var checkbox = recipeRuntime({base:['_1g90tjf']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-Dga_MZO2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-C64EHOfb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon$2 = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'dvuk3b',before:'_1fi7hh6'}}});
-var content$2 = recipeRuntime({base:[{flex:'1'},'r0ne7g']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'yf7tlg']});
+var addon$2 = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'_19pgs0y',before:'_1h32bu0'}}});
+var content$2 = recipeRuntime({base:[{flex:'1'},'n4ssoo']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'_665sx1']});
 
 export { addon$2 as addon, content$2 as content, header };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.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-DtGY3B09.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BfeXQYP1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-DK7GaPje.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'nlk4lg']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_1ftba07']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1tamtpo']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'sb14cz']});
 
 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-DtGY3B09.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BYV2kEqW.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BQpQ5Iyp.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-D8D0Juwr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BM9-6W7t.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DyNlQ9Na.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$2 = recipeRuntime({base:[{color:'fg.black',display:'grid',rounded:'md',size:'sm'},'ey8948'],variants:{shift:{false:{},true:'cpk8ea'}}});
-var icon$1 = recipeRuntime({base:[{transition:'all'},'_1uiv36q']});
+var control$2 = recipeRuntime({base:[{display:'grid',rounded:'md',size:'sm'},'lshwe4'],variants:{shift:{false:{},true:'w4akj7'}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'fcyw6w']});
 var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control$2 as control, icon$1 as icon, indicator$1 as indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-C2k7C84R.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DzaIOsgx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'u56j92']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_9vhjy4']});
 
 export { code };

package/dist/esm/packages/react/src/command/CommandItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-D9ksb3wq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-CHXAB_98.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'_6mj55h']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'k6cml0']});
 
 export { detail };

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

@@ -65,6 +65,7 @@ const CommandItem = forwardRef(
       "aria-posinset": index + 1,
       "aria-selected": selected ?? resolveItemProperty(item.selected),
       "aria-setsize": items.length,
+      index,
       item,
       onClick: (event) => {
         onClick?.(event);

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BSF8fxeJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DCq-y0_u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_10psrkx','_1084dcg'],true:{}},inset:{false:'vxd3hn',true:'_80z1sp'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1frvpmu','xtlb8r'],true:{}},inset:{false:'a3wk6i',true:'nizfhj'}}});
 
 export { cover };

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

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DtGY3B09.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-C5iFEXaM.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BKcFTShV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-BPRD8lJ4.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-BIR_zK_m.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'qof1g2'],variants:{pinned:{left:'_6a0zfs',right:'hdi7l7'},pinnedType:{body:'vczq28',header:{}},resizable:{false:{},true:'_1is61ng'}}});
-var cellOffsetVar = 'var(--_15uy4os)';
-var cellSizeVar = 'var(--ddfr1n)';
-var leftTotalSizeVar = 'var(--_15mww2z)';
-var rightTotalSizeVar = 'var(--_3g4ko)';
-var root$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1yru0l8']});
-var totalSizeVar = 'var(--_1jiv3ux)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'_1k7qt7e'],variants:{pinned:{left:'_1kyu2bt',right:'cla2gl'},pinnedType:{body:'_1i8uy8s',header:{}},resizable:{false:{},true:'_1e0ebg4'}}});
+var cellOffsetVar = 'var(--_1pr9lqo)';
+var cellSizeVar = 'var(--vcfkn8)';
+var leftTotalSizeVar = 'var(--_1eemmat)';
+var rightTotalSizeVar = 'var(--fltjgt)';
+var root$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1rfcjv9']});
+var totalSizeVar = 'var(--_6v5ff8)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root$1 as root, totalSizeVar };