@optiaxiom/react 3.1.3 → 3.1.5

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-4x0EqNnb.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/ListboxCheckboxItem.css.ts.vanilla-CbjVdfPl.css";
 //#region src/listbox/ListboxCheckboxItem.css.ts
-var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "d3gh7g"] });
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_1j177ir"] });
 //#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/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
-import "./../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BNyDj7xv.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/ListboxItem.css.ts.vanilla-RmMVwA2V.css";
 //#region src/listbox/ListboxItem.css.ts
 var addon = recipeRuntime({
 	base: [{
 		alignItems: "center",
 		display: "flex",
 		gap: "8"
-	}, "_1lbu736"],
+	}, "_1de9dt2"],
 	variants: { slot: {
 		after: { ml: "8" },
 		before: {}
 	} }
 });
-var description = recipeRuntime({ base: [{ fontSize: "sm" }, "hihspz"] });
+var description = recipeRuntime({ base: [{ fontSize: "sm" }, "_1vgmfse"] });
 var item = recipeRuntime({
 	base: [{
 		alignItems: "start",
@@ -22,15 +22,15 @@ var item = recipeRuntime({
 		p: "8",
 		rounded: "sm",
 		transition: "colors"
-	}, "_1hl65l5"],
+	}, "_1iovme8"],
 	variants: { intent: {
-		danger: "_177j16d",
-		neutral: "_1044ge9"
+		danger: "_12gjvcx",
+		neutral: "_17drjaq"
 	} }
 });
 var title = recipeRuntime({ base: [{
 	alignItems: "center",
 	gap: "8"
-}, "s57yil"] });
+}, "_2hrf34"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-9iOVE9Rs.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/ListboxItemIndicator.css.ts.vanilla-Bv6iS_ke.css";
 //#region src/listbox/ListboxItemIndicator.css.ts
 var indicator = recipeRuntime({
-	base: ["glydix"],
+	base: ["_4by9wt"],
 	variants: { active: {
 		false: {},
-		true: "iuwgaw"
+		true: "b93v6q"
 	} }
 });
 //#endregion

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

@@ -1,5 +1,5 @@
 "use client";
-import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { useEvent } from "../hooks/useEvent.js";
 import { Listbox } from "./Listbox.js";
 import { ListboxItem } from "./ListboxItem.js";
 import { ListboxEmpty } from "./ListboxEmpty.js";
@@ -13,7 +13,7 @@ const VIRTUALIZE_THRESHOLD = 50;
 * @group Listbox
 */
 const ListboxItemized = forwardRef(({ children, empty = "No results found.", highlightedItem, items, itemToKey, loading, onPlacedChange, ...props }, ref) => {
-	const onPlacedChangeStable = useEffectEvent(onPlacedChange ?? (() => {}));
+	const onPlacedChangeStable = useEvent(onPlacedChange ?? (() => {}));
 	useEffect(() => {
 		/**
 		* We wait for first paint to render the menu and then another paint for
@@ -22,7 +22,7 @@ const ListboxItemized = forwardRef(({ children, empty = "No results found.", hig
 		*/
 		requestAnimationFrame(() => requestAnimationFrame(() => onPlacedChangeStable(true)));
 		return () => onPlacedChangeStable(false);
-	}, []);
+	}, [onPlacedChangeStable]);
 	return /* @__PURE__ */ jsx(Listbox, {
 		asChild: typeof children === "function" && items.length > VIRTUALIZE_THRESHOLD,
 		ref,

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-BEh1Y_X9.css";
-import "./../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-asUo3pHL.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/MenuDialogContent.css.ts.vanilla-BTD1EX_J.css";
 //#region src/menu/MenuDialogContent.css.ts
-var content = recipeRuntime({ base: "_1rfonrv" });
+var content = recipeRuntime({ base: "qfgydj" });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/menu/MenuInput.css.ts.vanilla-PvUbwfsL.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/MenuInput.css.ts.vanilla-ee1ubd8A.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"
-	}, "jvwkf4"]
+	}, "_18qklp8"]
 } } });
 //#endregion
 export { input };

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

