@optiaxiom/react 3.2.0 → 3.4.0

package/dist/esm/layers/layers-css.js

@@ -9,8 +9,8 @@ var layers_css_exports = /* @__PURE__ */ __exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom.wxbe8u";
-var reset = "optiaxiom._1b30zdq";
+var components = "optiaxiom.kpdghm";
+var reset = "optiaxiom._1ydlk00";
 var theme = "optiaxiom.theme";
 //#endregion
 export { axiom, base, components, layers_css_exports, reset, theme };

package/dist/esm/packages/react/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "3.2.0";
+var version = "3.4.0";
 //#endregion
 export { version };

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

@@ -1,17 +1,17 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ActionsContent.css.ts.vanilla-B4IMtCJG.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ActionsContent.css.ts.vanilla-vP7vU13T.css";
 //#region src/actions/ActionsContent.css.ts
 var content = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		justifyContent: "space-between"
-	}, "ii0y6i"],
+	}, "e7g6i9"],
 	variants: { visible: {
-		always: "_1ybpqdr",
-		"if-needed": "_1pwcd5k"
+		always: "_1cbh29o",
+		"if-needed": "_1xio65g"
 	} }
 });
 //#endregion

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
 //#region src/actions/ActionsRoot.css.ts
-var root = recipeRuntime({ base: "_1q2sckf" });
+var root = recipeRuntime({ base: "_1ioa4j4" });
 //#endregion
 export { root };

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Alert.css.ts.vanilla-BGgJNRGn.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Alert.css.ts.vanilla-BmRGDGQI.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"
-}, "_1ipe76j"] });
+}, "nkgehe"] });
 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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AlertDialogContent.css.ts.vanilla-Cn6JwZVL.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/AlertDialogContent.css.ts.vanilla-C3Q_eWoe.css";
 //#region src/alert-dialog/AlertDialogContent.css.ts
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "lk4jip"
+	true: "vyi5i2"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -12,19 +12,19 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "_1j0car6"],
+	}, "bolkbj"],
 	variants: { size: {
-		sm: "_1a3rq17",
-		md: "_1yq3jvt",
-		lg: "_1o2nwxx"
+		sm: "_1g2mh37",
+		md: "_1vpze75",
+		lg: "_16guw5w"
 	} }
 });
-var nestedDialogCountVar = "var(--zxzwik)";
+var nestedDialogCountVar = "var(--_2fczyw)";
 var root = recipeRuntime({ base: [{
 	alignItems: "center",
 	flexDirection: "column",
 	gap: "0",
 	z: "popover"
-}, "_680pr9"] });
+}, "s2oyne"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AlertDialogFooter.css.ts.vanilla-CJS-Jkh4.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/AlertDialogFooter.css.ts.vanilla-CJzM7oVP.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"
-}, "_1ogco1x"] });
+}, "ibwkg3"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AlertDialogHeader.css.ts.vanilla-iKZV6BQP.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/AlertDialogHeader.css.ts.vanilla-B-N8Fo9T.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"
-}, "_1tkyguo"] });
+}, "mzx5ag"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/Avatar.css.ts.vanilla-Bl4x5zF-.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/Avatar.css.ts.vanilla-2MuG0bd2.css";
 //#region src/avatar/Avatar.css.ts
 var avatar = recipeRuntime({
 	base: [{
@@ -12,7 +12,7 @@ var avatar = recipeRuntime({
 		justifyContent: "center",
 		overflow: "hidden",
 		rounded: "full"
-	}, "_1gwombl"],
+	}, "_1ufj2ov"],
 	variants: {
 		colorScheme: {
 			neutral: {
@@ -28,16 +28,16 @@ var avatar = recipeRuntime({
 			"2xs": [{
 				fontWeight: "400",
 				size: "2xs"
-			}, "_6l65h7"],
+			}, "_1sxqgtm"],
 			xs: [{
 				fontWeight: "400",
 				size: "xs"
-			}, "_1rr4gqm"],
-			sm: [{ size: "sm" }, "_1cp0qoy"],
-			md: [{ size: "md" }, "_1yai5fu"],
-			lg: [{ size: "lg" }, "_17onj6s"],
-			xl: [{ size: "xl" }, "dp012f"],
-			"3xl": [{ size: "3xl" }, "_6g2aru"]
+			}, "_1326zzg"],
+			sm: [{ size: "sm" }, "j9mjya"],
+			md: [{ size: "md" }, "_1ytdc61"],
+			lg: [{ size: "lg" }, "_1hjviqh"],
+			xl: [{ size: "xl" }, "_4tt6y"],
+			"3xl": [{ size: "3xl" }, "dzrvxz"]
 		}
 	}
 });
