@optiaxiom/react 1.0.2 → 1.1.0

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CQogVHT6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Hweuf1sm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'p1m5k8'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1rc8x'],variants:{size:{sm:'hu4a6g',md:'_1oth2y6',lg:'_1kycduv'}}});
-var nestedDialogCountVar = 'var(--_1wgcgrh)';
-var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_1uz20pt']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'r9fmoq'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'gw4atq'],variants:{size:{sm:'hxwhos',md:'_1hpxx4i',lg:'_4eejqk'}}});
+var nestedDialogCountVar = 'var(--_14pexty)';
+var root = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_854rys']});
 
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -10,14 +10,14 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Flex } from '../flex/Flex.js';
-import { ModalContextProvider } from '../modal-context/ModalContext.js';
+import { ModalProvider } from '../modal-context/ModalContext.js';
 import { Paper } from '../paper/Paper.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import { backdrop, root, content, nestedDialogCountVar } from './AlertDialogContent-css.js';
 
 const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props }, outerRef) => {
-  const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("AlertDialogContent");
+  const { nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
   const innerRef = useRef(null);
   const ref = useComposedRefs(innerRef, outerRef);
   return /* @__PURE__ */ jsx(
@@ -49,7 +49,7 @@ const AlertDialogContent = forwardRef(({ children, size = "sm", style, ...props
                 ...style
               },
               ...content({ size }),
-              children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalContextProvider, { shardRef: innerRef, children }) })
+              children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children }) })
             }
           ) }),
           /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),

package/dist/esm/packages/react/src/alert-dialog-context/AlertDialogContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [AlertDialogContextProvider, useAlertDialogContext] = createContext("AlertDialog");
+const [AlertDialogProvider, useAlertDialogContext] = createContext("@optiaxiom/react/AlertDialog");
 
-export { AlertDialogContextProvider, useAlertDialogContext };
+export { AlertDialogProvider, useAlertDialogContext };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CQWp3iCM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DtYZg3T2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1oa6q5t']});
+var footer = recipeRuntime({base:[{flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_10s3tte']});
 
 export { footer };

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

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ButtonContextProvider } from '../button-context/ButtonContext.js';
+import { ButtonProvider } from '../button-context/ButtonContext.js';
 import { Flex } from '../flex/Flex.js';
 import { footer } from './AlertDialogFooter-css.js';
 
 const AlertDialogFooter = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Flex, { ...footer({}, className), ref, ...props, children: /* @__PURE__ */ jsx(ButtonContextProvider, { size: "lg", children }) });
+  return /* @__PURE__ */ jsx(Flex, { ...footer({}, className), ref, ...props, children: /* @__PURE__ */ jsx(ButtonProvider, { size: "lg", children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CQCDEGIj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-D7svsZOz.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'},'_1primr5'],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'},'_133s16a'],xs:[{fontWeight:'400',size:'xs'},'_15w3gwk'],sm:[{size:'sm'},'thcjys'],md:[{size:'md'},'_1d43oau'],lg:[{size:'lg'},'_1vcv24r'],xl:[{size:'xl'},'p8ntdb'],'3xl':[{size:'3xl'},'_1dumk0y']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1usik3s'],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'},'_121jmkl'],xs:[{fontWeight:'400',size:'xs'},'_126fiqt'],sm:[{size:'sm'},'axuq0l'],md:[{size:'md'},'l1jrbf'],lg:[{size:'lg'},'lfxtsc'],xl:[{size:'xl'},'_1231hct'],'3xl':[{size:'3xl'},'pfh8pi']}}});
 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-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['_136f1qw',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['_1jodh2w',{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-6xLEkHBd.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-B5sSvN1U.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DH-dqyss.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'m1og1i']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_14138pz']});
 
 export { backdrop };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DW9NourM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-gAONLzWs.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'},'e9kk2p'],variants:{intent:{danger:'_1h2gxdx',information:'_1d3qedt',neutral:'c8tbzn',primary:'az3qov',success:'ohjqih',warning:'_1ilmyth'},variant:{strong:'_4lgik3',subtle:'_1k6wfqp'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'fp7fsm'],variants:{intent:{danger:'pqt1hm',information:'_1aybtmp',neutral:'v8jtum',primary:'_3hf0at',success:'x6a5xg',warning:'_184fbsu'},variant:{strong:'yqtg3x',subtle:'g5mppx'}}});
 
 export { badge };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/banner/Banner.css.ts.vanilla-YZk4FvO0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/banner/Banner.css.ts.vanilla-B-VLzUWW.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'},'_1cou84l']});
+var content = recipeRuntime({base:[{flex:'1',gap:'8'},'_1nlo1b2']});
 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-6xLEkHBd.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-IQK5Rgk4.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-CtfynAbO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-kIkWJMG2.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-Dh_7dI_N.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_15dp18s'});
+var box = recipeRuntime({base:'dypba4'});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Wrav6UY7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-CzM03E0T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1pr0wtp']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1s4zy74']});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-D9fDwi5c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CW9oXG7L.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1kpvdup']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_19mb0tw']});
 
 export { link };

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

