@optiaxiom/react 3.1.9 → 3.3.0

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-BY6P4lrq.css";
-import "./../../../../assets/MenuDialogContent.css.ts.vanilla-Bzq6o7La.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: "bfiyvh" });
+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-BY6P4lrq.css";
-import "./../../../../assets/MenuInput.css.ts.vanilla-DW2i5nxi.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"
-	}, "yi8x1n"]
+	}, "_1gjkzmy"]
 } } });
 //#endregion
 export { input };

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

@@ -27,8 +27,9 @@ const MenuTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, asChild, ch
 	const Comp = size === "sm" ? PopoverTrigger : DialogTrigger;
 	const ref = useComposedRefs(outerRef, triggerRef);
 	const id = useId$1();
+	const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
 	return /* @__PURE__ */ jsx(Comp, {
-		"aria-labelledby": useFieldLabelTrigger(triggerRef, ariaLabelledBy),
+		"aria-labelledby": labelId,
 		asChild: true,
 		id,
 		onKeyDown: (event) => {

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-BY6P4lrq.css";
-import "./../../../../assets/ModalListbox.css.ts.vanilla-RM5nO2AF.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"
-	}, "oyjytv"],
+	}, "cy2q9q"],
 	variants: {
 		maxH: {
-			xs: "_153ge2s",
-			sm: "_11rqjr1",
-			md: "jak8po",
-			lg: "_1wmkbb2",
+			xs: "_10ee4qq",
+			sm: "_12f4b8e",
+			md: "_1x9f4xf",
+			lg: "kg7tn3",
 			full: {}
 		},
 		minW: {
 			"0": {},
-			trigger: "iyvud3"
+			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-BY6P4lrq.css";
-import "./../../../../assets/Nav.css.ts.vanilla-0euhtrn5.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"
-}, "_1yf5c14"] });
+}, "_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-BY6P4lrq.css";
-import "./../../../../assets/NavAccountItem.css.ts.vanilla--4AjXL6N.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: "_1yuto46",
-		true: "prw6in"
+		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-BY6P4lrq.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-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-BQkVU3Ns.css";
-import "./../../../../assets/NavItem.css.ts.vanilla-CsrID7vL.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"
-}, "_1v6mq5g"] });
+}, "d8q4kb"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_13xya17"],
+	}, "_1drudgm"],
 	variants: { expanded: {
-		false: "_1m7z3vt",
-		true: "ga1l0x"
+		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-BY6P4lrq.css";
-import "./../../../../assets/Pagination.css.ts.vanilla-DsQGcy6e.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" }, "_1kgo6ds"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_1t42fzp"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "gbp326"],
+	}, "_1knkeff"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "ydng79"] });
+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-BY6P4lrq.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Pill.css.ts.vanilla-DMqDdfFN.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Pill.css.ts.vanilla-C1jNmZsY.css";
 //#region src/pill/Pill.css.ts
 var pill = recipeRuntime({
 	base: [{
@@ -15,11 +15,11 @@ var pill = recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "svw4y8"],
+	}, "xntfum"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "_7fd1c3"
+			true: "_1b5gdqa"
 		},
 		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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-BY33LViS.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-BBsA11Na.css";
 //#region src/pill-menu/PillMenuTrigger.css.ts
 var root = recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "yv9rxa"],
+	}, "_7bt6eu"],
 	variants: { size: {
-		md: "_9ehg9a",
-		lg: "_19kvfn9"
+		md: "_19idwwo",
+		lg: "_1tu637h"
 	} }
 });
 var trigger = recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "kbs3qb"] });
