@optiaxiom/react 3.0.6 → 3.1.0

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

@@ -1,19 +1,19 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BlrEbdqw.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-mNm8XFcD.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_4vae2y"],
+	}, "a4dr4"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_6wu5lc"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1efer8n"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1p8iu9s"],
+	}, "whs4f0"],
 	variants: { intent: {
-		danger: "_14qebm4",
-		neutral: "_1p2emum"
+		danger: "tmfl9k",
+		neutral: "_1c4dseg"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "_1s7knpy"] });
+}, "_1kxs3gv"] });
 //#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/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BQfDghHy.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DDZWnFSc.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["_71pkiu"],
+	base: ["_13fq1kr"],
 	variants: { active: {
 		false: {},
-		true: "_53ubon"
+		true: "_6bcr55"
 	} }
 });
 //#endregion

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-WmqwRxnq.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-B8KZ6tDY.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "ori4ne" });
+var content = recipeRuntime({ base: "_16tqwwd" });
 //#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/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/menu/MenuInput.css.ts.vanilla-Cu9wBP7r.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/menu/MenuInput.css.ts.vanilla-Bed8974g.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"
-	}, "dbqzyn"]
+	}, "c39lqj"]
 } } });
 //#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/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/modal/ModalListbox.css.ts.vanilla--9hxO_dH.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/modal/ModalListbox.css.ts.vanilla-M-vsBw04.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1w4eacq"],
+	}, "vxpk87"],
 	variants: {
 		maxH: {
-			xs: "_8su4o4",
-			sm: "sogoj9",
-			md: "_154r8pi",
-			lg: "_1lp4n28",
+			xs: "_1s90wzp",
+			sm: "_15hr9wo",
+			md: "_1jc3rhl",
+			lg: "shmu8k",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "w1285t"
+			trigger: "_1djeh9j"
 		}
 	}
 });

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/nav/Nav.css.ts.vanilla-BraX3NFK.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/nav/Nav.css.ts.vanilla-C4Sm0NUb.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"
-}, "_1g1excq"] });
+}, "_1e5w2pf"] });
 //#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/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-w21F-yz3.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-VauEYyYK.css";
 //#region src/nav/NavAccountItem.css.ts
 var item = recipeRuntime({
 	base: {
@@ -11,8 +11,8 @@ var item = recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "naiwlt",
-		true: "_1vyk6rf"
+		false: "dhddyq",
+		true: "v8d59z"
 	} }
 });
 //#endregion

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

@@ -1,5 +1,5 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.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/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BXZhX-fP.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DigSS6eO.css";
-import "./../../../../assets/src/nav/NavItem.css.ts.vanilla-DQszJnxD.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-NQtyv2df.css";
+import "./../../../../assets/src/nav/NavItem.css.ts.vanilla-C_sppzlq.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"
-}, "_1lw2w29"] });
+}, "_1y66gq6"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_2o0kem"],
+	}, "_19knboo"],
 	variants: { expanded: {
-		false: "_1pirrz3",
-		true: "_3hcr28"
+		false: "_1gv81tp",
+		true: "frc80v"
 	} }
 });
 //#endregion

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

@@ -1,18 +1,18 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/pagination/Pagination.css.ts.vanilla-wWkllbEh.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/pagination/Pagination.css.ts.vanilla-C3mpqVen.css";
 //#region src/pagination/Pagination.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_1j29u4u"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_18bqew7"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "g0bqgh"],
+	}, "_1b3liuv"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "qls7h0"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "qlqu1k"] });
 //#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/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
 //#region src/paper/Paper.css.ts
 var paper = recipeRuntime({
 	base: {

package/dist/esm/packages/react/src/pill/Pill-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/pill/Pill.css.ts.vanilla-CSaISEJm.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/pill/Pill.css.ts.vanilla-UkBWc25-.css";
 //#region src/pill/Pill.css.ts
 var pill = recipeRuntime({
 	base: [{
@@ -15,11 +15,11 @@ var pill = recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1mqpcb4"],
+	}, "_122sp3k"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_150bfwd"
+			true: "pe3pia"
 		},
 		size: {
 			xs: { h: "xs" },

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

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-C4qv25YY.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-BzlxP5Zh.css";
 //#region src/pill-menu/PillMenuTrigger.css.ts
 var root = recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_3ker8a"],
+	}, "_12ydpbo"],
 	variants: { size: {
-		md: "fuaqig",
-		lg: "_1ibi4qo"
+		md: "_11k2359",
+		lg: "kdt3zf"
 	} }
 });
 var trigger = recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "_1a2onea"] });