@@ -20,7 +20,10 @@ const MenuPopoverContent = forwardRef(({ align, "aria-label": ariaLabel, childre
 	const [resolvedAlign, setResolvedAlign] = useState(align);
 	useLayoutEffect(() => {
 		const rect = triggerRef.current?.getBoundingClientRect();
-		if (rect) setResolvedAlign(rect.left + rect.width / 2 > window.innerWidth * .75 ? "end" : "start");
+		if (rect) {
+			const center = rect.left + rect.width / 2;
+			setResolvedAlign(center > window.innerWidth * .75 ? "end" : "start");
+		}
 	}, [align, triggerRef]);
 	const content = /* @__PURE__ */ jsxs(PopoverContent, {
 		align: align ?? resolvedAlign,

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-BEh1Y_X9.css";
-import "./../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BG_T4PQE.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/ModalListbox.css.ts.vanilla-BUr7lFa1.css";
 //#region src/modal/ModalListbox.css.ts
 var listbox = recipeRuntime({
 	base: [{
 		maxW: "xs",
 		p: "4"
-	}, "_1cqm246"],
+	}, "_1kyxvho"],
 	variants: {
 		maxH: {
-			xs: "_1fjtwd3",
-			sm: "_1w3iaob",
-			md: "e1dknn",
-			lg: "_4exojk",
+			xs: "_1jfqndf",
+			sm: "_35rzwq",
+			md: "_1dno5pz",
+			lg: "_1hw28pg",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "_1yj0jc8"
+			trigger: "_1gnrvk5"
 		}
 	}
 });

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-BEh1Y_X9.css";
-import "./../../../../assets/src/nav/Nav.css.ts.vanilla-DGsRtLtF.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Nav.css.ts.vanilla-DCMmtu3i.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"
-}, "_1f3vb51"] });
+}, "p4dzh6"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-uh9x2jlM.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/NavAccountItem.css.ts.vanilla-L8zTj8n5.css";
 //#region src/nav/NavAccountItem.css.ts
 var item = recipeRuntime({
 	base: {
@@ -11,8 +11,8 @@ var item = recipeRuntime({
 		transition: "opacity"
 	},
 	variants: { expanded: {
-		false: "_1szdfk8",
-		true: "n71pae"
+		false: "_1rryhlz",
+		true: "_1hcbk4x"
 	} }
 });
 //#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-BEh1Y_X9.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.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-BEh1Y_X9.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BGcUazpt.css";
-import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-DD7nw0Ji.css";
-import "./../../../../assets/src/nav/NavItem.css.ts.vanilla-CRXF_YiG.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DialogBody.css.ts.vanilla-DCyZ5u-X.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-iC8_0ZnM.css";
+import "./../../../../assets/NavItem.css.ts.vanilla-BwSgYlHz.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"
-}, "_1emp6ys"] });
+}, "sz5hjp"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_16gh66s"],
+	}, "_1yqey7q"],
 	variants: { expanded: {
-		false: "uedq3k",
-		true: "_1xa6870"
+		false: "_1wbe3ye",
+		true: "v9bh7f"
 	} }
 });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/pagination/Pagination.css.ts.vanilla-BkJHEmfD.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Pagination.css.ts.vanilla-DWt32Cc-.css";
 //#region src/pagination/Pagination.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_11dlfgg"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "owb2wt"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "_1vurus2"],
+	}, "orailu"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "vt5bmb"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "_1ob7v21"] });
 //#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-BEh1Y_X9.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.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-BEh1Y_X9.css";
-import "./../../../../assets/src/pill/Pill.css.ts.vanilla-DDz8o0X6.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Pill.css.ts.vanilla-GTdlaGgT.css";
 //#region src/pill/Pill.css.ts
 var pill = recipeRuntime({
 	base: [{
@@ -15,11 +15,11 @@ var pill = recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_1d5gqzp"],
+	}, "e1yoad"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_1uylhab"
+			true: "_1rchlkf"
 		},
 		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-BEh1Y_X9.css";
-import "./../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D9f1VOK8.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-BDTJ22FI.css";
 //#region src/pill-menu/PillMenuTrigger.css.ts
 var root = recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "aaauwm"],
+	}, "_1gz67f3"],
 	variants: { size: {
-		md: "_1gnrbre",
-		lg: "hfgefr"
+		md: "_11jibda",
+		lg: "_1up25dt"
 	} }
 });
 var trigger = recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "_14d0k5n"] });
-var wrapper = recipeRuntime({ base: "j87myp" });
+}, "_1eqsd2h"] });
+var wrapper = recipeRuntime({ base: "_1124z9z" });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/progress/Progress.css.ts.vanilla-0SOk9qE_.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Progress.css.ts.vanilla-CqByUVRN.css";
 //#region src/progress/Progress.css.ts
 var indicator = recipeRuntime({
 	base: [{
@@ -9,13 +9,13 @@ var indicator = recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "ckd46b",
+		danger: "abdxtr",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_1l48eza",
+		style: "e6q4be",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -27,6 +27,6 @@ var progress = recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "_1e01lv2"] });
+}, "_1a0p3ob"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BGcUazpt.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-3r8xRmjD.css";
-import "./../../../../assets/src/radio/Radio.css.ts.vanilla-Dahe7-UX.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/DialogBody.css.ts.vanilla-DCyZ5u-X.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-Xel8LUjX.css";
+import "./../../../../assets/Radio.css.ts.vanilla-DAbCjWIJ.css";
 //#region src/radio/Radio.css.ts
 var control = recipeRuntime({
 	base: [{
@@ -10,17 +10,17 @@ var control = recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "_8k2mdl"],
+	}, "_1vuwwvy"],
 	variants: { shift: {
 		false: {},
-		true: "_10hvttj"
+		true: "_1c5j9cg"
 	} }
 });
 var indicator = recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "_14ybx43"] });