@@ -25,7 +25,7 @@ const Button = forwardRef(
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
-    const context = useButtonContext("Button");
+    const context = useButtonContext("@optiaxiom/react/Button");
     const size = sizeProp || context.size || "md";
     let isIconOnly = false;
     children = decorateChildren({ asChild, children }, (children2) => {

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CsVNMzoL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DB7Rlj5O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_1rv21po',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_4tul9y'],variants:{intent:{danger:'_1jv452r',neutral:'_1n7ezwb',primary:'bmhnm2'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1ithqm1',true:{}},variant:{outline:'_1hk8dq',strong:'_11eeq2q',subtle:'_1ycyamr'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'y49kz',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1lmvx71',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1hcgo1r',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_6k7zjz']});
+var buttonBase = recipeRuntime({base:['_17c8dvi',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1770ays'],variants:{intent:{danger:'_1k3u99e',neutral:'_18josj8',primary:'_10u79r7'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'j6tmn2',true:{}},variant:{outline:'_1ykwxa4',strong:'moozhg',subtle:'_11g4vtp'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'hy5u42',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'juyxu1',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_3mztxn',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1ck6f1j']});
 
 export { buttonBase, spinner };

package/dist/esm/packages/react/src/button-context/ButtonContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [ButtonContextProvider, useButtonContext] = createContext("Button", { size: void 0 });
+const [ButtonProvider, useButtonContext] = createContext("@optiaxiom/react/Button", { size: void 0 });
 
-export { ButtonContextProvider, useButtonContext };
+export { ButtonProvider, useButtonContext };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'_1j6pklz'});
+var buttonGroup = recipeRuntime({base:'c9nrmy'});
 
 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-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-CsVNMzoL.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cdkejac-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DB7Rlj5O.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CBeN_0Yc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'_1v1fxyb']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_7rf1km']});
 
 export { loadable };

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

@@ -1,14 +1,19 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef, useRef, useEffect } from 'react';
 import { DayPicker } from 'react-day-picker';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
+import { Clock } from '../clock/Clock.js';
+import { Flex } from '../flex/Flex.js';
+import { Separator } from '../separator/Separator.js';
+import { Text } from '../text/Text.js';
 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 { toPlainDate } from '../utils/toPlainDate.js';
+import { toPlainTime } from '../utils/toPlainTime.js';
 import { CalendarChevron } from './CalendarChevron.js';
 import { CalendarDay } from './CalendarDay.js';
 import { CalendarDayButton } from './CalendarDayButton.js';
@@ -18,7 +23,9 @@ import { CalendarMonths } from './CalendarMonths.js';
 import { CalendarNav } from './CalendarNav.js';
 import { CalendarNextMonthButton } from './CalendarNextMonthButton.js';
 import { CalendarPreviousMonthButton } from './CalendarPreviousMonthButton.js';
+import { CalendarWeek } from './CalendarWeek.js';
 import { CalendarWeekday } from './CalendarWeekday.js';