-var wrapper = recipeRuntime({ base: "_1ikv6za" });
+}, "_1ge95lf"] });
+var wrapper = recipeRuntime({ base: "uvyy81" });
 //#endregion
 export { root, trigger, wrapper };

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/progress/Progress.css.ts.vanilla-B3MDMoKO.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/progress/Progress.css.ts.vanilla-CsiIY0Dj.css";
 //#region src/progress/Progress.css.ts
 var indicator = recipeRuntime({
 	base: [{
@@ -9,16 +9,24 @@ var indicator = recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: { bg: "bg.error" },
-		opal: "_35h5af",
-		primary: { bg: "bg.accent" },
-		success: { bg: "bg.success" }
-	} }
+		danger: "_12dzzkn",
+		opal: {},
+		primary: {},
+		success: {}
+	} },
+	variantsCompounded: [{
+		style: "cvg204",
+		variants: { intent: [
+			"opal",
+			"primary",
+			"success"
+		] }
+	}]
 });
 var progress = recipeRuntime({ base: [{
-	bg: "bg.tertiary",
+	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "_1u3r2wc"] });
+}, "_16y2uwl"] });
 //#endregion
 export { indicator, progress };

package/dist/esm/packages/react/src/radio/Radio-css.js

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BXZhX-fP.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DK2M4Rtg.css";
-import "./../../../../assets/src/radio/Radio.css.ts.vanilla-BGrfPTHS.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-lXntTAoS.css";
+import "./../../../../assets/src/radio/Radio.css.ts.vanilla-BvmavuQo.css";
 //#region src/radio/Radio.css.ts
 var control = recipeRuntime({
 	base: [{
@@ -10,17 +10,17 @@ var control = recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "_1g5k1mu"],
+	}, "_1qsfw36"],
 	variants: { shift: {
 		false: {},
-		true: "_1y740gy"
+		true: "il3jz3"
 	} }
 });
 var indicator = recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "_1igukz5"] });
-var input = recipeRuntime({ base: "_12ytjf5" });
-var radio = recipeRuntime({ base: "_1lxmnvs" });
+}, "_1g4i5u1"] });
+var input = recipeRuntime({ base: "rs2z3g" });
+var radio = recipeRuntime({ base: "x54swr" });
 //#endregion
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/range/Range-css.js

@@ -1,24 +1,24 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/range/Range.css.ts.vanilla-Clx4V66j.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/range/Range.css.ts.vanilla-DPgHedkS.css";
 //#region src/range/Range.css.ts
-var control = recipeRuntime({ base: [{ bg: "transparent" }, "itfw4n"] });
-var fillValue = "var(--ru6gvq)";
+var control = recipeRuntime({ base: [{ bg: "transparent" }, "_1boyucy"] });
+var fillValue = "var(--_1v7muiq)";
 var mark = recipeRuntime({
-	base: [{ transition: "colors" }, "_9xv18"],
+	base: [{ transition: "colors" }, "kado2y"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--smgnod)";
+var markValue = "var(--_72v1i3)";
 var range = recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "e9d4xx"] });
+}, "_140loti"] });
 var root = recipeRuntime({
 	base: [
-		"s902b0",
+		"_1dqj73e",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -26,7 +26,7 @@ var root = recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_1byru38"
+		"_1551ctn"
 	],
 	variants: {
 		marks: {
@@ -44,11 +44,11 @@ var thumb = recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "rrf0dj"] });
+}, "_1of0q3d"] });
 var track = recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "_12c6z2j"] });
+}, "_1p6ncz8"] });
 //#endregion
 export { control, fillValue, mark, markValue, range, root, thumb, track };

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,19 +1,19 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CvttEMXi.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BLL8D_sc.css";
 //#region src/resizable/ResizableHandle.css.ts
 var handle = recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_1mpi9cy"] });
+}, "_17tfqjm"] });
 var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "ncumyv"] });
+}, "o8mpzy"] });
 //#endregion
 export { handle, root };