-var wrapper = recipeRuntime({ base: "_1b7tdxe" });
+}, "_1g7vnrx"] });
+var wrapper = recipeRuntime({ base: "_12u0elk" });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Progress.css.ts.vanilla-C5XWsKZt.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Progress.css.ts.vanilla-D2eXfjyC.css";
 //#region src/progress/Progress.css.ts
 var indicator = recipeRuntime({
 	base: [{
@@ -9,13 +9,13 @@ var indicator = recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "_1rj403z",
+		danger: "lvw7ci",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_4g7eno",
+		style: "ke1pft",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -27,6 +27,6 @@ var progress = recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "nkb1q9"] });
+}, "khu3vu"] });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-D3B-eLR-.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-CO52foo8.css";
-import "./../../../../assets/Radio.css.ts.vanilla-BBOstC0o.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/AvatarGroup.css.ts.vanilla-BKGbg4bv.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-eOzUU8G3.css";
+import "./../../../../assets/Radio.css.ts.vanilla-BvIr_GH3.css";
 //#region src/radio/Radio.css.ts
 var control = recipeRuntime({
 	base: [{
@@ -10,17 +10,17 @@ var control = recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "noo40k"],
+	}, "_6styxt"],
 	variants: { shift: {
 		false: {},
-		true: "_2rzbja"
+		true: "_1v7ngho"
 	} }
 });
 var indicator = recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "zgn49e"] });
-var input = recipeRuntime({ base: "_1r5w7d2" });
-var radio = recipeRuntime({ base: "xkj97" });
+}, "_11cahba"] });
+var input = recipeRuntime({ base: "_1lfeq3n" });
+var radio = recipeRuntime({ base: "_14cdx70" });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Range.css.ts.vanilla-CsqcZILU.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Range.css.ts.vanilla-CPUsXkSV.css";
 //#region src/range/Range.css.ts
-var control = recipeRuntime({ base: [{ bg: "transparent" }, "_1q4ktie"] });
-var fillValue = "var(--_2fykx8)";
+var control = recipeRuntime({ base: [{ bg: "transparent" }, "ct3y4s"] });
+var fillValue = "var(--kety0v)";
 var mark = recipeRuntime({
-	base: [{ transition: "colors" }, "_1d2hmwu"],
+	base: [{ transition: "colors" }, "vypml5"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--y06q1z)";
+var markValue = "var(--cf7tzk)";
 var range = recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_56vvh7"] });
+}, "jhkoop"] });
 var root = recipeRuntime({
 	base: [
-		"_1two6nk",
+		"_1fdasc8",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -26,7 +26,7 @@ var root = recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"z50u2t"
+		"_1bbmuwq"
 	],
 	variants: {
 		marks: {
@@ -44,11 +44,11 @@ var thumb = recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "tzl3bo"] });
+}, "gbvfdi"] });
 var track = recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "avu5h9"] });
+}, "_1uxolmm"] });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/ResizableHandle.css.ts.vanilla-CZc72I0q.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/ResizableHandle.css.ts.vanilla-BzFqcYVw.css";
 //#region src/resizable/ResizableHandle.css.ts
 var handle = recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "xuvx8y"] });
+}, "i8feah"] });
 var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "md21rr"] });
+}, "_1g2l4bg"] });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/RichTextEditor.css.ts.vanilla-owSI9TIR.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/RichTextEditor.css.ts.vanilla-DPIOhAzM.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"
 	},
-	"_1gsmsmk",
-	"_1ny5o5u"
+	"bhudx3",
+	"irrrtf"
 ] });
 var toolbar = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -20,6 +20,6 @@ var toolbar = recipeRuntime({ base: [{
 	gap: "2",
 	px: "8",
 	py: "6"
-}, "ejzvw8"] });
+}, "_1rlp3io"] });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/SearchInput.css.ts.vanilla-jzsev147.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/SearchInput.css.ts.vanilla-CIyHuztu.css";
 //#region src/search-input/SearchInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_1vv6zs0"] });
-var input = recipeRuntime({ base: "_1kaymwb" });
-var search = recipeRuntime({ base: "h9yvvp" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "jgint4"] });
+var input = recipeRuntime({ base: "dz4jko" });
+var search = recipeRuntime({ base: "rse7xv" });
 //#endregion
 export { clear, input, search };

package/dist/esm/packages/react/src/select/SelectTrigger.js

