@optiaxiom/react 3.2.0 → 3.3.0

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-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": "_1mt84s0",
-			"2": "c8d9h3",
-			"3": "_85bd82",
-			"4": "_1ubrgu2"
+			"1": "_1c65m7k",
+			"2": "ug2cf7",
+			"3": "_1e8c3ci",
+			"4": "_13b9lrm"
 		},
 		tracking: {
-			wide: "e3knab",
-			wider: "_4uahbd",
-			widest: "_1ol892c"
+			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-BdZnAqgW.css";
-import "./../../../../assets/Highlight.css.ts.vanilla-CQk4lH7z.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: "_8ld0gd" });
+var mark = recipeRuntime({ base: "_1hqqkg8" });
 //#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-DD7saQYy.css";
+import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-D55nVtXG.css";
 //#region src/hover-card/HoverCardTrigger.css.ts
-var trigger = recipeRuntime({ base: "f5gs57" });
+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-BdZnAqgW.css";
-import "./../../../../assets/Icon.css.ts.vanilla-CFXDBHAt.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" }, "_5c5fwl"] });
+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-BdZnAqgW.css";
-import "./../../../../assets/Indicator.css.ts.vanilla-D_EJt1_X.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: "_1ftl1tt",
+	base: "_13ca5td",
 	variants: {
 		offset: {
 			false: {
@@ -13,7 +13,7 @@ var badge = recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "_3c6sya"]
+			}, "_1vv2b49"]
 		},
 		ping: {
 			false: {},
@@ -21,7 +21,7 @@ var badge = recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_134tlkp"]
+			}, "yvpj01"]
 		}
 	}
 });
@@ -30,15 +30,15 @@ var floating = recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "pett48"],
+	}, "m8lexj"],
 	variants: {
 		offset: {
-			false: "ps9y7o",
+			false: "_10kyhwd",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_1gtckrc",
-			"top-right": "_1qgeo65"
+			"bottom-right": "j6ezxm",
+			"top-right": "_21r128"
 		}
 	}
 });
@@ -46,6 +46,6 @@ var indicator = recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "_19yrcm2"] });
+}, "_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-BdZnAqgW.css";
-import "./../../../../assets/InlineInput.css.ts.vanilla-CqOnf3o-.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: "l5pkfs",
+	base: "_1kzy507",
 	variants: { empty: {
 		false: {},
-		true: "y7iwyk"
+		true: "drr2ne"
 	} }
 });
-var input = recipeRuntime({ base: "_115c60s" });
+var input = recipeRuntime({ base: "soq9dg" });
 //#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-DD7saQYy.css";
+import "./../../../../assets/Input.css.ts.vanilla-DlddNyuc.css";
 //#region src/input/Input.css.ts
-var addon = recipeRuntime({ base: [{ flex: "none" }, "mv0js4"] });
+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-BdZnAqgW.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-CIr6J7GQ.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: [
-		"_3x3em3",
+		"hz0tex",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"kxhlko",
-		"_1debtbh"
+		"_174easr",
+		"r9r6x2"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_1dpvrx8"]
+		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-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-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" }, "_10imxqb"] });
+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-BdZnAqgW.css";
-import "./../../../../assets/Kbd.css.ts.vanilla-glxPJ069.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"
-		}, "hxeflh"],
+		}, "_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-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-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" }, "_1y5z39f"] });
+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-BdZnAqgW.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.wxbe8u";
-var reset = "optiaxiom._1b30zdq";
+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-BdZnAqgW.css";
-import "./../../../../assets/Layout.css.ts.vanilla-ChSepXO6.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"
-	}, "_1cx2epu"],
+	}, "_16mwmny"],
 	variants: { size: {
-		full: "_14pbe29",
-		screen: "_18k35xe"
+		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-BdZnAqgW.css";
-import "./../../../../assets/LayoutContent.css.ts.vanilla-Cx9QsjTd.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"
-}, "_1f6c3tk"] });
+}, "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-BdZnAqgW.css";
-import "./../../../../assets/Link.css.ts.vanilla-DRvYU4Tr.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"
-}, "_1br0gnp"] });
+}, "uitmf8"] });
 var link = recipeRuntime({
-	base: ["smxmk3"],
+	base: ["_1smuxfi"],
 	variants: { appearance: {
-		"default": "_1m65x14",
-		inverse: "pthxp2",
-		subtle: "_1m0tul3"
+		"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-BdZnAqgW.css";
-import "./../../../../assets/Listbox.css.ts.vanilla-CoUdjXRd.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"
-}, "_1s3i3re"] });
+}, "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-BdZnAqgW.css";
-import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-Ct_sDcwB.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" }, "ydrz6u"] });
+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-BdZnAqgW.css";
-import "./../../../../assets/ListboxItem.css.ts.vanilla-eCBpBUkh.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"
-	}, "_16v3z47"],
+	}, "_1g7z51h"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1b4yna1"] });
+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"
-	}, "_1t3lpkp"],
+	}, "bkn731"],
 	variants: { intent: {
-		danger: "jnt321",
-		neutral: "_1ly0ilp"
+		danger: "_1lkuccb",
+		neutral: "_1oif9kb"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "e1fg3u"] });
+}, "_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-BdZnAqgW.css";
-import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-BONsL39n.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: ["_81ykxs"],
+	base: ["_6njlhq"],
 	variants: { active: {
 		false: {},
-		true: "_1h89ip5"
+		true: "_1vrqqsm"
 	} }
 });
 //#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-DD7saQYy.css";
