@optiaxiom/react 3.4.1 → 3.4.3

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-_0yplc22.css";
-import "./../../../../assets/Indicator.css.ts.vanilla-MwFY5VM2.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Indicator.css.ts.vanilla-7ZuNYmM2.css";
 //#region src/indicator/Indicator.css.ts
 var badge = recipeRuntime({
-	base: "odo0x5",
+	base: "vieilu",
 	variants: {
 		offset: {
 			false: {
@@ -13,7 +13,7 @@ var badge = recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "hcue92"]
+			}, "pmr5by"]
 		},
 		ping: {
 			false: {},
@@ -21,7 +21,7 @@ var badge = recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_17x0pgs"]
+			}, "p2z28p"]
 		}
 	}
 });
@@ -30,15 +30,15 @@ var floating = recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "_1s0axmv"],
+	}, "_1xp3rgq"],
 	variants: {
 		offset: {
-			false: "d42wys",
+			false: "_9s1cfy",
 			true: {}
 		},
 		position: {
-			"bottom-right": "vws98t",
-			"top-right": "_446occ"
+			"bottom-right": "_1v3aoh0",
+			"top-right": "_7brqrd"
 		}
 	}
 });
@@ -46,6 +46,6 @@ var indicator = recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "bz8c98"] });
+}, "pphgr7"] });
 //#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-_0yplc22.css";
-import "./../../../../assets/InlineInput.css.ts.vanilla-B7MfWPc-.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/InlineInput.css.ts.vanilla-Bfp2ZZUK.css";
 //#region src/inline-input/InlineInput.css.ts
 var editor = recipeRuntime({
-	base: "_1fssmc8",
+	base: "vqf23q",
 	variants: { empty: {
 		false: {},
-		true: "_1yluz9k"
+		true: "ts2ab9"
 	} }
 });
-var input = recipeRuntime({ base: "azagx3" });
+var input = recipeRuntime({ base: "wewxr6" });
 //#endregion
 export { editor, input };

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-_0yplc22.css";
-import "./../../../../assets/Input.css.ts.vanilla-DWZDDIF8.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Input.css.ts.vanilla-DsRgxtUr.css";
 //#region src/input/Input.css.ts
-var addon = recipeRuntime({ base: [{ flex: "none" }, "lysvdm"] });
+var addon = recipeRuntime({ base: [{ flex: "none" }, "f7wl6y"] });
 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-_0yplc22.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-DhhJBec6.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-D4WYoE3Y.css";
 //#region src/input/InputControl.css.ts
 var control = recipeRuntime({
 	base: [
-		"ptdplg",
+		"_1qvh7ll",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"_3gt9iy",
-		"_8vm354"
+		"lp9oxj",
+		"h0l4vg"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_1hju0gj"]
+		xl: ["_1h5wq17"]
 	} }
 });
 //#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-_0yplc22.css";
-import "./../../../../assets/ButtonGroup.css.ts.vanilla-A3sMS8iF.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-DhhJBec6.css";
-import "./../../../../assets/InputRoot.css.ts.vanilla-EWKps0F-.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-D20kX7Jg.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-D4WYoE3Y.css";
+import "./../../../../assets/InputRoot.css.ts.vanilla-DmGTqPAU.css";
 //#region src/input/InputRoot.css.ts
-var root = recipeRuntime({ base: [{ gap: "0" }, "rkrb1e"] });
+var root = recipeRuntime({ base: [{ gap: "0" }, "ft19xn"] });
 //#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-_0yplc22.css";
-import "./../../../../assets/Kbd.css.ts.vanilla-XE-_3ZdQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Kbd.css.ts.vanilla-CHosE4g3.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"
-		}, "_113vtnm"],
+		}, "rz5lsq"],
 		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-_0yplc22.css";
-import "./../../../../assets/ButtonGroup.css.ts.vanilla-A3sMS8iF.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-W9MdFcGx.css";
-import "./../../../../assets/LabelMenuButton.css.ts.vanilla-CaZ1dRgV.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-D20kX7Jg.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-WcxvtkjC.css";
+import "./../../../../assets/LabelMenuButton.css.ts.vanilla-BDYJwaKN.css";
 //#region src/label-menu-button/LabelMenuButton.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "p4l7zs"] });
