@optiaxiom/react 0.13.8 → 0.13.10

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-DcLoOC82.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-C4R7ow8g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'jls0lg'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_111q2nn'],variants:{size:{sm:'_7l1qkn',md:'vh7pcw',lg:'kdxarv'}}});
-var nestedDialogCountVar = 'var(--s5s9ji)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_11iczj7']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1c7efok'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_18qqquf'],variants:{size:{sm:'i6j582',md:'_1bnv76j',lg:'b3kiy7'}}});
+var nestedDialogCountVar = 'var(--_1a4n1ho)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_10vo1b5']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DXQuYDkh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-4vF4mC5e.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_1w7z041']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'_113m09m']});
 
 export { footer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CmMZpO6J.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CMa5QYdr.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'},'_1740pto'],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'},'_1i25ou0'],xs:[{fontWeight:'400',size:'xs'},'s0s7f3'],sm:[{size:'sm'},'_1p1mibp'],md:[{size:'md'},'bqj1mk'],lg:[{size:'lg'},'_1v41r37'],xl:[{size:'xl'},'wisii6'],'3xl':[{size:'3xl'},'_11dja4f']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_195y8mi'],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'},'t0577z'],xs:[{fontWeight:'400',size:'xs'},'lpj3qk'],sm:[{size:'sm'},'_1s4yjj1'],md:[{size:'md'},'huhxcy'],lg:[{size:'lg'},'t6d3ow'],xl:[{size:'xl'},'fns9qs'],'3xl':[{size:'3xl'},'_1jhefb7']}}});
 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-DEV62wR-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_2bl9db',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1yxr38',{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-DEV62wR-.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-FgHAlzuA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CBgp_LAH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1pc14kn']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_159re6z']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-Ca022JuU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-CUH2ymZo.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'},'c94p71'],variants:{intent:{danger:'e9agpv',information:'_14ahg4i',neutral:'_13tomjp',primary:'jp7e0n',success:'dy7tpv',warning:'os0lhw'},variant:{strong:'_1jhlz4c',subtle:'h6l5qh'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1ek9inj'],variants:{intent:{danger:'_1m6dhjd',information:'zwmaqh',neutral:'_1uq4epj',primary:'mnuqjk',success:'was9gj',warning:'_10fflgk'},variant:{strong:'_15haus6',subtle:'_18t27rv'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-e4J3GWOq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-DZJOuN7_.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'},'_419kr6']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'sj8wwn']});
 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,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-C3s71NEW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-vCHQXWN6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'rur55r'});
+var box = recipeRuntime({base:'yyh70z'});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-djfHO0lO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DOKuvEBs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1cphol7']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_9u2vh0']});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BhST5G2X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-XBamgUSz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1wy19yt']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_9lujbl']});
 
 export { link };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CTg6l_A2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['xnsvhk',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_1bz7ir9'],variants:{intent:{danger:'_1kh7iap',neutral:'_12zxmff',primary:'ffqa9a'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_10ufas4',true:{}},variant:{outline:'ptarij',strong:'_1ux6n9t',subtle:'_1dwsbey'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_947n6c',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'q2oh1k',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1v6n49i',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'qc498c']});
+var buttonBase = recipeRuntime({base:['_1a3kvhv',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_12tsosl'],variants:{intent:{danger:'_89hksi',neutral:'_2cn9r9',primary:'_1w6jnrj'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1rr98c8',true:{}},variant:{outline:'_1pq627a',strong:'_2d3x0w',subtle:'td9g15'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_19dzvu3',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1z0vjxo',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'h8x65w',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'dctdoq']});
 
 export { buttonBase, spinner };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1w97imi'});
+var buttonGroup = recipeRuntime({base:'fk8jro'});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CTg6l_A2.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DkFBETIx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DvsBxdbB.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cb-UCbi0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'wx6pw4']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'d5hntg']});
 
 export { loadable };

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

@@ -6,12 +6,14 @@ import { DayPicker } from 'react-day-picker';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
 import { CalendarChevron } from './CalendarChevron.js';
 import { CalendarDay } from './CalendarDay.js';
 import { CalendarDayButton } from './CalendarDayButton.js';
 import { CalendarMonthCaption } from './CalendarMonthCaption.js';
 import { CalendarMonthGrid } from './CalendarMonthGrid.js';
 import { CalendarMonths } from './CalendarMonths.js';
+import { CalendarNav } from './CalendarNav.js';
 import { CalendarNextMonthButton } from './CalendarNextMonthButton.js';
 import { CalendarPreviousMonthButton } from './CalendarPreviousMonthButton.js';
 import { CalendarWeekday } from './CalendarWeekday.js';