-var input = recipeRuntime({ base: "coqlwj" });
-var radio = recipeRuntime({ base: "_1kcrtwb" });
+}, "_1nywbpf"] });
+var input = recipeRuntime({ base: "dncdqq" });
+var radio = recipeRuntime({ base: "_1hx49p4" });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/range/Range.css.ts.vanilla-B-aGql0-.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Range.css.ts.vanilla-CcGBGvG4.css";
 //#region src/range/Range.css.ts
-var control = recipeRuntime({ base: [{ bg: "transparent" }, "j92m1r"] });
-var fillValue = "var(--_17fk2gi)";
+var control = recipeRuntime({ base: [{ bg: "transparent" }, "_1e401ho"] });
+var fillValue = "var(--_94m5uj)";
 var mark = recipeRuntime({
-	base: [{ transition: "colors" }, "_9f3wl2"],
+	base: [{ transition: "colors" }, "_9gjie9"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--rmm519)";
+var markValue = "var(--_1v6ngp9)";
 var range = recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_18e9y60"] });
+}, "_2k07v9"] });
 var root = recipeRuntime({
 	base: [
-		"ht28mf",
+		"xlj7n",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -26,7 +26,7 @@ var root = recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"dohe0p"
+		"_1bbej7r"
 	],
 	variants: {
 		marks: {
@@ -44,11 +44,11 @@ var thumb = recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "_1f5vji7"] });
+}, "_1yvxfkv"] });
 var track = recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "juw29n"] });
+}, "h14zbt"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CY9v7cw-.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/ResizableHandle.css.ts.vanilla-B3BqmbgY.css";
 //#region src/resizable/ResizableHandle.css.ts
 var handle = recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_1gh7fv7"] });
+}, "kbdbn7"] });
 var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "_14x0mu6"] });
+}, "u6ciwy"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-Cp8oGYRm.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/RichTextEditor.css.ts.vanilla-Cm9jPadZ.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"
 	},
-	"_175stga",
-	"_1t3l0um"
+	"_134rjxz",
+	"oy8idq"
 ] });
 var toolbar = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -20,6 +20,6 @@ var toolbar = recipeRuntime({ base: [{
 	gap: "2",
 	px: "8",
 	py: "6"
-}, "dz9mjm"] });
+}, "_1hi76ue"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-C3sutSGW.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/SearchInput.css.ts.vanilla-CNmxHAVI.css";
 //#region src/search-input/SearchInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "p0yque"] });
-var input = recipeRuntime({ base: "_6asb08" });
-var search = recipeRuntime({ base: "m2p0jv" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "faixf6"] });
+var input = recipeRuntime({ base: "h6ybv4" });
+var search = recipeRuntime({ base: "_13bsfjr" });
 //#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 { createAtomsFn as createSprinkles } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.7.0_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_89efa4a89cb381fe770c0ddce96f08b4/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-BEh1Y_X9.css";
-import "./../../../../assets/src/separator/Separator.css.ts.vanilla-D4o8yxR-.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Separator.css.ts.vanilla-DnZ7SNMx.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: "m7rk8v",
-						md: "vxzhly",
-						base: "_1rhvjf3"
+						sm: "_11qnng3",
+						md: "z93v9f",
+						base: "_1d1z9g6"
 					},
-					defaultClass: "_1rhvjf3"
+					defaultClass: "_1d1z9g6"
 				},
 				vertical: {
 					conditions: {
-						sm: "mesjj6",
-						md: "_1v9qpvr",
-						base: "k1k49s"
+						sm: "_62kndh",
+						md: "pblsnc",
+						base: "xhuboy"
 					},
-					defaultClass: "k1k49s"
+					defaultClass: "xhuboy"
 				}
 			},
 			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-BEh1Y_X9.css";
-import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CXcNmTMN.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/Skeleton.css.ts.vanilla-C6QpSNCJ.css";
 //#region src/skeleton/Skeleton.css.ts
 var skeleton = recipeRuntime({ base: [{
 	animation: "pulse",
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "mwj16b"] });
+}, "co7tcm"] });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-JSHRAKtQ.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/SortableHandle.css.ts.vanilla-DDRwHUzM.css";
 //#region src/sortable/SortableHandle.css.ts
-var handle = recipeRuntime({ base: "_1ps7egq" });
+var handle = recipeRuntime({ base: "_1epn5ae" });
 //#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-BEh1Y_X9.css";
-import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-BVKkkK41.css";
+import "./../../../../assets/layers.css.ts.vanilla-D6pWYGAW.css";
+import "./../../../../assets/SortableItem.css.ts.vanilla-BgfChJbo.css";
 //#region src/sortable/SortableItem.css.ts
 var item = recipeRuntime({
-	base: "_73y5zt",
+	base: "tg6sk2",
 	variants: { handle: {
 		false: {},
-		true: "_10t991j"
+		true: "pnrdcw"
 	} }
 });
 //#endregion