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

package/dist/esm/packages/react/src/alert/Alert.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';
@@ -11,12 +11,12 @@ import { IconOpal } from '../icons/IconOpal.js';
 import { icon, content, alert } from './Alert-css.js';
 
 const mapIntentToIcon = {
-  danger: IconError,
-  information: IconInfo,
-  neutral: IconInfo,
+  danger: IconCircleExclamation,
+  information: IconCircleInfo,
+  neutral: IconCircleInfo,
   opal: IconOpal,
-  success: IconCheckCircle,
-  warning: IconWarning
+  success: IconCheckCircleSolid,
+  warning: IconTriangleExclamation
 };
 const Alert = forwardRef(
   ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
@@ -39,7 +39,7 @@ const Alert = 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/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-Ikx1l7Z8.css';
+import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-at09MyF4.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:'_5qogh2'}}});
+var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1wftxrz'],variants:{size:{sm:'rv1xgb',md:'k1nz6z',lg:'_1qmbsup'}}});
+var nestedDialogCountVar = 'var(--_17a5ig9)';
+var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'m8rozz']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-Cty80dY3.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'},'_1q6wswc']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-2Hh8UM-4.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'},'sg9si6']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-Ccs1TcPz.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'},'_1og7e63'],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'},'_2678li'],xs:[{fontWeight:'400',size:'xs'},'cigltm'],sm:[{size:'sm'},'k01ssz'],md:[{size:'md'},'_9kiqzq'],lg:[{size:'lg'},'_16or3au'],xl:[{size:'xl'},'_13a54gu'],'3xl':[{size:'3xl'},'bq28zv']}}});
 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'},'pi4pla'],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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_12ncf1n',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_5fuol0',{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-Ikx1l7Z8.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-Dp_BAkuo.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'},'hsvves']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CGJ0khzh.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'},'_4rgo6g'],variants:{intent:{danger:'datemy',information:'_6nujqr',neutral:'_1t2aw53',primary:'_1kzrkpk',success:'_1hyrg2j',warning:'i2uulx'},variant:{strong:'jl1whp',subtle:'qrc8dr'}}});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-BcuP8wyQ.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'},'_1ivydgf']});
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-BQI5Ukta.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-y1CToR0y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1akda24'});
+var box = recipeRuntime({base:'_8iv2v4'});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-WDKq6JC3.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:'n6fxrp'});
+var list$2 = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',gap:'8'},'_19uppvv']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-DPbcDT22.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'},'_8zx57p']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1s0cwly'});
+var buttonGroup = recipeRuntime({base:'jrkkr3'});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.css';
+import './../../../../assets/src/button/ButtonIcon.css.ts.vanilla-_Tt1eZc1.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:'_1pt3uyb',true:{}},inverse:{false:{},true:{}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:'_8xbkqk',variants:{addon:true,size:'sm'}},{style:'nox0al',variants:{addon:true,size:'md'}},{style:'sgat0j',variants:{addon:true,size:'lg'}},{style:[{rounded:'sm'},'xobv32'],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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-qDCR0fFs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1vqa540']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'w8nuc8']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BX2hyZhm.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:['_14f5ag2',{alignItems:'center',display:'inline-flex',flexDirection:'row',fontWeight:'500',justifyContent:'flex-start',transition:'colors'},'_6ik2nx'],variants:{intent:{danger:'_1qhdyc2',neutral:'ph338w',primary:'q2a4s3'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',h:'md'},lg:{fontSize:'lg',h:'lg'}},square:{false:{},true:{}},variant:{outline:'t7rlj8','outline-opal':'x9svo8',strong:'_1ui145t','strong-opal':'xm85c9',subtle:'yylsed'}},variantsCompounded:[{style:[{pl:'6'},'_80qmnm'],variants:{intent:'primary',size:'lg',variant:'strong'}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'ezg2g6',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'pxp180',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1kkcj7t',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'e6xy1e',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1l5lawj']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/calendar/Calendar.css.ts.vanilla--h6OUSGa.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:'_1hw1fw1'}}});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CnhcRkWV.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'},'_1ikondp'],variants:{appearance:{'default':'ehv8kz',holiday:[{color:'fg.error'},'_1ftrq15'],range_middle:'_1jcm5rb',selected:['_1ogg6d6'],weekend:[{color:'fg.tertiary'},'_7uaogc']},range:{end:['_1l3vuoi'],middle:['kp5436'],start:['_1x65tby']}}});
+var today = recipeRuntime({base:[{mx:'auto',rounded:'full'},'_1e3f7vo']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-jeLcVGFz.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'},'_99owb1']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BwcGSEdZ.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'},'e181w']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C9_b-one.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button$1 = recipeRuntime({base:'zg63bq'});
+var button$1 = recipeRuntime({base:'_1lbiskv'});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-84GwlnOL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_1lsa767'});
+var button = recipeRuntime({base:'_17rx4lz'});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BZ_wZ-tp.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-1eXy8ATD.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:['_1tpjcft',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1v2u65']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-CMNOOdwr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_5ozbae']});
+var checkbox = recipeRuntime({base:['uy5n9h']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-W5nCmTAZ.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:'_19l6cjn',before:'_1boyrtj'}}});
+var content$2 = recipeRuntime({base:[{flex:'1'},'_1gi2smx']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'t13a76']});
 
 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-Ikx1l7Z8.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-Ikx1l7Z8.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-B4zIrav6.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'},'bhk2ik']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'o64jii']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DODHC2Jk.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-BLc_tTb9.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'},'_1ya2bxh'],variants:{shift:{false:{},true:'_1c1tko2'}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'if72yk']});
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BV41VLh8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'u56j92']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_14cupd']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BpsLMxdj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'_6mj55h']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_187grmk']});
 
 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-Ikx1l7Z8.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BZ_wZ-tp.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:['lovbkk','_1s2yr8i'],true:{}},inset:{false:'_19bxtan',true:'_7hrom1'}}});
 
 export { cover };