@@ -23,6 +25,7 @@ const components = {
   MonthCaption: CalendarMonthCaption,
   MonthGrid: CalendarMonthGrid,
   Months: CalendarMonths,
+  Nav: CalendarNav,
   NextMonthButton: CalendarNextMonthButton,
   PreviousMonthButton: CalendarPreviousMonthButton,
   Weekday: CalendarWeekday
@@ -30,11 +33,14 @@ const components = {
 const Calendar = forwardRef(
   ({
     defaultValue,
+    holiday,
     max,
     min,
+    mode = "single",
     onValueChange,
     today,
     value: valueProp,
+    weekend,
     ...props
   }, ref) => {
     const [value, setValue] = useControllableState({
@@ -42,6 +48,10 @@ const Calendar = forwardRef(
       onChange: onValueChange,
       prop: valueProp
     });
+    const numberOfMonths = useResponsiveMatches({
+      base: 1,
+      sm: 2
+    });
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -55,13 +65,14 @@ const Calendar = forwardRef(
           {
             autoFocus: true,
             components,
-            defaultMonth: value,
+            defaultMonth: value && "from" in value ? value.from : value,
             endMonth: max,
-            mode: "single",
+            mode,
+            modifiers: { holiday, weekend },
+            numberOfMonths: mode === "range" ? numberOfMonths : 1,
             onSelect: setValue,
             required: true,
             selected: value,
-            showOutsideDays: true,
             startMonth: min,
             today
           }

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

@@ -1,7 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CjcpxGTk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CB5HoQeP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'_8wbcvu'}}});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_2r6cgd'],variants:{appearance:{'default':'_1w8e555',holiday:[{color:'fg.error'},'_189mmny'],range_middle:'hbvzv7',selected:[{color:'fg.white'},'n36zbx'],weekend:{color:'fg.tertiary'}},range:{end:['_18gppw9'],middle:['_1gziz6d'],start:['_6utye']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_115eq4g']});
 
-export { button };
+export { button, today };

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

@@ -1,8 +1,10 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
-import { Button } from '../button/Button.js';
-import { button } from './CalendarDayButton-css.js';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { button, today } from './CalendarDayButton-css.js';
 
 function CalendarDayButton({
   children,
@@ -19,15 +21,20 @@ function CalendarDayButton({
     }
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
-    Button,
+    Box,
     {
-      appearance: modifiers.selected ? "primary" : "subtle",
-      "data-state": modifiers.today ? "active" : void 0,
-      ref,
-      square: true,
-      ...button({ outside: modifiers.outside }, className),
-      ...props,
-      children
+      asChild: true,
+      ...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
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("button", { ref, ...props, children: [
+        children,
+        modifiers.today && /* @__PURE__ */ jsx(Box, { ...today() })
+      ] })
     }
   );
 }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CTl7Uukg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Bvz5Q-kg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:'dwt6g5'});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1yqm9pb']});
 
 export { months };

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

@@ -1,13 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Months } from 'react-day-picker';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
+import { Flex } from '../flex/Flex.js';
 import { months } from './CalendarMonths-css.js';
 
 function CalendarMonths({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...months(), children: /* @__PURE__ */ jsx(Months, { ...props, children }) });
+  return /* @__PURE__ */ jsx(Flex, { asChild: true, ...months(), children: /* @__PURE__ */ jsx(Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 

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

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-B86qYOMI.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'jsqo78']});
+
+export { nav };

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Nav } from 'react-day-picker';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { nav } from './CalendarNav-css.js';
+
+function CalendarNav({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...nav(), children: /* @__PURE__ */ jsx(Nav, { ...props, children }) });
+}
+CalendarNav.displayName = "@optiaxiom/react/CalendarNav";
+
+export { CalendarNav };

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

@@ -2,25 +2,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { NextMonthButton } from 'react-day-picker';
 import { Button } from '../button/Button.js';
-import { button } from './CalendarNextMonthButton-css.js';
 
 function CalendarNextMonthButton({
   children,
-  className,
   color: _color,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      appearance: "subtle",
-      asChild: true,
-      icon: children,
-      ...button({}, className),
-      ...props,
-      children: /* @__PURE__ */ jsx(NextMonthButton, {})
-    }
-  );
+  return /* @__PURE__ */ jsx(Button, { appearance: "subtle", asChild: true, icon: children, ...props, children: /* @__PURE__ */ jsx(NextMonthButton, {}) });
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 

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

@@ -2,25 +2,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { PreviousMonthButton } from 'react-day-picker';
 import { Button } from '../button/Button.js';
