@optiaxiom/react 3.2.0 → 3.4.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-BdZnAqgW.css";
-import "./../../../../assets/DisclosureTrigger.css.ts.vanilla-RSVhrqC6.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/DisclosureTrigger.css.ts.vanilla-IitVs4HU.css";
 //#region src/disclosure/DisclosureTrigger.css.ts
 var icon = recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "_1n9a867"] });
+}, "_1gbnagg"] });
 var root = recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "o2lwrm"] });
+}, "y7klxj"] });
 var trigger = recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
@@ -20,6 +20,6 @@ var trigger = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "ixb5sg"] });
+}, "_1i2pkaj"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/FileUpload.css.ts.vanilla-CDg5sHVM.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/FileUpload.css.ts.vanilla-C1RMHTeX.css";
 //#region src/file-upload/FileUpload.css.ts
 var upload = recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_1dmi7g5"] });
+}, "yiq5xj"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/FileUploadDropzone.css.ts.vanilla-CWzjokUm.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/FileUploadDropzone.css.ts.vanilla-F1PemZXk.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"
-	}, "_1w60uix"],
+	}, "jzt0br"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1tpugki"]
+			true: ["_1dumri"]
 		},
 		hidden: {
-			false: "jm5sig",
-			true: "_10a6tfy"
+			false: "_7kijfh",
+			true: "qjj1hb"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "s1o29w"]
+			true: [{ z: "10" }, "rpql5m"]
 		}
 	}
 });
@@ -37,7 +37,7 @@ var label = recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "s6ks9e"
+		true: "_1np6rx5"
 	} }
 });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/FileUploadListItem.css.ts.vanilla-D31VVWRN.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/FileUploadListItem.css.ts.vanilla-Up0e_80E.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"
-}, "mysfyr"] });
+}, "_4144hp"] });
 var name = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_7y2bq2"] });
+}, "_1clw907"] });
 //#endregion
 export { item, name };

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-BdZnAqgW.css";
-import "./../../../../assets/Heading.css.ts.vanilla-CbIj4nf4.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Heading.css.ts.vanilla-Cot2Fmr8.css";
 //#region src/heading/Heading.css.ts
 var heading = recipeRuntime({
 	base: { fontFamily: "heading" },
 	variants: {
 		level: {
-			"1": "_1mt84s0",
-			"2": "c8d9h3",
-			"3": "_85bd82",
-			"4": "_1ubrgu2"
+			"1": "yp20hn",
+			"2": "_15sq2yu",
+			"3": "jtvs6j",
+			"4": "_6dgzi"
 		},
 		tracking: {
-			wide: "e3knab",
-			wider: "_4uahbd",
-			widest: "_1ol892c"
+			wide: "mqfcjk",
+			wider: "_1yf3ia7",
+			widest: "_1jccinj"
 		}
 	}
 });

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-BdZnAqgW.css";
-import "./../../../../assets/Highlight.css.ts.vanilla-CQk4lH7z.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Highlight.css.ts.vanilla-BtFQmhk5.css";
 //#region src/highlight/Highlight.css.ts
-var mark = recipeRuntime({ base: "_8ld0gd" });
+var mark = recipeRuntime({ base: "ur9vd1" });
 //#endregion
 export { mark };

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-BdZnAqgW.css";
-import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-Ba0N1zLm.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-BYj_GavM.css";
 //#region src/hover-card/HoverCardTrigger.css.ts
-var trigger = recipeRuntime({ base: "f5gs57" });
+var trigger = recipeRuntime({ base: "_3ajwwj" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Icon.css.ts.vanilla-CFXDBHAt.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Icon.css.ts.vanilla-BmATYypG.css";
 //#region src/icon/Icon.css.ts
-var icon = recipeRuntime({ base: [{ flex: "none" }, "_5c5fwl"] });
+var icon = recipeRuntime({ base: [{ flex: "none" }, "fx0ogf"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Indicator.css.ts.vanilla-D_EJt1_X.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Indicator.css.ts.vanilla-_7r2Iy8M.css";
 //#region src/indicator/Indicator.css.ts
 var badge = recipeRuntime({
-	base: "_1ftl1tt",
+	base: "y2ie5i",
 	variants: {
 		offset: {
 			false: {
@@ -13,7 +13,7 @@ var badge = recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "_3c6sya"]
+			}, "_6oukxf"]
 		},
 		ping: {
 			false: {},
@@ -21,7 +21,7 @@ var badge = recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_134tlkp"]
+			}, "_1g4u352"]
 		}
 	}
 });
@@ -30,15 +30,15 @@ var floating = recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "pett48"],
+	}, "p1yikk"],
 	variants: {
 		offset: {
-			false: "ps9y7o",
+			false: "c96evo",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_1gtckrc",
-			"top-right": "_1qgeo65"
+			"bottom-right": "_1c1zx6v",
+			"top-right": "t44xhv"
 		}
 	}
 });
@@ -46,6 +46,6 @@ var indicator = recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "_19yrcm2"] });
+}, "_1ys5zm5"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/InlineInput.css.ts.vanilla-CqOnf3o-.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/InlineInput.css.ts.vanilla-BhX3faK3.css";
 //#region src/inline-input/InlineInput.css.ts
 var editor = recipeRuntime({
-	base: "l5pkfs",
+	base: "_5sf9g",
 	variants: { empty: {
 		false: {},
-		true: "y7iwyk"
+		true: "_1zpq2h"
 	} }
 });
