@optiaxiom/react 3.1.9 → 3.3.0

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,18 +1,18 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/DisclosureTrigger.css.ts.vanilla-Ca2Kyo9O.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/DisclosureTrigger.css.ts.vanilla-CCKfnMn_.css";
 //#region src/disclosure/DisclosureTrigger.css.ts
 var icon = recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "ejxade"] });
+}, "_1xwuyki"] });
 var root = recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "kvl36x"] });
+}, "_1fudmdh"] });
 var trigger = recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
@@ -20,6 +20,6 @@ var trigger = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "jn0pto"] });
+}, "s3o0e7"] });
 //#endregion
 export { icon, root, trigger };

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/FileUpload.css.ts.vanilla-B0awhHMz.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/FileUpload.css.ts.vanilla-KBz-3tZ3.css";
 //#region src/file-upload/FileUpload.css.ts
 var upload = recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "uudzqp"] });
+}, "_101d9g"] });
 //#endregion
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/FileUploadDropzone.css.ts.vanilla-D_-OE79g.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/FileUploadDropzone.css.ts.vanilla-B1o9nlxm.css";
 //#region src/file-upload/FileUploadDropzone.css.ts
 var dropzone = recipeRuntime({
 	base: [{
@@ -13,19 +13,19 @@ var dropzone = recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_5k7mnf"],
+	}, "vzk8b5"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1sjpqem"]
+			true: ["_1wcbl0d"]
 		},
 		hidden: {
-			false: "_1l5r36k",
-			true: "rdj2pc"
+			false: "muvg7a",
+			true: "fqjb9y"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "rhpcx"]
+			true: [{ z: "10" }, "_1vm4tqk"]
 		}
 	}
 });
@@ -37,7 +37,7 @@ var label = recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "_1oqdxeg"
+		true: "_1mvjb96"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/file-upload/FileUploadListItem-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/FileUploadListItem.css.ts.vanilla-DiyRFoDJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/FileUploadListItem.css.ts.vanilla-Df0n682B.css";
 //#region src/file-upload/FileUploadListItem.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -10,10 +10,10 @@ var item = recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "xo47su"] });
+}, "_16mnmz"] });
 var name = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_1kl4f8g"] });
+}, "_89b1yk"] });
 //#endregion
 export { item, name };

package/dist/esm/packages/react/src/file-upload/FileUploadListItem.js