-import { button } from './CalendarPreviousMonthButton-css.js';
 
 function CalendarPreviousMonthButton({
   children,
-  className,
   color: _color,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      appearance: "subtle",
-      asChild: true,
-      icon: children,
-      ...button({}, className),
-      ...props,
-      children: /* @__PURE__ */ jsx(PreviousMonthButton, {})
-    }
-  );
+  return /* @__PURE__ */ jsx(Button, { appearance: "subtle", asChild: true, icon: children, ...props, children: /* @__PURE__ */ jsx(PreviousMonthButton, {}) });
 }
 CalendarPreviousMonthButton.displayName = "@optiaxiom/react/CalendarPreviousMonthButton";
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DoeQeAaT.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DUaOxDe1.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-BXBR2rA1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CunyJODS.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CsQFSuFh.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-C8sGDIQG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['dzgz59',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_8yiznv']});
+var card = recipeRuntime({base:['_1ulc43q',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1agae3c']});
 
 export { card };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-D3DKk9Hn.css';
-import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-CMjew0RS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-CpoNfdkk.css';
+import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-Btb-kwiL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:['qusn7j']});
+var actions = recipeRuntime({base:['_1inxagk']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-SZ-EmrDz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-pD5z7eC7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_6g81rb'],variants:{orientation:{horizontal:[{w:'auto'},'_12m8bta'],vertical:[{w:'full'},'_122p0c8']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1vpquji'],variants:{orientation:{horizontal:[{w:'auto'},'_13zvnd'],vertical:[{w:'full'},'_6xpc3d']}}});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-D3DKk9Hn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-CpoNfdkk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['_1gjulgx',{alignSelf:'stretch'},'_176a3cp'],variants:{orientation:{horizontal:['ukzeov'],vertical:['t5bstn']}}});
+var cardOverflow = recipeRuntime({base:['_831rnv',{alignSelf:'stretch'},'_1j15wyw'],variants:{orientation:{horizontal:['rvfwra'],vertical:['_5fh1p2']}}});
 
 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-DEV62wR-.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D1P2CJ-m.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DYEsxCyA.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-DWMmjn7y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-D3wVSxis.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-U_Y3IUkP.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C8XXuceg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_12bp830'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'fhd10v']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1hrx17j'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'txudjp']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-RFrUs6di.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-DttFGstW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'vfskqf']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'nl3gz3']});
 
 export { code };

package/dist/esm/packages/react/src/combobox-trigger/ComboboxTrigger.js

@@ -1,31 +1,32 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef, useEffect } from 'react';
+import { forwardRef, useMemo, useRef } from 'react';
 import { AngleMenuButton } from '../angle-menu-button/AngleMenuButton.js';
 import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import '../field-context/FieldContext.js';
-import { useFieldContext } from '../field-context/useFieldContext.js';
+import { useFieldLabelTrigger } from '../use-field-label-trigger/useFieldLabelTrigger.js';
 
 const ComboboxTrigger = forwardRef(
-  ({ "aria-labelledby": ariaLabelledBy, asChild, children, ...props }, outerRef) => {
-    const { components, setOpen } = useComboboxContext("ComboboxTrigger");
+  ({
+    "aria-labelledby": ariaLabelledBy,
+    asChild,
+    children,
+    placeholder,
+    ...props
+  }, outerRef) => {
+    const {
+      components,
+      itemToString,
+      setOpen,
+      value: valueContext
+    } = useComboboxContext("ComboboxTrigger");
+    const value = useMemo(
+      () => valueContext instanceof Set ? [...valueContext] : valueContext,
+      [valueContext]
+    );
     const buttonRef = useRef(null);
     const ref = useComposedRefs(outerRef, buttonRef);
-    const { labelId = ariaLabelledBy } = useFieldContext();
-    useEffect(() => {
-      if (!labelId || !buttonRef.current) {
-        return;
-      }
-      const button = buttonRef.current;
-      const label = document.getElementById(labelId);
-      if (!label) {
-        return;
-      }
-      const onLabelClick = () => button.focus();
-      label.addEventListener("click", onLabelClick);
-      return () => label.removeEventListener("click", onLabelClick);
-    }, [labelId]);
+    const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
     return /* @__PURE__ */ jsx(
       components.Trigger,
       {
@@ -41,7 +42,10 @@ const ComboboxTrigger = forwardRef(
         ref,
         role: "combobox",
         ...props,
-        children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children })
+        children: asChild ? children : /* @__PURE__ */ jsx(AngleMenuButton, { children: Array.isArray(value) && value.length > 0 ? children ?? /* @__PURE__ */ jsx(Fragment, { children: value.length === 1 ? itemToString(value[0]) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          value.length,
+          " selected"
+        ] }) }) : placeholder })
       }
     );
   }

package/dist/esm/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Co-JRL9u.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DyKx4j0m.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'hs4x9b'});
+var item = recipeRuntime({base:'_1spe7rc'});
 
 export { item };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DEV62wR-.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-DoeQeAaT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-fo9WwyPs.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-CunyJODS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['ramkvn','fzz3cj'],true:{}},inset:{false:'gbw1hg',true:'pgjurs'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1gtil99','noztlz'],true:{}},inset:{false:'_2mh9zy',true:'_112xvjo'}}});
 
 export { cover };