-var input = recipeRuntime({ base: "_115c60s" });
+var input = recipeRuntime({ base: "duvw5f" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Input.css.ts.vanilla-C5lX5t3v.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Input.css.ts.vanilla-Daq0JfML.css";
 //#region src/input/Input.css.ts
-var addon = recipeRuntime({ base: [{ flex: "none" }, "mv0js4"] });
+var addon = recipeRuntime({ base: [{ flex: "none" }, "_1twqudf"] });
 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-BdZnAqgW.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-CIr6J7GQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-CyiU-Z3F.css";
 //#region src/input/InputControl.css.ts
 var control = recipeRuntime({
 	base: [
-		"_3x3em3",
+		"zayff5",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"kxhlko",
-		"_1debtbh"
+		"_2ecy7l",
+		"_1swfrpt"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_1dpvrx8"]
+		xl: ["_1fuobfb"]
 	} }
 });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-CIr6J7GQ.css";
-import "./../../../../assets/InputRoot.css.ts.vanilla-BU7o0G50.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-CyiU-Z3F.css";
+import "./../../../../assets/InputRoot.css.ts.vanilla-B33lqsZM.css";
 //#region src/input/InputRoot.css.ts
-var root = recipeRuntime({ base: [{ gap: "0" }, "_10imxqb"] });
+var root = recipeRuntime({ base: [{ gap: "0" }, "_11qyoi1"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Kbd.css.ts.vanilla-glxPJ069.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Kbd.css.ts.vanilla-nlvS-WW2.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"
-		}, "hxeflh"],
+		}, "_11q0h2m"],
 		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-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-CcyfuSJA.css";
-import "./../../../../assets/LabelMenuButton.css.ts.vanilla-Bzo4R65q.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/LabelMenuButton.css.ts.vanilla-tgFhyLYp.css";
 //#region src/label-menu-button/LabelMenuButton.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1y5z39f"] });
+var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1ckdsto"] });
 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-BdZnAqgW.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.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.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/src/layout/Layout-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Layout.css.ts.vanilla-ChSepXO6.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Layout.css.ts.vanilla-EiDDOMW_.css";
 //#region src/layout/Layout.css.ts
 var layout = recipeRuntime({
 	base: [{
@@ -8,10 +8,10 @@ var layout = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		fontSize: "md"
-	}, "_1cx2epu"],
+	}, "k8hcjx"],
 	variants: { size: {
-		full: "_14pbe29",
-		screen: "_18k35xe"
+		full: "_1wfxm87",
+		screen: "_1hpyv84"
 	} }
 });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/LayoutContent.css.ts.vanilla-Cx9QsjTd.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/LayoutContent.css.ts.vanilla-DHFbUn-L.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"
-}, "_1f6c3tk"] });
+}, "fu9w0e"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Link.css.ts.vanilla-DRvYU4Tr.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Link.css.ts.vanilla-B7Z78rg7.css";
 //#region src/link/Link.css.ts
 var icon = recipeRuntime({ base: [{
 	display: "inline-flex",
 	ml: "4"
-}, "_1br0gnp"] });
+}, "_2ajdad"] });
 var link = recipeRuntime({
-	base: ["smxmk3"],
+	base: ["_1cps0i6"],
 	variants: { appearance: {
-		"default": "_1m65x14",
-		inverse: "pthxp2",
-		subtle: "_1m0tul3"
+		"default": "mm3cf8",
+		inverse: "_1wukriq",
+		subtle: "_1alok92"
 	} }
 });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Listbox.css.ts.vanilla-CoUdjXRd.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Listbox.css.ts.vanilla-CUpAHaYD.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"
-}, "_1s3i3re"] });
+}, "jr2yul"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-Ct_sDcwB.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-CqJ9EMi-.css";
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "ydrz6u"] });
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "evyojy"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/ListboxItem.css.ts.vanilla-eCBpBUkh.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ListboxItem.css.ts.vanilla-GQ2OoOcN.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_16v3z47"],
+	}, "_1dldlry"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1b4yna1"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1uoj17a"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1t3lpkp"],
+	}, "njlgb0"],
 	variants: { intent: {
-		danger: "jnt321",
-		neutral: "_1ly0ilp"
+		danger: "dkfsup",
+		neutral: "s11dto"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "e1fg3u"] });
+}, "hke5ab"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-BONsL39n.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-CgEmFTfs.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["_81ykxs"],
+	base: ["_14anft1"],
 	variants: { active: {
 		false: {},
-		true: "_1h89ip5"
+		true: "_5f63sg"
 	} }
 });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/MenuDialogContent.css.ts.vanilla-V07WJSjR.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/MenuDialogContent.css.ts.vanilla-BnrcIo3H.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "_1buqnvc" });
+var content = recipeRuntime({ base: "z3zmqu" });
 //#endregion
 export { content };

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-BdZnAqgW.css";
-import "./../../../../assets/MenuInput.css.ts.vanilla-mOiTC3w9.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/MenuInput.css.ts.vanilla-CXyZ30Uv.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"
-	}, "fa99zs"]
+	}, "_1dr8qvc"]
 } } });
 //#endregion
 export { input };

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-BdZnAqgW.css";
-import "./../../../../assets/ModalListbox.css.ts.vanilla-D8HT40yu.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ModalListbox.css.ts.vanilla-BVBSvOEF.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1qplo15"],
+	}, "_1q044wk"],
 	variants: {
 		maxH: {
-			xs: "_1u71jv2",
-			sm: "_16vpmfg",
-			md: "ozmv90",
-			lg: "_6xg1p4",
+			xs: "cctur4",
+			sm: "wnxn0g",
+			md: "mrw0e9",
+			lg: "kbjc0h",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "zsr8mb"
+			trigger: "_1bsl08e"
 		}
 	}
 });

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-BdZnAqgW.css";
-import "./../../../../assets/Nav.css.ts.vanilla-CW6ooWfW.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Nav.css.ts.vanilla-CRHWxRDg.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"
-}, "_18nqr5h"] });
+}, "_12zf0xp"] });
 //#endregion
 export { nav };