@@ -31,6 +31,7 @@ const SelectTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, asChild,
 	return /* @__PURE__ */ jsx(PopperAnchor, {
 		asChild: true,
 		children: /* @__PURE__ */ jsx(Slot, {
+			"data-state": isOpen ? "open" : "closed",
 			ref,
 			...boxProps,
 			...downshift.getToggleButtonProps({

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

@@ -1,7 +1,7 @@
 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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Separator.css.ts.vanilla-6-7XOTZX.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Separator.css.ts.vanilla-Dfmh7CuY.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: "_1rr3rr",
-						md: "_1jyuqxc",
-						base: "_13y0m1e"
+						sm: "_1w93a8q",
+						md: "j0zld0",
+						base: "iyd9q8"
 					},
-					defaultClass: "_13y0m1e"
+					defaultClass: "iyd9q8"
 				},
 				vertical: {
 					conditions: {
-						sm: "_97wqlh",
-						md: "s9yf10",
-						base: "_1leptn3"
+						sm: "_1qbq4qu",
+						md: "taoymp",
+						base: "k75qko"
 					},
-					defaultClass: "_1leptn3"
+					defaultClass: "k75qko"
 				}
 			},
 			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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Skeleton.css.ts.vanilla-Cgps1Dt0.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Skeleton.css.ts.vanilla-BD89y1dt.css";
 //#region src/skeleton/Skeleton.css.ts
 var skeleton = recipeRuntime({ base: [{
 	animation: "pulse",
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_1nbq8b6"] });
+}, "_14pvxa"] });
 //#endregion
 export { skeleton };

package/dist/esm/packages/react/src/sortable/Sortable.js

@@ -17,6 +17,7 @@ import { DragDropProvider } from "@dnd-kit/react";
 const Sortable = forwardRef(({ children, items: itemsProp, onChange, onItemsChange, ...props }, ref) => {
 	const [itemsState, setItemsState] = useState(null);
 	const items = itemsState === null ? itemsProp ?? [] : itemsState;
+	const cacheRef = useRef(/* @__PURE__ */ new Map());
 	return /* @__PURE__ */ jsx(DragDropProvider, {
 		onDragEnd: (event) => {
 			const { source } = event.operation;
@@ -39,7 +40,7 @@ const Sortable = forwardRef(({ children, items: itemsProp, onChange, onItemsChan
 			setItemsState(itemsProp ?? []);
 		},
 		children: /* @__PURE__ */ jsx(SortableProvider, {
-			cacheRef: useRef(/* @__PURE__ */ new Map()),
+			cacheRef,
 			isSorting: itemsState !== null,
 			children: /* @__PURE__ */ jsx(Group, {
 				flexDirection: "column",

package/dist/esm/packages/react/src/sortable/SortableGroup.js

@@ -17,13 +17,14 @@ const SortableGroup = forwardRef(({ children, group: id, ...props }, outerRef) =
 		id,
 		type: "group"
 	});
+	const ref = useComposedRefs(innerRef, outerRef);
 	return /* @__PURE__ */ jsx(SortableGroupProvider, {
 		id,
 		setHasDropTarget,
 		children: /* @__PURE__ */ jsx(Group, {
 			flexDirection: "column",
 			gap: "16",
-			ref: useComposedRefs(innerRef, outerRef),
+			ref,
 			...props,
 			children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children
 		})

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/SortableHandle.css.ts.vanilla-1QdqGtis.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/SortableHandle.css.ts.vanilla-DPK95j0P.css";
 //#region src/sortable/SortableHandle.css.ts
-var handle = recipeRuntime({ base: "_1i7tc63" });
+var handle = recipeRuntime({ base: "_1ezucd3" });
 //#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/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/SortableItem.css.ts.vanilla-BKDAbien.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/SortableItem.css.ts.vanilla-BFEGqBCI.css";
 //#region src/sortable/SortableItem.css.ts
 var item = recipeRuntime({
-	base: "_118o5hh",
+	base: "out19h",
 	variants: { handle: {
 		false: {},
-		true: "ypx4rg"
+		true: "tuwhnw"
 	} }
 });
 //#endregion

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

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BY6P4lrq.css";
-import "./../../../../assets/Spinner.css.ts.vanilla-D4ZlMjRw.css";
+import "./../../../../assets/layers.css.ts.vanilla-DD7saQYy.css";
+import "./../../../../assets/Spinner.css.ts.vanilla-BXO1aUF7.css";
 //#region src/spinner/Spinner.css.ts
 var track = recipeRuntime({ variants: { appearance: {
-	"default": "qz5myt",
-	inverse: "_1yris21"
+	"default": "_1a1sac6",
+	inverse: "_140e0dq"
 } } });
 //#endregion
 export { track };