package/dist/esm/packages/react/src/rich-text-editor/RichTextEditor-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-6uJ1UWBv.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-B8c8Iagt.css";
 //#region src/rich-text-editor/RichTextEditor.css.ts
 var editor = recipeRuntime({ base: [
 	{
@@ -10,8 +10,8 @@ var editor = recipeRuntime({ base: [
 		flexDirection: "column",
 		rounded: "md"
 	},
-	"_1saxve9",
-	"_1mmj0c"
+	"_1wp79t9",
+	"gxexim"
 ] });
 var toolbar = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -20,6 +20,6 @@ var toolbar = recipeRuntime({ base: [{
 	gap: "2",
 	px: "8",
 	py: "6"
-}, "_1o7hue4"] });
+}, "_1cfyff1"] });
 //#endregion
 export { editor, toolbar };

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

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-B2X8nr5D.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-TilVFauG.css";
 //#region src/search-input/SearchInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_1j8zyal"] });
-var input = recipeRuntime({ base: "o8zxg5" });
-var search = recipeRuntime({ base: "u51zla" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "u12nqh"] });
+var input = recipeRuntime({ base: "_1a2psxq" });
+var search = recipeRuntime({ base: "_1qrwqsb" });
 //#endregion
 export { clear, input, search };

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,7 +1,7 @@
 import { createSprinkles } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js";
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/separator/Separator.css.ts.vanilla-gvF5fBn7.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/separator/Separator.css.ts.vanilla-70tEO2uF.css";
 //#region src/separator/Separator.css.ts
 var base = recipeRuntime({ base: { borderColor: "border.secondary" } });
 var separator = createSprinkles(function() {
@@ -23,19 +23,19 @@ var separator = createSprinkles(function() {
 			values: {
 				horizontal: {
 					conditions: {
-						sm: "qbykzy",
-						md: "wypimg",
-						base: "_1n3jfnk"
+						sm: "_9bf5x5",
+						md: "_28qjju",
+						base: "_1q20ieb"
 					},
-					defaultClass: "_1n3jfnk"
+					defaultClass: "_1q20ieb"
 				},
 				vertical: {
 					conditions: {
-						sm: "_1oqx3nr",
-						md: "_5iz1cg",
-						base: "_1k8rar0"
+						sm: "_1tb2lhl",
+						md: "_17il2at",
+						base: "_1e6b0u7"
 					},
-					defaultClass: "_1k8rar0"
+					defaultClass: "_1e6b0u7"
 				}
 			},
 			responsiveArray: void 0

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DRYHwi2P.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DkOU_t5T.css";
 //#region src/skeleton/Skeleton.css.ts
 var skeleton = recipeRuntime({ base: [{
 	animation: "pulse",
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_1v3yrc8"] });
+}, "_9kqm3v"] });
 //#endregion
 export { skeleton };

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-BSz-8Rzg.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-B7gg0uaZ.css";
 //#region src/sortable/SortableHandle.css.ts
-var handle = recipeRuntime({ base: "_784bxq" });
+var handle = recipeRuntime({ base: "_1lmceuf" });
 //#endregion
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-m06CMcIv.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-CVdp75O_.css";
 //#region src/sortable/SortableItem.css.ts
 var item = recipeRuntime({
-	base: "_1lvmhrr",
+	base: "_1gm4k0a",
 	variants: { handle: {
 		false: {},
-		true: "_1feovgr"
+		true: "_16remht"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BJnC5dJ_.css";
-import "./../../../../assets/src/spinner/Spinner.css.ts.vanilla-B5a8Dz-4.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
+import "./../../../../assets/src/spinner/Spinner.css.ts.vanilla-tRMRrDHV.css";
 //#region src/spinner/Spinner.css.ts
 var track = recipeRuntime({ variants: { appearance: {
-	"default": "_1tnh3d5",
-	inverse: "sfq4iv"
+	"default": "_1ww0p8p",
+	inverse: "_1qeoy1e"
 } } });
 //#endregion
 export { track };

package/dist/esm/packages/react/src/spinner/Spinner.js

@@ -6,6 +6,7 @@ import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/spinner/Spinner.tsx
 const mapAppearanceToFg = {
+	current: "current",
 	default: "fg.spinner.default",
 	inverse: "fg.spinner.inverse"
 };
@@ -38,7 +39,7 @@ const Spinner = forwardRef(({ alignItems = "center", appearance = "default", "ar
 				xmlns: "http://www.w3.org/2000/svg",
 				children: [/* @__PURE__ */ jsx(Box, {
 					asChild: true,
-					...track({ appearance }),
+					...track({ appearance: appearance === "current" ? "default" : appearance }),
 					children: /* @__PURE__ */ jsx("circle", {
 						cx: "8",
 						cy: "8",