@optiaxiom/react 3.0.4 → 3.0.5

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-C_nAZLXE.css";
-import "./../../../../assets/src/alert/Alert.css.ts.vanilla-BfkuxzAg.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/alert/Alert.css.ts.vanilla-ChoqauA4.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"
-}, "c94a6s"] });
+}, "kj0ewb"] });
 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-C_nAZLXE.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BZ2V8-4Y.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DE9sSAaa.css";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "_1pospm9"
+	true: "_11tj3ca"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -12,19 +12,19 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_13txe9s"],
+	}, "_19f8w26"],
 	variants: { size: {
-		sm: "_1cq3onr",
-		md: "_9vdcka",
-		lg: "_1tb5gzp"
+		sm: "_75z83o",
+		md: "_1q29uz6",
+		lg: "_17s5tle"
 	} }
 });
-var nestedDialogCountVar = "var(--f1p688)";
+var nestedDialogCountVar = "var(--hnj7tk)";
 var root = recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_27bnib"] });
+}, "y2xxwa"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BrV1MKmn.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-RXVlaRyU.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"
-}, "p5h9kk"] });
+}, "_1isx8kq"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-B3M4umvB.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-LIJgK0zn.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"
-}, "o0osxo"] });
+}, "_3bezb8"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BZDMhfY2.css";
-import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-D3kIXWqd.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nLKCiIP5.css";
+import "./../../../../assets/src/avatar/Avatar.css.ts.vanilla-CuWo0UQI.css";
 //#region src/avatar/Avatar.css.ts
 var avatar = recipeRuntime({
 	base: [{
@@ -12,7 +12,7 @@ var avatar = recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "_17dejv9"],
+	}, "r7n9dk"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -28,16 +28,16 @@ var avatar = recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "agq1xr"],
+			}, "_1t0hqn"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1mmltpa"],
-			sm: [{ size: "sm" }, "_1reowcw"],
-			md: [{ size: "md" }, "_1vpvmw"],
-			lg: [{ size: "lg" }, "yohgm5"],
-			xl: [{ size: "xl" }, "_1th7fet"],
-			"3xl": [{ size: "3xl" }, "kfo25a"]
+			}, "im5kc7"],
+			sm: [{ size: "sm" }, "h5esnl"],
+			md: [{ size: "md" }, "hhyty6"],
+			lg: [{ size: "lg" }, "q66jtm"],
+			xl: [{ size: "xl" }, "o5vce7"],
+			"3xl": [{ size: "3xl" }, "ocx3y4"]
 		}
 	}
 });
@@ -53,7 +53,7 @@ var icon = recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "y9yp20"],
+		xs: [{ h: "16" }, "_1axwcaj"],
 		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-C_nAZLXE.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BZDMhfY2.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nLKCiIP5.css";
 //#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = recipeRuntime({ base: ["ro1qg4", { display: "flex" }] });
+var avatarGroup = recipeRuntime({ base: ["_1anrvxn", { 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-C_nAZLXE.css";
-import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DwDty63e.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DJO1oomB.css";
 //#region src/backdrop/Backdrop.css.ts
 var backdrop = recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "_140n9rc"] });
+}, "_1xuu2vj"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/badge/Badge.css.ts.vanilla-VbqD6Lm0.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/badge/Badge.css.ts.vanilla-C3EGzSoU.css";
 //#region src/badge/Badge.css.ts
 var badge = recipeRuntime({
 	base: [{
@@ -14,19 +14,19 @@ var badge = recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "_1h1ni9q"],
+	}, "_2wbwn2"],
 	variants: {
 		intent: {
-			danger: "_1gkve2b",
-			information: "dlgf1g",
-			neutral: "_3bayf",
-			primary: "_1qz24fa",
-			success: "_6aeuow",
-			warning: "_1mvcdiw"
+			danger: "_1jlxsp9",
+			information: "_5fg7x4",
+			neutral: "wpeup2",
+			primary: "_1xf45ao",
+			success: "gko3x1",
+			warning: "j1ul18"
 		},
 		variant: {
-			strong: "k8sfuy",
-			subtle: "_1i114lm"
+			strong: "yjo4ze",
+			subtle: "_1fj6anr"
 		}
 	}
 });

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-C_nAZLXE.css";
-import "./../../../../assets/src/banner/Banner.css.ts.vanilla-DuK0PaDW.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/banner/Banner.css.ts.vanilla-7w9kIni2.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"
-}, "pnn73m"] });
+}, "_10oeepw"] });
 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-C_nAZLXE.css";
-import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla-Bc1uiz4z.css";
-import "./../../../../assets/src/box/Box.css.ts.vanilla-D0IGN50x.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/sprinkles/properties.css.ts.vanilla--7gBM7_D.css";
+import "./../../../../assets/src/box/Box.css.ts.vanilla-M3Gx5fPX.css";
 //#region src/box/Box.css.ts
-var box = recipeRuntime({ base: "ic725o" });
+var box = recipeRuntime({ base: "t7bnvz" });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-xk0j9ecx.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/breadcrumb/Breadcrumb.css.ts.vanilla-lJyYe6Xk.css";
 //#region src/breadcrumb/Breadcrumb.css.ts