+import { CalendarWeekdays } from './CalendarWeekdays.js';
 
 const components = {
   Chevron: CalendarChevron,
@@ -30,7 +37,9 @@ const components = {
   Nav: CalendarNav,
   NextMonthButton: CalendarNextMonthButton,
   PreviousMonthButton: CalendarPreviousMonthButton,
-  Weekday: CalendarWeekday
+  Week: CalendarWeek,
+  Weekday: CalendarWeekday,
+  Weekdays: CalendarWeekdays
 };
 const Calendar = forwardRef(
   ({
@@ -41,7 +50,9 @@ const Calendar = forwardRef(
     mode = "single",
     onHeightChange,
     onValueChange,
+    step,
     today,
+    type = "date",
     value: valueProp,
     weekend,
     ...props
@@ -51,6 +62,7 @@ const Calendar = forwardRef(
       onChange: onValueChange,
       prop: valueProp
     });
+    const time = type === "date" ? "00:00" : toPlainTime(value instanceof Date ? value : /* @__PURE__ */ new Date(), step);
     const numberOfMonths = useResponsiveMatches({
       base: 1,
       sm: 2
@@ -71,33 +83,58 @@ const Calendar = forwardRef(
       observer.observe(innerRef.current);
       return () => observer.disconnect();
     }, [onHeightChangeStable]);
-    return /* @__PURE__ */ jsx(
-      Box,
+    return /* @__PURE__ */ jsxs(
+      Flex,
       {
         bg: "bg.default",
         color: "fg.default",
         fontSize: "md",
+        gap: "4",
         ref,
         ...props,
-        children: /* @__PURE__ */ jsx(
-          DayPicker,
-          {
-            autoFocus: true,
-            components,
-            defaultMonth: value && typeof value === "object" && "from" in value ? value.from : value,
-            disabled: [
-              ...min ? [{ before: min }] : [],
-              ...max ? [{ after: max }] : []
-            ],
-            mode,
-            modifiers: { holiday, weekend },
-            numberOfMonths: mode === "range" ? numberOfMonths : 1,
-            onSelect: setValue,
-            required: true,
-            selected: value,
-            today
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsx(
+            DayPicker,
+            {
+              autoFocus: true,
+              components,
+              defaultMonth: value && typeof value === "object" && "from" in value ? value.from : value,
+              disabled: [
+                ...min ? [{ before: min }] : [],
+                ...max ? [{ after: max }] : []
+              ],
+              mode,
+              modifiers: { holiday, weekend },
+              numberOfMonths: mode === "range" ? numberOfMonths : 1,
+              onSelect: (value2) => {
+                setValue(
+                  value2 instanceof Date ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2
+                );
+              },
+              required: true,
+              selected: value,
+              today
+            }
+          ),
+          type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxs(Flex, { gap: "8", children: [
+            /* @__PURE__ */ jsx(Separator, { mb: "4" }),
+            /* @__PURE__ */ jsx(
+              Clock,
+              {
+                onValueChange: (time2) => {
+                  setValue(
+                    /* @__PURE__ */ new Date(
+                      toPlainDate(value instanceof Date ? value : /* @__PURE__ */ new Date()) + "T" + time2
+                    )
+                  );
+                },
+                step,
+                value: time
+              }
+            ),
+            /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", w: "full", children: (value instanceof Date ? value : /* @__PURE__ */ new Date()).toTimeString().slice(9) })
+          ] })
+        ]
       }
     );
   }

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

@@ -6,7 +6,7 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
 function CalendarDay({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(Day, { ...props, children }) });
+  return /* @__PURE__ */ jsx(Box, { asChild: true, flex: "1", children: /* @__PURE__ */ jsx(Day, { ...props, children }) });
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-BuCPLplF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CDGpnEQo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',mt:'8',size:'md',transition:'colors'},'_10knug1'],variants:{appearance:{'default':'_1f1c79j',holiday:[{color:'fg.error'},'eqoxcy'],range_middle:'djfph4',selected:[{color:'fg.white'},'_1pz7t5s'],weekend:[{color:'fg.tertiary'},'_10vynvc']},range:{end:['_1aeycoa'],middle:['f84itz'],start:['oo4fp2']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'hilpb5']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1vap8hj'],variants:{appearance:{'default':'giplgz',holiday:[{color:'fg.error'},'_176mstm'],range_middle:'_15hr68g',selected:[{color:'fg.white'},'_5rvt1o'],weekend:[{color:'fg.tertiary'},'_1fued4w']},range:{end:['fmdxiy'],middle:['s45iho'],start:['_1nokx2h']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_7yypfb']});
 
 export { button, today };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Czb1i3AJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-Dg0B9pk6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'_1svokqo']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'nkx1a1']});
 
 export { months };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-EHFSUN3p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-DEA4bVgm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1bmk9r1']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'onog7q']});
 
 export { nav };

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Week } from 'react-day-picker';
+import { Box } from '../box/Box.js';
+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 }) });
+}
+CalendarWeek.displayName = "@optiaxiom/react/CalendarWeek";
+
+export { CalendarWeek };

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