@@ -53,7 +53,7 @@ var icon = recipeRuntime({
 	base: [{ w: "auto" }],
 	variants: { size: {
 		"2xs": { h: "12" },
-		xs: [{ h: "16" }, "jmb0tu"],
+		xs: [{ h: "16" }, "nnbkoi"],
 		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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
 //#region src/avatar/AvatarGroup.css.ts
-var avatarGroup = recipeRuntime({ base: ["lzhzd9", { display: "flex" }] });
+var avatarGroup = recipeRuntime({ base: ["jeoqwg", { 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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Backdrop.css.ts.vanilla-BUS8i2k8.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Backdrop.css.ts.vanilla-BV6E4G2y.css";
 //#region src/backdrop/Backdrop.css.ts
 var backdrop = recipeRuntime({ base: [{
 	bg: "bg.overlay",
 	z: "popover"
-}, "xzj2rn"] });
+}, "_5gjc7f"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Badge.css.ts.vanilla-BYurmn3E.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Badge.css.ts.vanilla-DigDxXJA.css";
 //#region src/badge/Badge.css.ts
 var badge = recipeRuntime({
 	base: [{
@@ -14,19 +14,19 @@ var badge = recipeRuntime({
 		py: "2",
 		rounded: "full",
 		textTransform: "uppercase"
-	}, "_3efgmr"],
+	}, "tvd5ya"],
 	variants: {
 		intent: {
-			danger: "_1q5rawz",
-			information: "vdvorx",
-			neutral: "x6b1m3",
-			primary: "_1ydmiz0",
-			success: "_8ep8op",
-			warning: "_1oqlds2"
+			danger: "_1qgthhd",
+			information: "fu6nc1",
+			neutral: "_1ccc4iw",
+			primary: "l4zo73",
+			success: "zaof5f",
+			warning: "_3ueycq"
 		},
 		variant: {
-			strong: "yeyunb",
-			subtle: "r1ps2y"
+			strong: "_14i77k3",
+			subtle: "w3udcv"
 		}
 	}
 });

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Banner.css.ts.vanilla-DGJVWnL7.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Banner.css.ts.vanilla-DMZfFXW8.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"
-}, "zhudst"] });
+}, "_18z136e"] });
 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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/properties.css.ts.vanilla-CLONbAt5.css";
-import "./../../../../assets/Box.css.ts.vanilla-CSaUf4HK.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/properties.css.ts.vanilla-DwM4R6SY.css";
+import "./../../../../assets/Box.css.ts.vanilla-CFnjHbNP.css";
 //#region src/box/Box.css.ts
-var box = recipeRuntime({ base: "_1eielar" });
+var box = recipeRuntime({ base: "_11c4ouj" });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Breadcrumb.css.ts.vanilla-BrE6q6Q_.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Breadcrumb.css.ts.vanilla-BLGGPcA3.css";
 //#region src/breadcrumb/Breadcrumb.css.ts
-var link = recipeRuntime({ base: "_1b5n49r" });
+var link = recipeRuntime({ base: "bm0o50" });
 var list = recipeRuntime({ base: [{
 	alignItems: "center",
 	color: "fg.default",
 	display: "flex",
 	fontSize: "md",
 	gap: "8"
-}, "_6nf0hd"] });
+}, "_1ou91nc"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/BreadcrumbNode.css.ts.vanilla-Byt2gwtV.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/BreadcrumbNode.css.ts.vanilla-BVEDIJ0l.css";
 //#region src/breadcrumb/BreadcrumbNode.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
 	display: "inline-flex",
 	gap: "4",
 	whiteSpace: "nowrap"
-}, "_180oiky"] });
+}, "_10154zd"] });
 //#endregion
 export { item };

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