-var link = recipeRuntime({ base: "_1gatsp5" });
+var link = recipeRuntime({ base: "_1uxds2p" });
 var list = recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "oy0123"] });
+}, "_1qhl3h6"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-CJtoAY6G.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/breadcrumb/BreadcrumbNode.css.ts.vanilla-7C0w0arK.css";
 //#region src/breadcrumb/BreadcrumbNode.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "rnk32f"] });
+}, "_1ffq3co"] });
 //#endregion
 export { item };

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-C_nAZLXE.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BZDMhfY2.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nLKCiIP5.css";
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = recipeRuntime({ base: "u0pb6b" });
+var buttonGroup = recipeRuntime({ base: "_189ayh7" });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BZDMhfY2.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C7v1NUC4.css";
-import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-DWc_31YH.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nLKCiIP5.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CncDQJ9q.css";
+import "./../../../../assets/src/button/ButtonIcon.css.ts.vanilla-z8kY1oBL.css";
 //#region src/button/ButtonIcon.css.ts
 var icon = recipeRuntime({
 	variants: {
 		addon: {
-			false: "m700j0",
+			false: "qcqry",
 			true: {}
 		},
 		inverse: {
@@ -22,28 +22,28 @@ var icon = recipeRuntime({
 	},
 	variantsCompounded: [
 		{
-			style: "qan3rv",
+			style: "_3wbr8e",
 			variants: {
 				addon: true,
 				size: "sm"
 			}
 		},
 		{
-			style: "_18hzyy6",
+			style: "_1yofnoa",
 			variants: {
 				addon: true,
 				size: "md"
 			}
 		},
 		{
-			style: "_1so7xx",
+			style: "_1r7m48z",
 			variants: {
 				addon: true,
 				size: "lg"
 			}
 		},
 		{
-			style: [{ rounded: "sm" }, "vhgi6n"],
+			style: [{ rounded: "sm" }, "_1htmiz4"],
 			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-C_nAZLXE.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BZDMhfY2.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C7v1NUC4.css";
-import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-ChmYOcas.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nLKCiIP5.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CncDQJ9q.css";
+import "./../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-CZhniPKX.css";
 //#region src/button/ButtonLoadable.css.ts
-var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "euzf0a"] });
+var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "mp7fpi"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BZDMhfY2.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-C7v1NUC4.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-nLKCiIP5.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CncDQJ9q.css";
 //#region src/button/ButtonRoot.css.ts
 var buttonBase = recipeRuntime({
 	base: [
-		"l8pf7v",
+		"_1q0uuay",
 		{
 			alignItems: "center",
 			display: "inline-flex",
@@ -14,13 +14,13 @@ var buttonBase = recipeRuntime({
 			justifyContent: "flex-start",
 			transition: "colors"
 		},
-		"a96kqw"
+		"_1fp5cl9"
 	],
 	variants: {
 		intent: {
-			danger: "ng9g4l",
-			neutral: "_3kk23f",
-			primary: "_195yw9l"
+			danger: "_1035b80",
+			neutral: "_1yjvysi",
+			primary: "kze6sz"
 		},
 		size: {
 			sm: {
@@ -41,16 +41,16 @@ var buttonBase = recipeRuntime({
 			true: {}
 		},
 		variant: {
-			outline: "_1ftnlrl",
-			"outline-opal": "_1mzqhfl",
-			strong: "_1ybc02c",
-			"strong-opal": "_1sw5on",
-			subtle: "_1fy96cm"
+			outline: "e6ud8t",
+			"outline-opal": "ilg0he",
+			strong: "dpv4x0",
+			"strong-opal": "_1h4r0d5",
+			subtle: "pbnpsm"
 		}
 	},
 	variantsCompounded: [
 		{
-			style: [{ pl: "6" }, "_1ulq6dv"],
+			style: [{ pl: "6" }, "e6unwt"],
 			variants: {
 				intent: "primary",
 				size: "lg",
@@ -65,7 +65,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "_2hc39b",
+			style: "_1ef9n68",
 			variants: {
 				size: "sm",
 				square: false,
@@ -77,15 +77,15 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "_1383onl",
+			style: "_121p8pf",
 			variants: {
 				size: "sm",
 				square: false,
-				variant: ["outline-opal", "strong-opal"]
+				variant: "strong-opal"
 			}
 		},
 		{
-			style: "ftbnsh",
+			style: "z2sela",
 			variants: {
 				size: "sm",
 				square: false,
@@ -100,7 +100,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "_1f973dp",
+			style: "vnxozd",
 			variants: {
 				size: "md",
 				square: false
@@ -114,7 +114,7 @@ var buttonBase = recipeRuntime({
 			}
 		},
 		{
-			style: "_1t3thvj",
+			style: "_140l24a",
 			variants: {
 				size: "lg",
 				square: false
@@ -122,6 +122,6 @@ var buttonBase = recipeRuntime({
 		}
 	]
 });
-var spinner = recipeRuntime({ base: [{ size: "2xs" }, "_16b3m3r"] });
+var spinner = recipeRuntime({ base: [{ size: "2xs" }, "dap4r8"] });
 //#endregion
 export { buttonBase, spinner };

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

@@ -4,6 +4,7 @@ import { Box } from "../box/Box.js";
 import { decorateChildren } from "../utils/decorateChildren.js";
 import { buttonBase, spinner } from "./ButtonRoot-css.js";
 import { Spinner } from "../spinner/Spinner.js";
+import { TransitionGlobalConfig } from "../transition/TransitionGlobalConfig.js";
 import { Transition } from "../transition/Transition.js";
 import { TransitionGroup } from "../transition/TransitionGroup.js";
 import { forwardRef } from "react";
@@ -11,6 +12,15 @@ import { createSlot } from "@radix-ui/react-slot";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/button/ButtonRoot.tsx
 const Slot = createSlot("@optiaxiom/react/ButtonRoot");
+/**
+* The opal variants animate an inlined video that can't be paused via CSS, so
+* they make visual-regression snapshots (Chromatic) nondeterministic. When
+* animations are globally skipped, fall back to the static non-opal variant.
+*/
+const staticVariant = {
+	"outline-opal": "outline",
+	"strong-opal": "strong"
+};
 const appearances = {
 	danger: {
 		intent: "danger",
@@ -48,7 +58,8 @@ const appearances = {
 const ButtonRoot = forwardRef(({ appearance = "default", asChild, children, className, disabled, loading, size = "md", square, ...props }, ref) => {
 	const Comp = asChild ? Slot : "button";
 	const { boxProps, restProps } = extractBoxProps(props);
-	const { intent, variant } = appearances[appearance];
+	const { intent, variant: resolvedVariant } = appearances[appearance];
+	const variant = TransitionGlobalConfig.skipAnimations && resolvedVariant in staticVariant ? staticVariant[resolvedVariant] : resolvedVariant;
 	return /* @__PURE__ */ jsx(Box, {
 		asChild: true,
 		"data-disabled": disabled ? "" : void 0,

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-C_nAZLXE.css";
-import "./../../../../assets/src/calendar/Calendar.css.ts.vanilla-P_6iWFxi.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/calendar/Calendar.css.ts.vanilla-IsfPUvC0.css";
 //#region src/calendar/Calendar.css.ts
 var picker = recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "_1vdmr59"
+	top: "g46c9p"
 } } });
 //#endregion
 export { picker };

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-C_nAZLXE.css";
-import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-B8is_HEf.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-BiP4-PX1.css";
 //#region src/calendar/CalendarDayButton.css.ts
 var button = recipeRuntime({
 	base: [{
@@ -8,25 +8,25 @@ var button = recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "_1j7ezxi"],
+	}, "jjmrve"],
 	variants: {
 		appearance: {
-			"default": "_1airsgb",
-			holiday: [{ color: "fg.error" }, "kp99pd"],
-			range_middle: "_1vtfy4k",
-			selected: ["ibc1eh"],
-			weekend: [{ color: "fg.tertiary" }, "yj5kzp"]
+			"default": "_1g29njg",
+			holiday: [{ color: "fg.error" }, "_1qtwetn"],
+			range_middle: "yd9jyt",
+			selected: ["_12sdzwr"],
+			weekend: [{ color: "fg.tertiary" }, "_1x9vph3"]
 		},
 		range: {
-			end: ["_1kni0j5"],
-			middle: ["yu0ism"],
-			start: ["_14kbbok"]
+			end: ["xuc0r1"],
+			middle: ["_1ff679e"],
+			start: ["_564e36"]
 		}
 	}
 });
 var today = recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "gvpvjd"] });
+}, "o8fvbi"] });
 //#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-C_nAZLXE.css";
-import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-CW36N0lo.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/calendar/CalendarGrid.css.ts.vanilla-DFk5UTnX.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_1ijmtry"] });
+}, "_1j4sgge"] });
 //#endregion
 export { grid };

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-C_nAZLXE.css";
-import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-ByVAyu-Z.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-CLgOR0lN.css";
 //#region src/calendar/CalendarMonths.css.ts
 var months = recipeRuntime({ base: [{
 	alignItems: "start",
 	gap: "16"
-}, "_1327ldc"] });
+}, "_1vunbcy"] });
 //#endregion
 export { months };

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-C_nAZLXE.css";
-import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Dh7fqmmZ.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BR8oJwmM.css";
 //#region src/calendar/CalendarNextMonthButton.css.ts
-var button = recipeRuntime({ base: "weaw9c" });
+var button = recipeRuntime({ base: "_1bbnnm2" });
 //#endregion
 export { button };

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-C_nAZLXE.css";
-import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BOhVm070.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-DP_VOFMm.css";
+import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-AmN0P2SI.css";
 //#region src/calendar/CalendarPreviousMonthButton.css.ts
-var button = recipeRuntime({ base: "vlv56n" });
+var button = recipeRuntime({ base: "_1tj377d" });
 //#endregion
 export { button };