@optiaxiom/react 1.2.4 → 1.3.0

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

@@ -9,6 +9,7 @@ import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSo
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
+import '../utils/isHoverSupported.js';
 
 const AlertDialogHeader = forwardRef(({ addonBefore, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "8", p: "24", pb: "16", ref, ...props, children: [

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-BnmASLBC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-DnmPKsAO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_15m2rcu'],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'},'_1ezi4f'],xs:[{fontWeight:'400',size:'xs'},'dc4eqb'],sm:[{size:'sm'},'_1d96mfq'],md:[{size:'md'},'_2ktg34'],lg:[{size:'lg'},'_1ft76s8'],xl:[{size:'xl'},'tayu3c'],'3xl':[{size:'3xl'},'_1ect8vu']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'sgtqgm'],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'},'vmxwmr'],xs:[{fontWeight:'400',size:'xs'},'nmhhxz'],sm:[{size:'sm'},'kgmol5'],md:[{size:'md'},'_102cxqj'],lg:[{size:'lg'},'_1eiyfrp'],xl:[{size:'xl'},'_16insu1'],'3xl':[{size:'3xl'},'_1hfgswz']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['rftkct',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['u2ln8q',{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-CieILHYz.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-Whwe2bz2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BeqTH3mM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_7i4ajj']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'zi74oa']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-ZK5q5LqH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-DyqEtima.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'gnos7w'],variants:{intent:{danger:'_15xbmop',information:'kmcse1',neutral:'_1gffnzg',primary:'se389q',success:'_7lhypb',warning:'_1sfrbao'},variant:{strong:'_1rcx804',subtle:'m19hd3'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1hnnjs1'],variants:{intent:{danger:'_1tcrdze',information:'_1dige54',neutral:'_1bn3pvm',primary:'yambo9',success:'_416zu8',warning:'_1stkb6f'},variant:{strong:'ib8wjm',subtle:'_18qpf9a'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-BWftmIJf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-rRvp60j9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'12',justifyContent:'space-between',px:'24',py:'12'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});
-var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_19axl47']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'gqkdh6']});
 var icon = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
 
 export { banner, content, icon };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-UqsP0JIm.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-Yb2ZcOcM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-zOSre7IM.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-CBWU659a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1yzqte0'});
+var box = recipeRuntime({base:'_1yf4tql'});
 
 export { box };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-uqK5i6rz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DWZetct8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'ifcvae']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_178wu0q']});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DPZ_EElA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BbqzwWHh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1feur97']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1cs9h3b']});
 
 export { link };

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