@@ -22,8 +22,8 @@ function downloadFile(file) {
 }
 function formatFileSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`;
-	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(0)} KB`;
+	return `${(bytes / 1048576).toFixed(1)} MB`;
 }
 const mimeTypeLabels = [
 	[/^application\/pdf$/, "PDF"],

package/dist/esm/packages/react/src/heading/Heading-css.js

@@ -1,20 +1,20 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Heading.css.ts.vanilla-DqIRCC4T.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Heading.css.ts.vanilla-CyNUS72G.css";
 //#region src/heading/Heading.css.ts
 var heading = recipeRuntime({
 	base: { fontFamily: "heading" },
 	variants: {
 		level: {
-			"1": "dbua11",
-			"2": "_9k8dwg",
-			"3": "hd95v",
-			"4": "e94myt"
+			"1": "_1c65m7k",
+			"2": "ug2cf7",
+			"3": "_1e8c3ci",
+			"4": "_13b9lrm"
 		},
 		tracking: {
-			wide: "_1yboija",
-			wider: "ehjzr",
-			widest: "uwdjos"
+			wide: "d403tp",
+			wider: "zvbxrd",
+			widest: "liyebv"
 		}
 	}
 });

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Highlight.css.ts.vanilla-BfpGzsb6.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Highlight.css.ts.vanilla-CdAa4kIo.css";
 //#region src/highlight/Highlight.css.ts
-var mark = recipeRuntime({ base: "_18vvvl3" });
+var mark = recipeRuntime({ base: "_1hqqkg8" });
 //#endregion
 export { mark };

package/dist/esm/packages/react/src/hover-card/HoverCardContent.js

@@ -13,7 +13,8 @@ import * as RadixHoverCard from "@radix-ui/react-hover-card";
 * @group HoverCard
 */
 const HoverCardContent = forwardRef(({ align = "start", asChild, children, sideOffset = 4, ...props }, outerRef) => {
-	const ref = useComposedRefs(useRef(null), outerRef);
+	const innerRef = useRef(null);
+	const ref = useComposedRefs(innerRef, outerRef);
 	const { open, presence, setPresence } = useHoverCardContext("@optiaxiom/react/HoverCardContent");
 	return /* @__PURE__ */ jsx(TransitionGroup, {
 		onPresenceChange: setPresence,

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-DW9BOj4C.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-D55nVtXG.css";
 //#region src/hover-card/HoverCardTrigger.css.ts
-var trigger = recipeRuntime({ base: "_10b8sim" });
+var trigger = recipeRuntime({ base: "lwosv3" });
 //#endregion
 export { trigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Icon.css.ts.vanilla-DVyexL1K.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Icon.css.ts.vanilla-C7nCAVpF.css";
 //#region src/icon/Icon.css.ts
-var icon = recipeRuntime({ base: [{ flex: "none" }, "_1pke4vu"] });
+var icon = recipeRuntime({ base: [{ flex: "none" }, "kpnmyr"] });
 //#endregion
 export { icon };

package/dist/esm/packages/react/src/icons/withIcon.js

@@ -1,12 +1,18 @@
 "use client";
+import { rem } from "../utils/rem.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/icons/withIcon.tsx
 const withIcon = ({ fill, height = 16, name, viewBox, width = 20 }, children) => {
-	const Icon = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", {
+	const Icon = forwardRef(({ style, ...props }, ref) => /* @__PURE__ */ jsx("svg", {
 		fill,
 		height,
 		ref,
+		style: {
+			height: rem(`${height}px`),
+			width: rem(`${width}px`),
+			...style
+		},
 		viewBox: viewBox ?? `0 0 ${width} ${height}`,
 		width,
 		xmlns: "http://www.w3.org/2000/svg",

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Indicator.css.ts.vanilla-DL9GKT9S.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Indicator.css.ts.vanilla-CNpTleUA.css";
 //#region src/indicator/Indicator.css.ts
 var badge = recipeRuntime({
-	base: "zrz8cu",
+	base: "_13ca5td",
 	variants: {
 		offset: {
 			false: {
@@ -13,7 +13,7 @@ var badge = recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "xjmg2s"]
+			}, "_1vv2b49"]
 		},
 		ping: {
 			false: {},
@@ -21,7 +21,7 @@ var badge = recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_1eyluzr"]
+			}, "yvpj01"]
 		}
 	}
 });
@@ -30,15 +30,15 @@ var floating = recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "_1t7t8u8"],
+	}, "m8lexj"],
 	variants: {
 		offset: {
-			false: "_1xf4i24",
+			false: "_10kyhwd",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_19f8csg",
-			"top-right": "_1tw6ess"
+			"bottom-right": "j6ezxm",
+			"top-right": "_21r128"
 		}
 	}
 });
@@ -46,6 +46,6 @@ var indicator = recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "_12ichzx"] });
+}, "_1acgzpi"] });
 //#endregion
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,14 +1,14 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/InlineInput.css.ts.vanilla-0EugOwSA.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/InlineInput.css.ts.vanilla-1I7aMrve.css";
 //#region src/inline-input/InlineInput.css.ts
 var editor = recipeRuntime({
-	base: "_1xsx80s",
+	base: "_1kzy507",
 	variants: { empty: {
 		false: {},
-		true: "_1bahfz8"
+		true: "drr2ne"
 	} }
 });
-var input = recipeRuntime({ base: "_1rxvm9f" });
+var input = recipeRuntime({ base: "soq9dg" });
 //#endregion
 export { editor, input };

package/dist/esm/packages/react/src/inline-input/InlineInput.js