@@ -6,7 +6,7 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 
 function CalendarWeekday({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", fontWeight: "400", children: /* @__PURE__ */ jsx(Weekday, { ...props, children }) });
+  return /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", flex: "1", fontSize: "sm", fontWeight: "400", children: /* @__PURE__ */ jsx(Weekday, { ...props, children }) });
 }
 CalendarWeekday.displayName = "@optiaxiom/react/CalendarWeekday";
 

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

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+function CalendarWeekdays({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", flexDirection: "column", mb: "6", children: /* @__PURE__ */ jsx("thead", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", gap: "2", children: /* @__PURE__ */ jsx("tr", { ...props, children }) }) }) });
+}
+CalendarWeekdays.displayName = "@optiaxiom/react/CalendarWeekdays";
+
+export { CalendarWeekdays };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-VfBrbMf1.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-DWgR_kLB.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-jqZb_7_n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-BillaUi-.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-ByffnwI1.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-DufBvLZH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['sw28nd',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1kiyjmj']});
+var card = recipeRuntime({base:['dwgynt',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1g79nyr']});
 
 export { card };

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

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
 import { ActionsRoot } from '../actions-root/ActionsRoot.js';
-import { CardContextProvider } from '../card-context/CardContext.js';
+import { CardProvider } from '../card-context/CardContext.js';
 import { Flex } from '../flex/Flex.js';
 import { card } from './Card-css.js';
 
@@ -16,7 +16,7 @@ const Card = forwardRef(
     const descriptionId = useId();
     const labelId = useId();
     return /* @__PURE__ */ jsx(
-      CardContextProvider,
+      CardProvider,
       {
         descriptionId,
         labelId,

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

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/card-overflow/CardOverflow.css.ts.vanilla-BpmRlr0X.css';
+import './../../../../assets/src/card-action/CardAction.css.ts.vanilla-D4i-Q7fB.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var action = recipeRuntime({base:['_1er1c2g']});
+
+export { action };

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { ActionsContent } from '../actions-content/ActionsContent.js';
+import { action } from './CardAction-css.js';
+
+const CardAction = forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(ActionsContent, { ref, ...action({}, className), ...props, children });
+  }
+);
+CardAction.displayName = "@optiaxiom/react/CardAction";
+
+export { CardAction };

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

@@ -15,7 +15,7 @@ import { CheckboxRoot } from '../checkbox-root/CheckboxRoot.js';
 const CardCheckbox = forwardRef(
   ({ children, indeterminate, onChange, ...props }, ref) => {
     const labelPrefixId = useId();
-    const { labelId } = useCardContext("CardCheckbox");
+    const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
     const [checked, setChecked] = useControllableState({
       defaultProp: props.defaultChecked,
       prop: props.checked

package/dist/esm/packages/react/src/card-context/CardContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [CardContextProvider, useCardContext] = createContext("Card");
+const [CardProvider, useCardContext] = createContext("@optiaxiom/react/Card");
 
-export { CardContextProvider, useCardContext };
+export { CardProvider, useCardContext };

package/dist/esm/packages/react/src/card-description/CardDescription.js

@@ -5,7 +5,7 @@ import { useCardContext } from '../card-context/CardContext.js';
 import { Text } from '../text/Text.js';
 
 const CardDescription = forwardRef(({ children, ...props }, ref) => {
-  const { descriptionId } = useCardContext("CardDescription");
+  const { descriptionId } = useCardContext("@optiaxiom/react/CardDescription");
   return /* @__PURE__ */ jsx(
     Text,
     {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-CdKgrBrx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/card-image/CardImage.css.ts.vanilla-CCN9Akc4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_13swnz9'],variants:{orientation:{horizontal:[{w:'auto'},'_8r39l3'],vertical:[{w:'full'},'_1y1df8o']}}});
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1plr2j9'],variants:{orientation:{horizontal:[{w:'auto'},'vn1esz'],vertical:[{w:'full'},'kotdbi']}}});
 
 export { cardImage };