@optiaxiom/react 3.0.7 → 3.1.1

package/dist/esm/packages/react/src/alert/Alert-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/alert/Alert.css.ts.vanilla-SYvJmdu_.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/alert/Alert.css.ts.vanilla-CFonuvAx.css";
 //#region src/alert/Alert.css.ts
 var alert = recipeRuntime({
 	base: [{
@@ -28,7 +28,7 @@ var content = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_23vir2"] });
+}, "_5zf60v"] });
 var icon = recipeRuntime({
 	base: [{ mt: "2" }],
 	variants: { intent: {

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CN6gSyre.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CceGAaTr.css";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "_1vc5izn"
+	true: "_1z0hb76"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -12,19 +12,19 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_1jv672a"],
+	}, "_1o857lu"],
 	variants: { size: {
-		sm: "xznh89",
-		md: "yg205x",
-		lg: "_1f8z5cp"
+		sm: "_9du4wp",
+		md: "_2nxf21",
+		lg: "_1745jwg"
 	} }
 });
-var nestedDialogCountVar = "var(--_1al5cjl)";
+var nestedDialogCountVar = "var(--_82vj59)";
 var root = recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_1bnq3ji"] });
+}, "gd2go0"] });
 //#endregion
 export { backdrop, content, nestedDialogCountVar, root };

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-D2zE_OTd.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B9rjgWpt.css";
 //#region src/alert-dialog/AlertDialogFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var footer = recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "va5vp6"] });
+}, "syphvv"] });
 //#endregion
 export { footer };

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BZcJG135.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DmFE6DEr.css";
 //#region src/alert-dialog/AlertDialogHeader.css.ts
 var header = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "ml1wei"] });
+}, "_1svhndg"] });
 //#endregion
 export { header };

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
-import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-gcTXjlqe.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
+import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-B9WrCShA.css";
 //#region src/avatar/Avatar.css.ts
 var avatar = recipeRuntime({
 	base: [{
@@ -12,7 +12,7 @@ var avatar = recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "_15n0u80"],
+	}, "_156iy8e"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -28,16 +28,16 @@ var avatar = recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "_1ovahq7"],
+			}, "_19lkkv3"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1vaxlcf"],
-			sm: [{ size: "sm" }, "wcdrwq"],
-			md: [{ size: "md" }, "t2kfpi"],
-			lg: [{ size: "lg" }, "_9kh8or"],
-			xl: [{ size: "xl" }, "a5vrc1"],
-			"3xl": [{ size: "3xl" }, "jfp9tj"]
+			}, "_2dvy81"],
+			sm: [{ size: "sm" }, "_155foea"],
+			md: [{ size: "md" }, "dq5pst"],
+			lg: [{ size: "lg" }, "_1n3kqaw"],
+			xl: [{ size: "xl" }, "_17esp0b"],
+			"3xl": [{ size: "3xl" }, "vmujxh"]
 		}
 	}
 });
@@ -53,7 +53,7 @@ var icon = recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "_44o0yc"],
+		xs: [{ h: "16" }, "_1u6ayfa"],
 		sm: { h: "16" },
 		md: { h: "xs" },
 		lg: { h: "sm" },

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
 //#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = recipeRuntime({ base: ["_1770ddv", { display: "flex" }] });
+var avatarGroup = recipeRuntime({ base: ["_1ibot7i", { display: "flex" }] });
 //#endregion
 export { avatarGroup };

package/dist/esm/packages/react/src/backdrop/Backdrop-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla--m47C5zJ.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DtGp1Ma3.css";
 //#region src/backdrop/Backdrop.css.ts
 var backdrop = recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "_1l2mbfq"] });