@@ -25,12 +25,14 @@ const InlineInput = forwardRef(({ className, defaultValue = "", disabled, label,
 	useEffect(() => {
 		if (!editorRef.current) return;
 		const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
-		if (getText(editorRef.current) !== clippedValue) if (document.activeElement === editorRef.current) {
-			const selection = window.getSelection();
-			if (!selection) return;
-			selection.getRangeAt(0).selectNodeContents(editorRef.current);
-			document.execCommand("insertHTML", false, clippedValue);
-		} else editorRef.current.innerText = clippedValue ?? "null";
+		if (getText(editorRef.current) !== clippedValue) {
+			if (document.activeElement === editorRef.current) {
+				const selection = window.getSelection();
+				if (!selection) return;
+				selection.getRangeAt(0).selectNodeContents(editorRef.current);
+				document.execCommand("insertHTML", false, clippedValue);
+			} else editorRef.current.innerText = clippedValue ?? "null";
+		}
 	}, [multiline, value]);
 	return /* @__PURE__ */ jsx(Box, {
 		...input({}, className),

package/dist/esm/packages/react/src/input/Input-css.js

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Input.css.ts.vanilla-DjURzx-b.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Input.css.ts.vanilla-DlddNyuc.css";
 //#region src/input/Input.css.ts
-var addon = recipeRuntime({ base: [{ flex: "none" }, "b5vosx"] });
+var addon = recipeRuntime({ base: [{ flex: "none" }, "qmk8xz"] });
 var input = recipeRuntime({ variants: {
 	appearance: {
 		"default": { textAlign: "start" },

package/dist/esm/packages/react/src/input/InputControl-css.js

@@ -1,22 +1,22 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-BcxS36Wj.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-BuMKHUgL.css";
 //#region src/input/InputControl.css.ts
 var control = recipeRuntime({
 	base: [
-		"wrmbla",
+		"hz0tex",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"ljaoaj",
-		"_1pwtq4v"
+		"_174easr",
+		"r9r6x2"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["wla24k"]
+		xl: ["_5r4all"]
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/input/InputRoot-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-BcxS36Wj.css";
-import "./../../../../assets/InputRoot.css.ts.vanilla-C4OrYFic.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-BuMKHUgL.css";
+import "./../../../../assets/InputRoot.css.ts.vanilla-wxsfC32n.css";
 //#region src/input/InputRoot.css.ts
-var root = recipeRuntime({ base: [{ gap: "0" }, "_14gi1h3"] });
+var root = recipeRuntime({ base: [{ gap: "0" }, "lgone9"] });
 //#endregion
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Kbd.css.ts.vanilla-DgnJPPHP.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Kbd.css.ts.vanilla-CwJ_SjwU.css";
 //#region src/kbd/Kbd.css.ts
 var kbd = recipeRuntime({ base: {
 	color: "fg.secondary",
@@ -23,7 +23,7 @@ var key = recipeRuntime({
 			borderB: "2",
 			borderColor: "border.secondary",
 			rounded: "sm"
-		}, "onzhk7"],
+		}, "_1sfsxif"],
 		subtle: {}
 	} }
 });

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-BQkVU3Ns.css";
-import "./../../../../assets/LabelMenuButton.css.ts.vanilla-CNnjLExg.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-Dyc7UpdK.css";
+import "./../../../../assets/LabelMenuButton.css.ts.vanilla-BKfKeCVj.css";
 //#region src/label-menu-button/LabelMenuButton.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1g9khm1"] });
+var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_15aziiq"] });
 var content = recipeRuntime({
 	base: [{
 		fontSize: "sm",

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,5 +1,5 @@
 import { __exportAll } from "../../../../_virtual/_rolldown/runtime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
 //#region src/layers/layers.css.ts
 var layers_css_exports = /* @__PURE__ */ __exportAll({
 	axiom: () => axiom,
@@ -10,8 +10,8 @@ var layers_css_exports = /* @__PURE__ */ __exportAll({
 });
 var axiom = "optiaxiom";
 var base = "optiaxiom.base";
-var components = "optiaxiom._1y4o68f";
-var reset = "optiaxiom._7t8la6";
+var components = "optiaxiom._1cgq1zr";
+var reset = "optiaxiom.k1sw4f";
 var theme = "optiaxiom.theme";
 //#endregion
 export { axiom, base, components, layers_css_exports, reset, theme };

package/dist/esm/packages/react/src/layout/Layout-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Layout.css.ts.vanilla-C9V-P7FF.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Layout.css.ts.vanilla-nc55pLyj.css";
 //#region src/layout/Layout.css.ts
 var layout = recipeRuntime({
 	base: [{
@@ -8,10 +8,10 @@ var layout = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_1i5j1jl"],
+	}, "_16mwmny"],
 	variants: { size: {
-		full: "o4lzrn",
-		screen: "_84q6pn"
+		full: "_1wlwvq2",
+		screen: "_1eiqmsb"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/layout/LayoutContent-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/LayoutContent.css.ts.vanilla-RBYjzbxJ.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/LayoutContent.css.ts.vanilla-RmXplEso.css";
 //#region src/layout/LayoutContent.css.ts
 var content = recipeRuntime({ base: [{
 	bg: "bg.page",
@@ -12,6 +12,6 @@ var content = recipeRuntime({ base: [{
 	px: "32",
 	py: "24",
 	rounded: "lg"
-}, "_1w9joak"] });
+}, "te2ymg"] });
 //#endregion
 export { content };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,17 +1,17 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Link.css.ts.vanilla-DXkzFieU.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Link.css.ts.vanilla-C-yu1_VM.css";
 //#region src/link/Link.css.ts
 var icon = recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "_1x7o18q"] });
+}, "uitmf8"] });
 var link = recipeRuntime({
-	base: ["fj998n"],
+	base: ["_1smuxfi"],
 	variants: { appearance: {
-		"default": "mcey4d",
-		inverse: "ma4fww",
-		subtle: "emnjr1"
+		"default": "_1m605x0",
+		inverse: "_13r4lb",
+		subtle: "_1x335tj"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/listbox/Listbox-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Listbox.css.ts.vanilla-Dob_YMFL.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Listbox.css.ts.vanilla-DvyD6XAo.css";
 //#region src/listbox/Listbox.css.ts
 var listbox = recipeRuntime({ base: [{
 	display: "flex",
@@ -8,6 +8,6 @@ var listbox = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "2",
 	overflow: "auto"
-}, "_122sdqt"] });
+}, "uxub3f"] });
 //#endregion
 export { listbox };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-BQjz3Rp9.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-BEPbmLP3.css";
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "yo319i"] });
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_1ytxjx8"] });
 //#endregion
 export { checkbox };

package/dist/esm/packages/react/src/listbox/ListboxItem-css.js

@@ -1,19 +1,19 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/ListboxItem.css.ts.vanilla-RNdv6Jjd.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/ListboxItem.css.ts.vanilla-XYPvPnFv.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_8brrrs"],
+	}, "_1g7z51h"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1m86yyu"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "b7qdoi"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "e9ved1"],
+	}, "bkn731"],
 	variants: { intent: {
-		danger: "fq2jsg",
-		neutral: "u69pf1"
+		danger: "_1lkuccb",
+		neutral: "_1oif9kb"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_1bk8fhi"] });
+}, "_1qjnkv7"] });
 //#endregion
 export { addon, description, item, title };

package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-CImDmbbs.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-Bd9dfxs9.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["_1ohzqre"],
+	base: ["_6njlhq"],
 	variants: { active: {
 		false: {},
-		true: "_1f9rhi4"
+		true: "_1vrqqsm"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/locale/LocaleContext.js

@@ -1,11 +1,17 @@
 "use client";
 "use client";
 import { createContext } from "@radix-ui/react-context";
+//#region src/locale/LocaleContext.ts
+/**
+* The browser's preferred locale, used to localize date/time components without
+* requiring a `locale` prop. Falls back to `en-US` when unavailable (e.g. SSR).
+*/
+const browserLocale = typeof navigator !== "undefined" ? navigator.language : "en-US";
 /**
 * Holds the BCP-47 locale used by date/time components (Calendar,
 * DateRangePicker, Clock, Time). The default value is the browser locale, so
 * `useLocaleContext` always returns a usable value even without a provider.
 */
-const [LocaleProvider, useLocaleContext] = createContext("@optiaxiom/react/Locale", { locale: typeof navigator !== "undefined" ? navigator.language : "en-US" });
+const [LocaleProvider, useLocaleContext] = createContext("@optiaxiom/react/Locale", { locale: browserLocale });
 //#endregion
 export { LocaleProvider, useLocaleContext };

package/dist/esm/packages/react/src/menu/Menu.js

@@ -128,9 +128,10 @@ function Menu({ children, defaultOpen = false, inputValue: inputValueProp, input
 				},
 				onInputValueChange: setInputValue,
 				onSelect: (item, { dismiss }) => {
-					if (typeof item.subOptions === "function" || item.subOptions?.length) if (size === "lg") setActiveItemStack((stack) => [...stack ?? [], item]);
-					else setSubMenuOpen(true);
-					else {
+					if (typeof item.subOptions === "function" || item.subOptions?.length) {
+						if (size === "lg") setActiveItemStack((stack) => [...stack ?? [], item]);
+						else setSubMenuOpen(true);
+					} else {
 						track(item);
 						item.execute?.({
 							dismiss,