+var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_9x7xvw"] });
 var content = recipeRuntime({
 	base: [{
 		fontSize: "sm",

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

@@ -8,7 +8,7 @@ import { IconAngleDown } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 import { Label } from "@radix-ui/react-label";
 //#region src/label-menu-button/LabelMenuButton.tsx
 /**
@@ -19,8 +19,8 @@ import { Label } from "@radix-ui/react-label";
 */
 const LabelMenuButton = forwardRef(({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
 	const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
-	const labelId = useId$1();
-	const valueId = useId$1();
+	const labelId = useId();
+	const valueId = useId();
 	return /* @__PURE__ */ jsxs(ButtonRoot, {
 		"aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
 		"data-filled": filled ? "" : void 0,

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-_0yplc22.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.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.eeki7c";
-var reset = "optiaxiom._85xani";
+var components = "optiaxiom._3lsfin";
+var reset = "optiaxiom._68w9ur";
 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-_0yplc22.css";
-import "./../../../../assets/Layout.css.ts.vanilla-BPg6OKAS.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Layout.css.ts.vanilla-CaOD6hF9.css";
 //#region src/layout/Layout.css.ts
 var layout = recipeRuntime({
 	base: [{
@@ -8,10 +8,10 @@ var layout = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_11owzeh"],
+	}, "_1vqk8u3"],
 	variants: { size: {
-		full: "_97gvdu",
-		screen: "_12zi3oo"
+		full: "_1sd3lqw",
+		screen: "_1389w6i"
 	} }
 });
 //#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-_0yplc22.css";
-import "./../../../../assets/LayoutContent.css.ts.vanilla-DHCG56_m.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/LayoutContent.css.ts.vanilla-B1mJPcsH.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"
-}, "nbxrqq"] });
+}, "_12iiqf9"] });
 //#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-_0yplc22.css";
-import "./../../../../assets/Link.css.ts.vanilla-DzmId040.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Link.css.ts.vanilla-GU74OI4_.css";
 //#region src/link/Link.css.ts
 var icon = recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "_1f532sz"] });
+}, "_9xlyef"] });
 var link = recipeRuntime({
-	base: ["_1ma3jwu"],
+	base: ["_1tenvqu"],
 	variants: { appearance: {
-		"default": "qnjbzj",
-		inverse: "lmwsb0",
-		subtle: "stxud3"
+		"default": "_1yol050",
+		inverse: "_7hw5vq",
+		subtle: "_1nnwdmj"
 	} }
 });
 //#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-_0yplc22.css";
-import "./../../../../assets/Listbox.css.ts.vanilla-hELek53Q.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Listbox.css.ts.vanilla-Bu53Xq1I.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"
-}, "_1yqljv"] });
+}, "_1nouflj"] });
 //#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-_0yplc22.css";
-import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-BNFdks3B.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-DKnamlD4.css";
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_1hukmz"] });
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_55yscu"] });
 //#endregion
 export { checkbox };

package/dist/esm/packages/react/src/listbox/ListboxGroup.js

@@ -3,13 +3,13 @@ import { Box } from "../box/Box.js";
 import { ListboxGroupProvider } from "./ListboxGroupContext.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/listbox/ListboxGroup.tsx
 /**
 * @group Listbox
 */
 const ListboxGroup = forwardRef(({ children, ...props }, ref) => {
-	const groupId = useId$1();
+	const groupId = useId();
 	return /* @__PURE__ */ jsx(ListboxGroupProvider, {
 		id: groupId,
 		children: /* @__PURE__ */ jsx(Box, {

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-_0yplc22.css";
-import "./../../../../assets/ListboxItem.css.ts.vanilla-Cd6ak6__.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ListboxItem.css.ts.vanilla-HNRmtQ45.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_14t6p2u"],
+	}, "_1hm7r6o"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1vlago7"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "sitwcd"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1ltzcv1"],
+	}, "_1uf6rjq"],
 	variants: { intent: {
-		danger: "c6xq0d",
-		neutral: "_9z8ut1"
+		danger: "_10fokdk",
+		neutral: "_1hm9crp"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_1e9snk2"] });
+}, "_2j4ba3"] });
 //#endregion
 export { addon, description, item, title };

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