@@ -11,6 +11,7 @@ import { Icon } from '../icon/Icon.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
+import '../utils/isHoverSupported.js';
 
 const Button = forwardRef(
   ({

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DOZDW1pV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1ssylsz',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1jqvidg'],variants:{intent:{danger:'bjjgrt',neutral:'mqyg50',primary:'_1lujy4w'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1ncebm3',true:{}},variant:{outline:'_1x10v0h',strong:'_1xyz66y',subtle:'_1t0hg70'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'s6ywd4',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1gbi3xq',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1ftcmq',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'c6ijro']});
+var buttonBase = recipeRuntime({base:['_1lghi6c',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1lxpgpr'],variants:{intent:{danger:'_1w0cgtm',neutral:'_2svnj3',primary:'_14nornx'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_16mr07s',true:{}},variant:{outline:'dz1ygr',strong:'_17nmz6n',subtle:'_15up603'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'ont2vp',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'xm6mf1',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1fsz3v0',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1ft7uy']});
 
 export { buttonBase, spinner };

package/dist/esm/packages/react/src/button-base/ButtonBase.js

@@ -9,6 +9,7 @@ import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
+import '../utils/isHoverSupported.js';
 import { buttonBase, spinner } from './ButtonBase-css.js';
 
 const appearances = {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1coqwon'});
+var buttonGroup = recipeRuntime({base:'_190zwsw'});
 
 export { buttonGroup };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DOZDW1pV.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DkEAnyU2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Cs-zXoZj.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BmuWE4Qq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'rrblnz']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'jeebq8']});
 
 export { loadable };

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

@@ -12,6 +12,7 @@ import { useEffectEvent } from '../use-event/useEffectEvent.js';
 import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
 import '../utils/conditions.js';
 import '@radix-ui/react-slot';
+import '../utils/isHoverSupported.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { toPlainTime } from '../utils/toPlainTime.js';
 import { CalendarChevron } from './CalendarChevron.js';
@@ -104,6 +105,7 @@ const Calendar = forwardRef(
                 ...min ? [{ before: min }] : [],
                 ...max ? [{ after: max }] : []
               ],
+              fixedWeeks: mode === "range",
               mode,
               modifiers: { holiday, weekend },
               numberOfMonths: mode === "range" ? numberOfMonths : 1,
@@ -114,6 +116,7 @@ const Calendar = forwardRef(
               },
               required: true,
               selected: value,
+              showOutsideDays: mode === "range",
               today
             }
           ),

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-WYW3unXQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-VdS4O7gs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'2',size:'md',transition:'colors'},'_1htn2vg'],variants:{appearance:{'default':'nfge9i',holiday:[{color:'fg.error'},'_80lpmr'],range_middle:'_1ten77y',selected:[{color:'fg.white'},'_1ir1whh'],weekend:[{color:'fg.tertiary'},'_5j0miu']},range:{end:['_1ia0d5l'],middle:['v0n3tx'],start:['n7yhux']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_16ist7r']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1cpennm'],variants:{appearance:{'default':'lpugor',holiday:[{color:'fg.error'},'_8xcodz'],range_middle:'_2szeva',selected:[{color:'fg.white'},'_1uve59g'],weekend:[{color:'fg.tertiary'},'_1oc1irp']},range:{end:['ep0dtw'],middle:['_1cw1l2p'],start:['h31ien']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1j50ags']});
 
 export { button, today };

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

@@ -24,10 +24,11 @@ function CalendarDayButton({
     Box,
     {
       asChild: true,
+      "data-disabled": modifiers.outside || props.disabled,
       ...button(
         {
           appearance: modifiers.range_middle ? "range_middle" : modifiers.selected ? "selected" : modifiers.holiday ? "holiday" : modifiers.weekend ? "weekend" : "default",
-          range: modifiers.range_start && modifiers.range_end ? void 0 : modifiers.range_start ? "start" : modifiers.range_middle ? "middle" : modifiers.range_end ? "end" : void 0
+          range: modifiers.outside || modifiers.range_start && modifiers.range_end ? void 0 : modifiers.range_start ? "start" : modifiers.range_middle ? "middle" : modifiers.range_end ? "end" : void 0
         },
         className
       ),

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-x6mCYxvr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CV3jww0a.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_2w61cc']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1ukbjap']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BuTv0WUK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-KqCd-2ik.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'ctvt0r']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1ja9z4b']});
 
 export { nav };

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

@@ -6,7 +6,7 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
 function CalendarWeek({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", gap: "2", children: /* @__PURE__ */ jsx(Week, { ...props, children }) });
+  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", gap: "2", mt: "2", children: /* @__PURE__ */ jsx(Week, { ...props, children }) });
 }
 CalendarWeek.displayName = "@optiaxiom/react/CalendarWeek";
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CRUwDdBV.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-C8IGxRpo.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CA0jG4wO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-QdHEU1mZ.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-B3y4Cor7.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-CrsxV1vR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['vcsml6',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_7584dl']});
+var card = recipeRuntime({base:['_1440ip6',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'sddc3c']});
 
 export { card };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Bbqjv0ez.css';
-import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-OZpESk7W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-By_KKDNi.css';
+import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-CyOOeLcY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var action = recipeRuntime({base:['_1d56en3']});
+var action = recipeRuntime({base:['_1cpbj8u']});
 
 export { action };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-Bo1Fl2nx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-MqvDJoWy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1jep14g'],variants:{orientation:{horizontal:[{w:'auto'},'ssz1ed'],vertical:[{w:'full'},'d1g3b0']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1wbz9af'],variants:{orientation:{horizontal:[{w:'auto'},'_1lqtcet'],vertical:[{w:'full'},'dp5jov']}}});
 
 export { cardImage };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-Bbqjv0ez.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-By_KKDNi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['_1wp8xo3',{alignSelf:'stretch'},'_1fo55u1'],variants:{orientation:{horizontal:['_17ewfz9'],vertical:['_9gj2z2']}}});
+var cardOverflow = recipeRuntime({base:['_1vhbqt2',{alignSelf:'stretch'},'_12oievt'],variants:{orientation:{horizontal:['_1pkn190'],vertical:['_4l5cdf']}}});
 
 export { cardOverflow };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Dex_upXA.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CU81AtIf.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-D6KMIbCR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BuhN_n9G.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BD9DPgTh.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Lqy6ibue.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'k6s2nd'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_49h1bw']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'gggqxk'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1lqzoxn']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

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