+}, "_1nkc8hl"] });
 //#endregion
 export { backdrop };

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/badge/Badge.css.ts.vanilla-CN51GsUc.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/badge/Badge.css.ts.vanilla-ClmeD5F4.css";
 //#region src/badge/Badge.css.ts
 var badge = recipeRuntime({
 	base: [{
@@ -14,19 +14,19 @@ var badge = recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "ycbyxi"],
+	}, "_1wu3mi7"],
 	variants: {
 		intent: {
-			danger: "_1xkhek3",
-			information: "_1il7opu",
-			neutral: "_1ni5tio",
-			primary: "_4mskzo",
-			success: "_1cg9kk0",
-			warning: "_16u4hh6"
+			danger: "_1eu8ot",
+			information: "dmis5e",
+			neutral: "rd579p",
+			primary: "_1y7g3t6",
+			success: "rrkfol",
+			warning: "pt55ii"
 		},
 		variant: {
-			strong: "omj9ud",
-			subtle: "_126hh0e"
+			strong: "wtyr4q",
+			subtle: "_1tqtkm"
 		}
 	}
 });

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/banner/Banner.css.ts.vanilla-BkeS77R2.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/banner/Banner.css.ts.vanilla-DGluz8hv.css";
 //#region src/banner/Banner.css.ts
 var banner = recipeRuntime({
 	base: [{
@@ -26,7 +26,7 @@ var content = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "8",
 	justifyContent: "center"
-}, "_19ykgeg"] });
+}, "_18se0ds"] });
 var icon = recipeRuntime({
 	base: [{ mt: "4" }],
 	variants: { intent: {

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

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla-BofLKOxN.css";
-import "./../../../../assets/src/box/Box.css.ts.vanilla-D0G1mWCq.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla-B8eP0F2V.css";
+import "./../../../../assets/src/box/Box.css.ts.vanilla-DztS1UJV.css";
 //#region src/box/Box.css.ts
-var box = recipeRuntime({ base: "_1jtyyh1" });
+var box = recipeRuntime({ base: "_1j4mk8n" });
 //#endregion
 export { box };

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

@@ -1,14 +1,14 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-DuXXynlO.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-d4nfcnDQ.css";
 //#region src/breadcrumb/Breadcrumb.css.ts
-var link = recipeRuntime({ base: "_1c40zgh" });
+var link = recipeRuntime({ base: "_3diax5" });
 var list = recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "cqulf2"] });
+}, "u0azor"] });
 //#endregion
 export { link, list };

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-BezxxiUI.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-1TWCBdu1.css";
 //#region src/breadcrumb/BreadcrumbNode.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "_1yahu5u"] });
+}, "_6atmck"] });
 //#endregion
 export { item };

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

