@optiaxiom/react 0.13.9 → 0.13.11

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CWcGFGSi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-DGIYS4bx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_16htkpe'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_14pk7kz'],variants:{size:{sm:'_1a3p4s7',md:'n6xufs',lg:'_1em56iv'}}});
-var nestedDialogCountVar = 'var(--_15mqk51)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'th6bej']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'qry0mt'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_79xjf3'],variants:{size:{sm:'gbbqoc',md:'yz251w',lg:'_1wn58dr'}}});
+var nestedDialogCountVar = 'var(--_1osemzu)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_2hopso']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-WkvSojjJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CebHx4PY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'irkifg']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'16',justifyContent:'end',px:'24',py:'20'},'mltycz']});
 
 export { footer };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-C4Ho25q1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D9uoD6H1.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'},'_148rnsi'],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'},'_1abw5mr'],xs:[{fontWeight:'400',size:'xs'},'k4zfdf'],sm:[{size:'sm'},'uy62ss'],md:[{size:'md'},'_1nlf339'],lg:[{size:'lg'},'_1e58zwz'],xl:[{size:'xl'},'_1eyz981'],'3xl':[{size:'3xl'},'_1cg0l92']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1op8w8w'],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'},'jbvxl1'],xs:[{fontWeight:'400',size:'xs'},'dng28v'],sm:[{size:'sm'},'_1m6iz4y'],md:[{size:'md'},'y62o4i'],lg:[{size:'lg'},'_5265zc'],xl:[{size:'xl'},'qvcrmw'],'3xl':[{size:'3xl'},'_1r3i776']}}});
 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-COiQatzf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['rwzauj',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['koh6ad',{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-COiQatzf.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DutzeoPg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-CQQt3kyz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1cvoo6o']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'o70lno']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DZ3NGueL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-BxorUPCC.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'},'yq8qbq'],variants:{intent:{danger:'_1oyqae2',information:'hfr10d',neutral:'_11k9fhy',primary:'zot7l6',success:'_1wolx1y',warning:'ikk8lq'},variant:{strong:'_1087gqe',subtle:'shylgy'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'_1pp25xr'],variants:{intent:{danger:'w4sc0d',information:'_1rgsa7k',neutral:'q49dpc',primary:'_1kkvg3w',success:'qo56z1',warning:'o1mt29'},variant:{strong:'_6mc1ci',subtle:'wwq4z9'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-Bb9wI0aM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-VPcRvwGL.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'},'_35vtgh']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'yg4dbu']});
 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-COiQatzf.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-B446X7gA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-C7rkoeOD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1az1525'});
+var box = recipeRuntime({base:'_5pm888'});
 
 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-COiQatzf.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-DoxeDHuR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CwhG2nDf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'v5afe9']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'cuvsvc']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BHdWBlF8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-2VyWE4wt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'fy6q7h']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'dxwiig']});
 
 export { link };

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

@@ -58,13 +58,11 @@ const Button = forwardRef(
       ButtonBase,
       {
         asChild: true,
+        justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "start",
         ref,
         size,
         square,
         ...props,
-        ...square && {
-          justifyContent: "center"
-        },
         children: /* @__PURE__ */ jsx(Comp, { children })
       }
     );

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-NHB_mKnX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Bxbzd_T5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1e2gry',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_125t0dc'],variants:{intent:{danger:'_1z1i0x',neutral:'_16bviqk',primary:'_11v8pz2'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'bm0gde',true:{}},variant:{outline:'_63ncma',strong:'_9dwn7s',subtle:'_1914v99'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1b1h6qp',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'oojk0h',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'m1296z',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_1jtsg4i']});
+var buttonBase = recipeRuntime({base:['st5any',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_13u4grq'],variants:{intent:{danger:'rqwh3r',neutral:'iew1d5',primary:'_1ewqjzf'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'y00qd6',true:{}},variant:{outline:'_1kb6tt5',strong:'_2mj5f6',subtle:'jx4jje'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'y2h4vo',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1f5edjl',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_18xxdo3',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'uvxlwo']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1ea5ph5'});
+var buttonGroup = recipeRuntime({base:'_10vr476'});
 
 export { buttonGroup };

package/dist/esm/packages/react/src/button-label/ButtonLabel.js

@@ -6,7 +6,7 @@ import { Flex } from '../flex/Flex.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flex: "1", flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
+    return /* @__PURE__ */ jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
   }
 );
 ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COiQatzf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-NHB_mKnX.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B9JA-1eV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Bxbzd_T5.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BL6x-gCI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_8nkusu']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_3bb925']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-SyenhKe4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-3nZKQGjz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'_1jdi2uj'}}});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_5gtzhw'],variants:{appearance:{'default':'le7apf',holiday:[{color:'fg.error'},'yjhl1d'],range_middle:'_1l64pgv',selected:[{color:'fg.white'},'n76jy2'],weekend:{color:'fg.tertiary'}},range:{end:['w2qosd'],middle:['_1it32y0'],start:['_1cxr42f']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'u1qhov']});
 
-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-COiQatzf.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-C7UZZd2i.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-B4auCEXz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:'mmaxaf'});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'ezlfu3']});
 
 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-DWDfT8-L.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-ljRynESV.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1ik9jtd']});
+
+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-COiQatzf.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-Cf8Y2X99.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-Biniflpf.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-CK1wishH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BiP4aP7J.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-BN5b6lYM.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-CVCjYFuZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_13qsbnm',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'oks52p']});
+var card = recipeRuntime({base:['budzzj',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'dj6a3n']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-x3gB8tGn.css';
-import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-kXvCyL4o.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BF9OzXd6.css';
+import './../../../../assets/src/card-actions/CardActions.css.ts.vanilla-C2fE1EcC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:['_10okgoq']});
+var actions = recipeRuntime({base:['vc1z3r']});
 
 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-COiQatzf.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-DzikvT_8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-FW_DvLEe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'qtct2s'],variants:{orientation:{horizontal:[{w:'auto'},'_14x4szk'],vertical:[{w:'full'},'_19a4mvd']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1qoib4g'],variants:{orientation:{horizontal:[{w:'auto'},'_1bj8eyr'],vertical:[{w:'full'},'_7qq1i8']}}});
 
 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-COiQatzf.css';
-import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-x3gB8tGn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BF9OzXd6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardOverflow = recipeRuntime({base:['ymu97w',{alignSelf:'stretch'},'_18qj6ii'],variants:{orientation:{horizontal:['zywkux'],vertical:['_1evmfnd']}}});
+var cardOverflow = recipeRuntime({base:['_11txnvd',{alignSelf:'stretch'},'wdm135'],variants:{orientation:{horizontal:['avz25d'],vertical:['ei3xso']}}});
 
 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-COiQatzf.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-BO1Huehi.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-t4Shregl.css';
-import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-wMyeCZMl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-DYL5VseG.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-VrDa4liD.css';
+import './../../../../assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-CCq3lJxj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'m0wyy7'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'jp15zn']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1ks7eki'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_8bxr8z']});
 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-COiQatzf.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-mfSOFVYl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DWDfT8-L.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-CtEaHovU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'_1mlm12l']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'_1spzjzh']});
 
 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 })
       }
     );
   }