@@ -10,7 +10,7 @@ import { addon, description, item, title } from "./ListboxItem-css.js";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/listbox/ListboxItem.tsx
 const Slot = createSlot("@optiaxiom/react/ListboxItem");
 /**
@@ -18,8 +18,8 @@ const Slot = createSlot("@optiaxiom/react/ListboxItem");
 */
 const ListboxItem = forwardRef(({ addonAfter, addonBefore, asChild, children, className, description: description$1, icon, intent = "neutral", ...props }, ref) => {
 	const Comp = asChild ? Slot : "div";
-	const labelId = useId$1();
-	const descriptionId = useId$1();
+	const labelId = useId();
+	const descriptionId = useId();
 	return /* @__PURE__ */ jsx(Group, {
 		"aria-describedby": description$1 ? descriptionId : void 0,
 		"aria-labelledby": labelId,

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-_0yplc22.css";
-import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-BCjKKyjp.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-B6wvfzyK.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["_1l5ggpu"],
+	base: ["vbrfr0"],
 	variants: { active: {
 		false: {},
-		true: "_19ic6e2"
+		true: "_11ouw4t"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/menu/MenuDialogContent-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-_0yplc22.css";
-import "./../../../../assets/MenuDialogContent.css.ts.vanilla-Dpb_M-iQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/MenuDialogContent.css.ts.vanilla-C6EKaGuz.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "q0isj3" });
+var content = recipeRuntime({ base: "_1v2tmf8" });
 //#endregion
 export { content };

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

@@ -5,9 +5,10 @@ import { DialogHeader } from "../dialog/DialogHeader.js";
 import { useFieldContext } from "../field/FieldContext.js";
 import { useMenuContext } from "./MenuContext.js";
 import { content } from "./MenuDialogContent-css.js";
-import { forwardRef, useId } from "react";
+import { forwardRef } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "@radix-ui/react-id";
 //#region src/menu/MenuDialogContent.tsx
 const MenuDialogContent = forwardRef(({ align: _align, "aria-label": ariaLabel, children, className, minW: _minW, side: _side, sideOffset: _sideOffset, ...props }, ref) => {
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/MenuDialogContent");

package/dist/esm/packages/react/src/menu/MenuInput-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-_0yplc22.css";
-import "./../../../../assets/MenuInput.css.ts.vanilla-Ds8FuKlO.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/MenuInput.css.ts.vanilla-CQ0Y2NOC.css";
 //#region src/menu/MenuInput.css.ts
 var input = recipeRuntime({ variants: { size: {
 	sm: { m: "4" },
@@ -9,7 +9,7 @@ var input = recipeRuntime({ variants: { size: {
 		borderB: "1",
 		borderColor: "border.secondary",
 		rounded: "none"
-	}, "_1il8es3"]
+	}, "_19lz5ja"]
 } } });
 //#endregion
 export { input };

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

@@ -8,7 +8,7 @@ import { createSlot } from "@radix-ui/react-slot";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModalContext } from "@optiaxiom/globals";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 import { RemoveScroll } from "react-remove-scroll";
 //#region src/menu/MenuPopoverContent.tsx
 const Slot = createSlot("@optiaxiom/react/MenuPopoverContent");
@@ -16,7 +16,7 @@ const MenuPopoverContent = forwardRef(({ align, "aria-label": ariaLabel, childre
 	const { shardRef } = useModalContext("@optiaxiom/react/MenuPopoverContent");
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/MenuPopoverContent");
 	const { triggerRef } = useMenuContext("@optiaxiom/react/MenuPopoverContent");
-	const labelId = useId$1();
+	const labelId = useId();
 	const [resolvedAlign, setResolvedAlign] = useState(align);
 	useLayoutEffect(() => {
 		const rect = triggerRef.current?.getBoundingClientRect();

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

@@ -13,14 +13,14 @@ import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/menu/MenuSubContent.tsx
 const MenuSubContent = forwardRef(({ align = "start", side = "right", ...props }, outerRef) => {
 	const { onSelect, setFocusVisible, setOpen: setRootMenuOpen } = useMenuContext("@optiaxiom/react/MenuSubContent");
 	const { highlightedItem: item, inputValue: parentInputValue, setInputValue: setParentInputValue } = useCommandContext("@optiaxiom/react/MenuSubContent");
 	const { contentRef: parentContentRef, inputRef: parentInputRef, itemRef: parentItemRef } = useMenuSubContext("@optiaxiom/react/MenuSubContent");
 	const { open, presence } = usePopoverContext("@optiaxiom/react/MenuSubContent");
-	const labelId = useId$1();
+	const labelId = useId();
 	const ref = useComposedRefs(parentContentRef, outerRef);
 	const [inputValue, setInputValue] = useState("");
 	const options = useMemo(() => resolveItemProperty(item?.subOptions, { inputValue }) ?? [], [inputValue, item]);

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

@@ -7,7 +7,7 @@ import { useMenuContext } from "./MenuContext.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/menu/MenuTrigger.tsx
 /**
 * Trigger button for Menu component with automatic chevron icon.
@@ -26,7 +26,7 @@ const MenuTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, asChild, ch
 	const { setFocusVisible, setOpen, size, triggerRef } = useMenuContext("@optiaxiom/react/MenuTrigger");
 	const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
 	const ref = useComposedRefs(outerRef, triggerRef);
-	const id = useId$1();
+	const id = useId();
 	const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
 	return /* @__PURE__ */ jsx(Comp, {
 		"aria-labelledby": labelId,

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-_0yplc22.css";
-import "./../../../../assets/ModalListbox.css.ts.vanilla-Naou4Dto.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/ModalListbox.css.ts.vanilla-_j4Y9UJV.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1l4k62z"],
+	}, "_1hyd7co"],
 	variants: {
 		maxH: {
-			xs: "g1rmlz",
-			sm: "_7jmmki",
-			md: "ort4va",
-			lg: "_121zj4v",
+			xs: "xqhxyx",
+			sm: "_13dz54t",
+			md: "_168xcq0",
+			lg: "_1w3kr6s",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "_18v3jmn"
+			trigger: "_1pqhzx6"
 		}
 	}
 });

package/dist/esm/packages/react/src/nav/Nav-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-_0yplc22.css";
-import "./../../../../assets/Nav.css.ts.vanilla-CvGy2oZs.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/Nav.css.ts.vanilla-zP3EQXMT.css";
 //#region src/nav/Nav.css.ts
 var nav = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -10,6 +10,6 @@ var nav = recipeRuntime({ base: [{
 	overflow: "hidden",
 	pb: "8",
 	pt: "16"
-}, "_16q18jm"] });
+}, "_18cat9x"] });
 //#endregion
 export { nav };

package/dist/esm/packages/react/src/nav/NavAccountItem-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-_0yplc22.css";
-import "./../../../../assets/NavAccountItem.css.ts.vanilla-1VzZKV_o.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
+import "./../../../../assets/NavAccountItem.css.ts.vanilla-CfbW9sz4.css";
 //#region src/nav/NavAccountItem.css.ts
 var item = recipeRuntime({
 	base: {
@@ -11,8 +11,8 @@ var item = recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "xk93xx",
-		true: "tg4com"
+		false: "_10qwho8",
+		true: "rl4c2i"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/nav/NavBody-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-_0yplc22.css";
+import "./../../../../assets/layers.css.ts.vanilla-CH9zlCwB.css";
 //#region src/nav/NavBody.css.ts
 var body = recipeRuntime({
 	base: [{

package/dist/esm/packages/react/src/nav/NavGroup.js

@@ -4,14 +4,14 @@ import { Disclosure } from "../disclosure/Disclosure.js";
 import { NavGroupProvider } from "./NavGroupContext.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { useId } from "@radix-ui/react-id";
 //#region src/nav/NavGroup.tsx
 /**
 * @extends Disclosure
 * @group Sidebar
 */
 const NavGroup = forwardRef(({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
-	const groupId = useId$1();
+	const groupId = useId();
 	return /* @__PURE__ */ jsx(Group, {
 		asChild: true,
 		flexDirection: "column",