@@ -88,7 +88,7 @@ const Button = forwardRef(({ addonAfter, addonBefore, asChild, children, icon, i
 	return /* @__PURE__ */ jsx(ButtonRoot, {
 		addon,
 		asChild: true,
-		justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",
+		justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "center",
 		onClick: (event) => {
 			onClick?.(event);
 			if (surface) surface.track({ name: "invoked" });

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
 //#region src/button/ButtonGroup.css.ts
-var buttonGroup = recipeRuntime({ base: "_1y14zwt" });
+var buttonGroup = recipeRuntime({ base: "ad3kf2" });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-CcyfuSJA.css";
-import "./../../../../assets/ButtonIcon.css.ts.vanilla-L4KZz3Ja.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-jlN_cOUc.css";
+import "./../../../../assets/ButtonIcon.css.ts.vanilla-DqBsUuFg.css";
 //#region src/button/ButtonIcon.css.ts
 var icon = recipeRuntime({
 	variants: {
 		addon: {
-			false: "rn7frk",
+			false: "_13oy6j2",
 			true: {}
 		},
 		inverse: {
@@ -22,28 +22,28 @@ var icon = recipeRuntime({
 	},
 	variantsCompounded: [
 		{
-			style: "c88bih",
+			style: "_19ca8pf",
 			variants: {
 				addon: true,
 				size: "sm"
 			}
 		},
 		{
-			style: "c69k4i",
+			style: "gs65os",
 			variants: {
 				addon: true,
 				size: "md"
 			}
 		},
 		{
-			style: "popvh2",
+			style: "r4uql8",
 			variants: {
 				addon: true,
 				size: "lg"
 			}
 		},
 		{
-			style: [{ rounded: "sm" }, "_12iq7u5"],
+			style: [{ rounded: "sm" }, "_1jfdu8y"],
 			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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-CcyfuSJA.css";
-import "./../../../../assets/ButtonLoadable.css.ts.vanilla-DRDtVZxQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-jlN_cOUc.css";
+import "./../../../../assets/ButtonLoadable.css.ts.vanilla-DvqLZtXK.css";
 //#region src/button/ButtonLoadable.css.ts
-var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "v4r1z6"] });
+var loadable = recipeRuntime({ base: [{ transition: "opacity" }, "_1akfh05"] });
 //#endregion
 export { loadable };

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-CcyfuSJA.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-jlN_cOUc.css";
 //#region src/button/ButtonRoot.css.ts
 var buttonBase = recipeRuntime(function() {
 	var x = {
 		base: [
-			"_1mha8v8",
+			"jbvpvu",
 			{
 				alignItems: "center",
 				display: "inline-flex",
@@ -15,7 +15,7 @@ var buttonBase = recipeRuntime(function() {
 				justifyContent: "flex-start",
 				transition: "colors"
 			},
-			"bffn2d"
+			"_1vu5q0l"
 		],
 		variants: {
 			addon: {
@@ -26,9 +26,9 @@ var buttonBase = recipeRuntime(function() {
 				start: {}
 			},
 			intent: {
-				danger: "cxoh1r",
-				neutral: "_1hc7xx2",
-				primary: "brngsw"
+				danger: "opyrch",
+				neutral: "_16c20m4",
+				primary: "_1tdk8e8"
 			},
 			size: {
 				sm: {
@@ -45,15 +45,15 @@ var buttonBase = recipeRuntime(function() {
 				}
 			},
 			variant: {
-				outline: "_7o4qv2",
-				"outline-opal": "_1k0ejmx",
-				strong: "_9zhpqv",
-				subtle: "himads"
+				outline: "_16sssh2",
+				"outline-opal": "_64xc8w",
+				strong: "_1hhm3c3",
+				subtle: "_1dbb6kb"
 			}
 		},
 		variantsCompounded: [
 			{
-				style: "_53iqac",
+				style: "_1ydr8oq",
 				variants: {
 					addon: [
 						"both",
@@ -67,7 +67,7 @@ var buttonBase = recipeRuntime(function() {
 				}
 			},
 			{
-				style: "_1g2vxl8",
+				style: "_1cwace9",
 				variants: {
 					addon: ["both", "start"],
 					intent: "primary",
@@ -83,7 +83,14 @@ var buttonBase = recipeRuntime(function() {
 				}
 			},
 			{
-				style: "_1w3brln",
+				style: "q6jf73",
+				variants: {
+					size: "sm",
+					variant: ["outline", "outline-opal"]
+				}
+			},
+			{
+				style: "_156xtxa",
 				variants: {
 					addon: void 0,
 					size: "sm",
@@ -95,7 +102,7 @@ var buttonBase = recipeRuntime(function() {
 				}
 			},
 			{
-				style: "fq4knj",
+				style: "fvrxh4",
 				variants: {
 					addon: void 0,
 					size: "sm",
@@ -110,7 +117,7 @@ var buttonBase = recipeRuntime(function() {
 				}
 			},
 			{
-				style: "h6rrg2",
+				style: "_1l5prom",
 				variants: {
 					addon: void 0,
 					size: "md"
@@ -124,7 +131,7 @@ var buttonBase = recipeRuntime(function() {
 				}
 			},
 			{
-				style: "ypru0h",
+				style: "t2xh5x",
 				variants: {
 					addon: void 0,
 					size: "lg"
@@ -132,12 +139,12 @@ var buttonBase = recipeRuntime(function() {
 			}
 		]
 	};
-	x.variantsCompounded[3].variants.addon = x.variantsCompounded[0].variants.addon;
 	x.variantsCompounded[4].variants.addon = x.variantsCompounded[0].variants.addon;
-	x.variantsCompounded[6].variants.addon = x.variantsCompounded[0].variants.addon;
-	x.variantsCompounded[8].variants.addon = x.variantsCompounded[0].variants.addon;
+	x.variantsCompounded[5].variants.addon = x.variantsCompounded[0].variants.addon;
+	x.variantsCompounded[7].variants.addon = x.variantsCompounded[0].variants.addon;
+	x.variantsCompounded[9].variants.addon = x.variantsCompounded[0].variants.addon;
 	return x;
 }());
-var spinner = recipeRuntime({ base: [{ size: "2xs" }, "_1pbj9x2"] });
+var spinner = recipeRuntime({ base: [{ size: "2xs" }, "swh5pu"] });
 //#endregion
 export { buttonBase, spinner };

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Calendar.css.ts.vanilla-DRCc6py3.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Calendar.css.ts.vanilla-CBwVMqm5.css";
 //#region src/calendar/Calendar.css.ts
 var picker = recipeRuntime({ variants: { side: {
 	bottom: {},
 	left: {},
 	right: {},
-	top: "_1ytpx3s"
+	top: "_1tm1hqt"
 } } });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/CalendarDayButton.css.ts.vanilla-DWW3737H.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CalendarDayButton.css.ts.vanilla-DQ2Nf-iV.css";
 //#region src/calendar/CalendarDayButton.css.ts
 var button = recipeRuntime({
 	base: [{
@@ -8,25 +8,25 @@ var button = recipeRuntime({
 		fontSize: "md",
 		size: "md",
 		transition: "colors"
-	}, "_1b7f9j2"],
+	}, "yn1t6w"],
 	variants: {
 		appearance: {
-			"default": "rl7lya",
-			holiday: [{ color: "fg.error" }, "_6ro8cw"],
-			range_middle: "_5yj0zw",
-			selected: ["kvedxx"],
-			weekend: [{ color: "fg.tertiary" }, "votz3c"]
+			"default": "_18gfp4c",
+			holiday: [{ color: "fg.error" }, "_1pwnhsj"],
+			range_middle: "uke308",
+			selected: ["_1iivwso"],
+			weekend: [{ color: "fg.tertiary" }, "a3tus4"]
 		},
 		range: {
-			end: ["_1rk8sxh"],
-			middle: ["_1yj2nua"],
-			start: ["v25s9p"]
+			end: ["q7ee6s"],
+			middle: ["_1fcib1q"],
+			start: ["_1lk1ktx"]
 		}
 	}
 });
 var today = recipeRuntime({ base: [{
 	mx: "auto",
 	rounded: "full"
-}, "g6ifin"] });
+}, "_1vq873d"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/CalendarGrid.css.ts.vanilla-BWZ5W-sP.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/CalendarGrid.css.ts.vanilla-BbOYeDmd.css";
 //#region src/calendar/CalendarGrid.css.ts
 var grid = recipeRuntime({ base: [{
 	display: "flex",
 	flexDirection: "column",
 	gap: "2"
-}, "_1a9lx5i"] });
+}, "_1p57bok"] });
 //#endregion
 export { grid };