@@ -48,14 +48,13 @@ const Button = forwardRef(({ addonAfter, addonBefore, asChild, children, icon, i
 			if (iconPosition === "start") addonBefore = /* @__PURE__ */ jsx(ButtonIcon, {
 				addon: true,
 				"data-disabled": props.disabled ? "" : void 0,
-				inverse: props.appearance === "primary",
+				inverse: props.appearance === "primary" || props.appearance === "primary-opal",
 				size,
 				children: icon
 			});
 			else if (iconPosition === "end") addonAfter = /* @__PURE__ */ jsx(ButtonIcon, {
 				addon: true,
 				"data-disabled": props.disabled ? "" : void 0,
-				inverse: props.appearance === "primary",
 				size,
 				children: icon
 			});

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = recipeRuntime({ base: "_81yzjz" });
+var buttonGroup = recipeRuntime({ base: "jgq7zh" });
 //#endregion
 export { buttonGroup };

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

@@ -1,13 +1,13 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dji-6LXN.css";
-import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-B1ZZ4oR1.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
+import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-BoaWaLvx.css";
 //#region src/button/ButtonIcon.css.ts
 var icon = recipeRuntime({
 	variants: {
 		addon: {
-			false: "_1m1h0f9",
+			false: "zg8ft0",
 			true: {}
 		},
 		inverse: {
@@ -22,28 +22,28 @@ var icon = recipeRuntime({
 	},
 	variantsCompounded: [
 		{
-			style: "_1icuey3",
+			style: "sf69d",
 			variants: {
 				addon: true,
 				size: "sm"
 			}
 		},
 		{
-			style: "_1hqg6s4",
+			style: "_1x73uj",
 			variants: {
 				addon: true,
 				size: "md"
 			}
 		},
 		{
-			style: "_5ffzko",
+			style: "_1shi91k",
 			variants: {
 				addon: true,
 				size: "lg"
 			}
 		},
 		{
-			style: [{ rounded: "sm" }, "c3qv53"],
+			style: [{ rounded: "sm" }, "_1ve2bua"],
 			variants: {
 				inverse: true,
 				size: "lg"

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

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dji-6LXN.css";
-import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-BTUxpPhj.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
+import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-DB1DlgxY.css";
 //#region src/button/ButtonLoadable.css.ts
-var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "sb96et"] });
+var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "uytkn3"] });
 //#endregion
 export { loadable };

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

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-BAsfIChp.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dji-6LXN.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DstkN7uL.css";
 //#region src/button/ButtonRoot.css.ts
 var buttonBase = recipeRuntime({
 	base: [
-		"wsgvil",
+		"xkndtx",
 		{
 			alignItems: "center",
 			display: "inline-flex",
@@ -14,13 +14,13 @@ var buttonBase = recipeRuntime({
 			justifyContent: "flex-start",
 			transition: "colors"
 		},
-		"_23ssoo"
+		"ob5dm1"
 	],
 	variants: {
 		intent: {
-			danger: "z94onl",
-			neutral: "_1hbori2",
-			primary: "n9c7bi"
+			danger: "_1chk1c3",
+			neutral: "_1u0o41m",
+			primary: "_1gzngt3"
 		},
 		size: {
 			sm: {
@@ -41,15 +41,15 @@ var buttonBase = recipeRuntime({
 			true: {}
 		},
 		variant: {
-			outline: "zr0kct",
-			"outline-opal": "vpe1fs",
-			strong: "_81p53h",
-			subtle: "_32za0i"
+			outline: "_10z4w6i",
+			"outline-opal": "_1jgi0vp",
+			strong: "zga5j2",
+			subtle: "_1rcy5ex"
 		}
 	},
 	variantsCompounded: [
 		{
-			style: [{ pl: "6" }, "j2p17g"],
+			style: [{ pl: "6" }, "zj2had"],
 			variants: {
 				intent: "primary",
 				size: "lg",
@@ -65,7 +65,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "_96eer4",
+			style: "chx89z",
 			variants: {
 				size: "sm",
 				square: false,
@@ -77,7 +77,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "v39df9",
+			style: "_1r5cn4l",
 			variants: {
 				size: "sm",
 				square: false,
@@ -92,7 +92,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "_9ye4km",
+			style: "yvocqv",
 			variants: {
 				size: "md",
 				square: false
@@ -106,7 +106,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "n7f1xx",
+			style: "xnz8ws",
 			variants: {
 				size: "lg",
 				square: false
@@ -114,6 +114,6 @@ var buttonBase = recipeRuntime({
 		}
 	]
 });
-var spinner = recipeRuntime({ base: [{ size: "2xs" }, "dtj80z"] });
+var spinner = recipeRuntime({ base: [{ size: "2xs" }, "p09k8c"] });
 //#endregion
 export { buttonBase, spinner };

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

@@ -78,7 +78,7 @@ const ButtonRoot = forwardRef(({ appearance = "default", asChild, children, clas
 			}, (children) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TransitionGroup, {
 				open: loading,
 				children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Spinner, {
-					appearance: variant === "strong" && intent !== "primary" ? "inverse" : "default",
+					appearance: variant === "strong" ? intent === "primary" ? "current" : "inverse" : "default",
 					"aria-hidden": "true",
 					...spinner()
 				}) })

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/calendar/Calendar.css.ts.vanilla-B_K4jZaD.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/calendar/Calendar.css.ts.vanilla-Lt2sqYJF.css";
 //#region src/calendar/Calendar.css.ts
 var picker = recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "_16xandi"
+	top: "_27fgbs"
 } } });
 //#endregion
 export { picker };

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

@@ -1,5 +1,6 @@
 "use client";
 import { Box } from "../box/Box.js";
+import { formatDate } from "../utils/formatDate.js";
 import { toInstant } from "../utils/toInstant.js";
 import { toPlainDate } from "../utils/toPlainDate.js";
 import { toPlainTime } from "../utils/toPlainTime.js";
@@ -28,8 +29,17 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { DayPicker } from "react-day-picker";
 //#region src/calendar/Calendar.tsx
-const locale = new Intl.Locale(navigator.language ?? "en-US");
+const locale = new Intl.Locale(typeof navigator !== "undefined" ? navigator.language : "en-US");
 const weekStartsOn = ("getWeekInfo" in locale && typeof locale.getWeekInfo === "function" ? locale.getWeekInfo() : { firstDay: 0 }).firstDay % 7;
+/**
+* Override `react-day-picker`'s default formatters with locale-aware ones so the
+* calendar localizes to the browser locale without a date-fns locale object.
+*/
+const formatters = {
+	formatCaption: (month) => formatDate(month, "LLLL yyyy"),
+	formatDay: (day) => formatDate(day, "d"),
+	formatWeekdayName: (weekday) => formatDate(weekday, "ccccc")
+};
 const components = {
 	CaptionLabel: CalendarCaptionLabel,
 	Chevron: CalendarChevron,
@@ -88,6 +98,7 @@ const Calendar = forwardRef(({ defaultValue = null, holiday, max, min, mode = "s
 					autoFocus: true,
 					components,
 					disabled: [...min ? [{ before: min }] : [], ...max ? [{ after: max }] : []],
+					formatters,
 					mode: "single",
 					modifiers: {
 						holiday,
@@ -110,6 +121,7 @@ const Calendar = forwardRef(({ defaultValue = null, holiday, max, min, mode = "s
 					components,
 					disabled: [...min ? [{ before: min }] : [], ...max ? [{ after: max }] : []],
 					fixedWeeks: true,
+					formatters,
 					mode: "range",
 					modifiers: {
 						holiday,

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

@@ -1,7 +1,9 @@
 "use client";
+import { formatDate } from "../utils/formatDate.js";
 import { Button } from "../button/Button.js";
 import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { useCalendarContext } from "./CalendarContext.js";
+import { withYear } from "./utils.js";
 import { IconAngleDown } from "@optiaxiom/icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CaptionLabel } from "react-day-picker";
@@ -19,10 +21,11 @@ function CalendarCaptionLabel({ children, ...props }) {
 		children: [/* @__PURE__ */ jsx(CaptionLabel, {
 			...props,
 			children: view === "year" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-				month.getFullYear(),
-				" - ",
-				month.getFullYear() + 11
-			] }) : view === "month" ? month.getFullYear() : children
+				formatDate(month, "yyyy"),
+				" -",
+				" ",
+				formatDate(withYear(month, month.getFullYear() + 11), "yyyy")
+			] }) : view === "month" ? formatDate(month, "yyyy") : children
 		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: view === "month" ? "change year" : "change month" })]
 	});
 }

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CzkIMtl4.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CReIQu1T.css";
 //#region src/calendar/CalendarDayButton.css.ts
 var button = recipeRuntime({
 	base: [{
@@ -8,25 +8,25 @@ var button = recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "jjs47h"],
+	}, "_1ky0o14"],
 	variants: {
 		appearance: {
-			"default": "_1178mjw",
-			holiday: [{ color: "fg.error" }, "md7qh8"],
-			range_middle: "_1mnk726",
-			selected: ["su6lzi"],
-			weekend: [{ color: "fg.tertiary" }, "_1xjfkht"]
+			"default": "_1mtkeyb",
+			holiday: [{ color: "fg.error" }, "vx9o2s"],
+			range_middle: "_1flt9cj",
+			selected: ["_1pdu5i7"],
+			weekend: [{ color: "fg.tertiary" }, "_17lt11x"]
 		},
 		range: {
-			end: ["_1lm2lfs"],
-			middle: ["_1frfinr"],
-			start: ["_74vbxt"]
+			end: ["qibx9p"],
+			middle: ["_12832w7"],
+			start: ["_1rz8zez"]
 		}
 	}
 });
 var today = recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "_13bjvca"] });
+}, "_57to2v"] });
 //#endregion
 export { button, today };

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

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BMtE1Cij.css";
-import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-DW74gtno.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
+import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-DkU4TLC8.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_1dbszut"] });
+}, "h0x82d"] });
 //#endregion
 export { grid };