+import "./../../../../assets/MenuDialogContent.css.ts.vanilla-C21rg7VS.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "_1buqnvc" });
+var content = recipeRuntime({ base: "_68xliv" });
 //#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-DD7saQYy.css";
+import "./../../../../assets/MenuInput.css.ts.vanilla-CSEJK8mZ.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"]
+	}, "_1gjkzmy"]
 } } });
 //#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-DD7saQYy.css";
+import "./../../../../assets/ModalListbox.css.ts.vanilla-DKaUUdlS.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1qplo15"],
+	}, "cy2q9q"],
 	variants: {
 		maxH: {
-			xs: "_1u71jv2",
-			sm: "_16vpmfg",
-			md: "ozmv90",
-			lg: "_6xg1p4",
+			xs: "_10ee4qq",
+			sm: "_12f4b8e",
+			md: "_1x9f4xf",
+			lg: "kg7tn3",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "zsr8mb"
+			trigger: "n0gy4o"
 		}
 	}
 });

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-DD7saQYy.css";
+import "./../../../../assets/Nav.css.ts.vanilla-CCyXj7uL.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"] });
+}, "_1ippx1m"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/NavAccountItem.css.ts.vanilla-B7VVb8Q2.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/NavAccountItem.css.ts.vanilla-CQcCx6Iq.css";
 //#region src/nav/NavAccountItem.css.ts
 var item = recipeRuntime({
 	base: {
@@ -11,8 +11,8 @@ var item = recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "_8silba",
-		true: "_1sxls0i"
+		false: "nzh0fg",
+		true: "cn9sw2"
 	} }
 });
 //#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-BdZnAqgW.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
 //#region src/nav/NavBody.css.ts
 var body = recipeRuntime({
 	base: [{

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

@@ -1,8 +1,8 @@
 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/NavItem.css.ts.vanilla-D2NcMkkn.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/NavItem.css.ts.vanilla-_fxa-aAZ.css";
 //#region src/nav/NavItem.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -14,7 +14,7 @@ var item = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	transition: "colors"
-}, "_1c9sib0"] });
+}, "d8q4kb"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_1pq6rq5"],
+	}, "_1drudgm"],
 	variants: { expanded: {
-		false: "_1d60gac",
-		true: "xxrsqp"
+		false: "nwf3bt",
+		true: "_1lk28td"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/pagination/Pagination-css.js

@@ -1,18 +1,18 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/Pagination.css.ts.vanilla-Cud3m0qu.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Pagination.css.ts.vanilla-Cp3DC_nE.css";
 //#region src/pagination/Pagination.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_14whw3n"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_1t42fzp"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "q992o5"],
+	}, "_1knkeff"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "tp0pk1"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "_31ym1c"] });
 //#endregion
 export { button, cursor, list };

package/dist/esm/packages/react/src/paper/Paper-css.js

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BdZnAqgW.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
 //#region src/paper/Paper.css.ts
 var paper = recipeRuntime({
 	base: {