@@ -5,7 +5,6 @@ import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 import { Select } from '../select/Select.js';
 import { SelectContent } from '../select-content/SelectContent.js';
-import { SelectRadioItem } from '../select-radio-item/SelectRadioItem.js';
 import { SelectTrigger } from '../select-trigger/SelectTrigger.js';
 import { parse, range, format } from './utils.js';
 
@@ -27,8 +26,8 @@ const Clock = forwardRef(
       /* @__PURE__ */ jsxs(
         Select,
         {
-          items: hours,
           onValueChange: (hour) => hour && setValue(format({ ...parsed, hour })),
+          options: hours.map((hour) => ({ label: hour, value: hour })),
           value: parsed.hour,
           children: [
             /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Select hour", flex: "1", placeholder: "HH" }),
@@ -39,28 +38,24 @@ const Clock = forwardRef(
       /* @__PURE__ */ jsxs(
         Select,
         {
-          items: minutes,
           onValueChange: (minute) => minute && setValue(format({ ...parsed, minute })),
+          options: minutes.map((minute) => ({
+            ariaLabel: `${parseInt(minute)}`,
+            label: minute,
+            value: minute
+          })),
           value: parsed.minute,
           children: [
             /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Select minute", flex: "1", placeholder: "MM" }),
-            /* @__PURE__ */ jsx(SelectContent, { children: minutes.map((minute) => /* @__PURE__ */ jsx(
-              SelectRadioItem,
-              {
-                "aria-label": `${parseInt(minute)}`,
-                item: minute,
-                children: minute
-              },
-              minute
-            )) })
+            /* @__PURE__ */ jsx(SelectContent, {})
           ]
         }
       ),
       /* @__PURE__ */ jsxs(
         Select,
         {
-          items: periods,
-          onValueChange: (meridiem) => meridiem && setValue(format({ ...parsed, meridiem })),
+          onValueChange: (meridiem) => (meridiem === "AM" || meridiem === "PM") && setValue(format({ ...parsed, meridiem })),
+          options: periods.map((period) => ({ label: period, value: period })),
           value: parsed.meridiem,
           children: [
             /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CieILHYz.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BVl1qNYa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-9E2kDjKk.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-gz4dgqef.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_6z7628']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'mfzupi']});
 
 export { code };

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

@@ -1,73 +1,63 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useCombobox } from 'downshift';
-import { useState } from 'react';
-import { CommandProvider } from '../command-context/CommandContext.js';
+import { useEffect, useRef } from 'react';
+import { resolveItemProperty, CommandProvider } from '../command-context/CommandContext.js';
 import { usePortalPatch } from '../downshift/usePortalPatch.js';
 import { useCommandItems } from '../use-command-items/useCommandItems.js';
 import { useEffectEvent } from '../use-event/useEffectEvent.js';
 
 function Command({
   children,
-  defaultFilter,
-  defaultItems,
+  empty,
   inputValue: inputValueProp,
-  isItemDisabled = () => false,
-  isItemSelected = () => false,
-  items: itemsProp,
-  itemToLabel = (value) => value ? String(value) : "",
-  itemToSubItems,
+  loading,
+  onHover,
   onInputValueChange,
-  onItemSelect
+  onSelect: onItemSelect,
+  options
 }) {
-  const [items, inputValue, setInputValue] = useCommandItems({
-    defaultFilter,
-    defaultItems,
-    inputValue: inputValueProp,
-    items: itemsProp,
-    itemToLabel,
-    onInputValueChange
+  const [inputValue, setInputValue] = useControllableState({
+    defaultProp: "",
+    onChange: onInputValueChange,
+    prop: inputValueProp
   });
-  const [lastInteractionSource, setLastInteractionSource] = useState("pointer");
+  const items = useCommandItems({ inputValue, options });
   const [highlightedIndex, setHighlightedIndex, placed, setPlaced] = usePortalPatch(
-    () => items.findIndex((item, index) => isItemSelected(item, index))
+    () => items.findIndex((item) => resolveItemProperty(item.selected))
   );
-  const [highlightedSubIndex, setHighlightedSubIndex] = useState(-1);
+  const setInputValueStable = useEffectEvent(setInputValue);
+  useEffect(() => {
+    if (placed) {
+      setInputValueStable("");
+    }
+  }, [placed, setInputValueStable]);
+  const pauseInteractionRef = useRef({
+    timer: void 0,
+    triangle: null
+  });
   const downshift = useCombobox({
-    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item, index) => !isItemDisabled(item, index)) : highlightedIndex,
+    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
     inputValue,
-    isItemDisabled,
+    isItemDisabled: (item) => Boolean(resolveItemProperty(item?.disabledReason)),
     isOpen: placed,
-    // @ts-expect-error -- no harm in supporting read only arrays
     items,
-    itemToString: (item) => item !== null ? itemToLabel(item) : "",
+    itemToString: (item) => item !== null ? resolveItemProperty(item.label, { inputValue }) : "",
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
-      if (type !== useCombobox.stateChangeTypes.MenuMouseLeave) {
-        setHighlightedIndex(highlightedIndex2);
-      }
-      if (type === useCombobox.stateChangeTypes.InputKeyDownArrowDown || type === useCombobox.stateChangeTypes.InputKeyDownArrowUp || type === useCombobox.stateChangeTypes.InputKeyDownPageDown || type === useCombobox.stateChangeTypes.InputKeyDownPageUp) {
-        setLastInteractionSource("keyboard");
-      } else {
-        setLastInteractionSource("pointer");
+      if (type === useCombobox.stateChangeTypes.MenuMouseLeave) {
+        return;
       }
-      if (highlightedIndex2 !== -1 && itemToSubItems?.(items[highlightedIndex2])?.length) {
-        setHighlightedSubIndex(0);
-      } else {
-        setHighlightedSubIndex(-1);
-      }
-    },
-    onIsOpenChange({ isOpen, type }) {
-      if (isOpen) {
-        if (type === useCombobox.stateChangeTypes.InputClick || type === useCombobox.stateChangeTypes.ToggleButtonClick) {
-          setLastInteractionSource("pointer");
-        } else {
-          setLastInteractionSource("keyboard");
-        }
+      setHighlightedIndex(highlightedIndex2);
+      if (highlightedIndex2 !== -1 && type === useCombobox.stateChangeTypes.ItemMouseMove) {
+        onHover?.(items[highlightedIndex2]);
       }
     },
     onSelectedItemChange({ selectedItem, type }) {
       if (type !== useCombobox.stateChangeTypes.InputBlur && selectedItem !== null) {
-        onItemSelect?.(selectedItem);
+        onItemSelect?.(selectedItem, {
+          close: type !== useCombobox.stateChangeTypes.FunctionSelectItem
+        });
       }
     },
     selectedItem: null,
@@ -82,6 +72,7 @@ function Command({
             ...changes,
             /**
              * Keep the selected option highlighted rather than resetting to -1
+             * TODO: reset if activePath had values
              */
             highlightedIndex: state.highlightedIndex
           };
@@ -96,30 +87,15 @@ function Command({
     CommandProvider,
     {
       downshift,
+      empty,
       highlightedItem: items[downshift.highlightedIndex],
-      highlightedSubIndex: highlightedSubIndex === -1 && items[downshift.highlightedIndex] && itemToSubItems?.(items[downshift.highlightedIndex])?.length ? 0 : highlightedSubIndex,
-      isItemDisabled,
-      isItemSelected,
+      inputValue,
       items,
-      itemToLabel,
-      itemToSubItems,
-      lastInteractionSource,
+      loading,
+      pauseInteractionRef,
       placed,
-      setHighlightedIndex: (index, source) => {
-        setHighlightedIndex(index);
-        setLastInteractionSource(source);
-      },
-      setHighlightedSubIndex: (index, source) => {
-        setHighlightedSubIndex(index);
-        setLastInteractionSource(source);
-      },
-      setInputValue: useEffectEvent((newInputValue) => {
-        if (inputValue === "" && newInputValue === "") {
-          onInputValueChange?.("");
-        } else {
-          setInputValue(newInputValue);
-        }
-      }),
+      setHighlightedIndex,
+      setInputValue,
       setPlaced,
       children
     }

package/dist/esm/packages/react/src/command-context/CommandContext.js

@@ -1,6 +1,7 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
+const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [CommandProvider, useCommandContext] = createContext("@optiaxiom/react/Command");
 
-export { CommandProvider, useCommandContext };
+export { CommandProvider, resolveItemProperty, useCommandContext };