@optiaxiom/react 3.2.0 → 3.4.0

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-Bgf4mdaV.css";
+import "./../../../../assets/NavAccountItem.css.ts.vanilla-CxOea7kg.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: "i7jdqb",
+		true: "_1x9m5ds"
 	} }
 });
 //#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-Bgf4mdaV.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-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-jlN_cOUc.css";
+import "./../../../../assets/NavItem.css.ts.vanilla-ONGas3g2.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"] });
+}, "_1f4ns3p"] });
 var label = recipeRuntime({
 	base: [{
 		alignItems: "center",
@@ -24,10 +24,10 @@ var label = recipeRuntime({
 		justifyContent: "space-between",
 		mr: "10",
 		overflow: "hidden"
-	}, "_1pq6rq5"],
+	}, "xdsy64"],
 	variants: { expanded: {
-		false: "_1d60gac",
-		true: "xxrsqp"
+		false: "_1dm74uu",
+		true: "ihu0xl"
 	} }
 });
 //#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-Bgf4mdaV.css";
+import "./../../../../assets/Pagination.css.ts.vanilla-BnB-b6J1.css";
 //#region src/pagination/Pagination.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_14whw3n"] });
+var button = recipeRuntime({ base: [{ justifyContent: "center" }, "_1f5ewfi"] });
 var cursor = recipeRuntime({
 	base: [{
 		justifyContent: "center",
 		z: "10"
-	}, "q992o5"],
+	}, "_1gzcesk"],
 	variants: { animation: {
 		false: {},
 		true: { transition: "transform" }
 	} }
 });
-var list = recipeRuntime({ base: [{ gap: "2" }, "tp0pk1"] });
+var list = recipeRuntime({ base: [{ gap: "2" }, "_4be81o"] });
 //#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-Bgf4mdaV.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-BdZnAqgW.css";
-import "./../../../../assets/Pill.css.ts.vanilla-7Kfwx5cv.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Pill.css.ts.vanilla-raL-18xr.css";
 //#region src/pill/Pill.css.ts
 var pill = recipeRuntime({
 	base: [{
@@ -15,11 +15,11 @@ var pill = recipeRuntime({
 		textTransform: "uppercase",
 		transition: "colors",
 		whiteSpace: "nowrap"
-	}, "_9dbm9h"],
+	}, "_10znlq4"],
 	variants: {
 		interactive: {
 			false: {},
-			true: "h6fhhs"
+			true: "k5zuty"
 		},
 		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-BdZnAqgW.css";
-import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-VnDgLdJ4.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/PillMenuTrigger.css.ts.vanilla-DcQrhNu4.css";
 //#region src/pill-menu/PillMenuTrigger.css.ts
 var root = recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "bt992t"],
+	}, "jf1btz"],
 	variants: { size: {
-		md: "ahirsy",
-		lg: "_15l144r"
+		md: "_1gxiqs5",
+		lg: "_1stlwt4"
 	} }
 });
 var trigger = recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "_17s62j6"] });
-var wrapper = recipeRuntime({ base: "g1mk3q" });
+}, "_1q939yg"] });
+var wrapper = recipeRuntime({ base: "_1r4qayc" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Progress.css.ts.vanilla-DnMa8_x0.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Progress.css.ts.vanilla-QvLd9eel.css";
 //#region src/progress/Progress.css.ts
 var indicator = recipeRuntime({
 	base: [{
@@ -9,13 +9,13 @@ var indicator = recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "_1kfv0wt",
+		danger: "lcybid",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_1687mez",
+		style: "_1xp2dpl",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -27,6 +27,6 @@ var progress = recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "_182lpj"] });
+}, "_1dlnjni"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/AvatarGroup.css.ts.vanilla-hJyKbxYK.css";
-import "./../../../../assets/ToggleInput.css.ts.vanilla-BF4JLCYy.css";
-import "./../../../../assets/Radio.css.ts.vanilla-BO2NnTvc.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-DW4AoD_G.css";
+import "./../../../../assets/ToggleInput.css.ts.vanilla-Btri4xVz.css";
+import "./../../../../assets/Radio.css.ts.vanilla-2l47PHad.css";
 //#region src/radio/Radio.css.ts
 var control = recipeRuntime({
 	base: [{
@@ -10,17 +10,17 @@ var control = recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "v9yy32"],
+	}, "_1rsqv8e"],
 	variants: { shift: {
 		false: {},
-		true: "washfb"
+		true: "_1iwvn32"
 	} }
 });
 var indicator = recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "_1kx3xsy"] });
-var input = recipeRuntime({ base: "_1wpbo8y" });
-var radio = recipeRuntime({ base: "f2uii3" });
+}, "wuacih"] });
+var input = recipeRuntime({ base: "_1f99etk" });
+var radio = recipeRuntime({ base: "o23r8w" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/Range.css.ts.vanilla-BZB-4V4a.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Range.css.ts.vanilla-DZxS5wd_.css";
 //#region src/range/Range.css.ts
-var control = recipeRuntime({ base: [{ bg: "transparent" }, "_68nwfd"] });
-var fillValue = "var(--_1k7vt3s)";
+var control = recipeRuntime({ base: [{ bg: "transparent" }, "_1yybpyq"] });
+var fillValue = "var(--_6ox9x7)";
 var mark = recipeRuntime({
-	base: [{ transition: "colors" }, "_1fsi4zd"],
+	base: [{ transition: "colors" }, "f2k3tu"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--_140uas3)";
+var markValue = "var(--_1usix0c)";
 var range = recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "_15t9bo3"] });
+}, "_1huhtye"] });
 var root = recipeRuntime({
 	base: [
-		"p2tj5k",
+		"xvefw5",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -26,7 +26,7 @@ var root = recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"io8qyh"
+		"d6tylk"
 	],
 	variants: {
 		marks: {
@@ -44,11 +44,11 @@ var thumb = recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "q7qy4"] });
+}, "_163finf"] });
 var track = recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "_13l5bui"] });
+}, "fu7qn8"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/ResizableHandle.css.ts.vanilla-DWz_vNjM.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/ResizableHandle.css.ts.vanilla-Dt1-OFmj.css";
 //#region src/resizable/ResizableHandle.css.ts
 var handle = recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_1wkfa3h"] });
+}, "_2oa78w"] });
 var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "_17280u6"] });
+}, "_6j4rpx"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/RichTextEditor.css.ts.vanilla-KSElO3qN.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/RichTextEditor.css.ts.vanilla-B66_8aSC.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"
 	},
-	"_4pi3c5",
-	"_9xtm73"
+	"_1exgmym",
+	"_1vo0qtd"
 ] });
 var toolbar = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -20,6 +20,6 @@ var toolbar = recipeRuntime({ base: [{
 	gap: "2",
 	px: "8",
 	py: "6"
-}, "_1hm623"] });
+}, "e1lify"] });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/SearchInput.css.ts.vanilla-rMaDpq8t.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/SearchInput.css.ts.vanilla-B9ZyAcTd.css";
 //#region src/search-input/SearchInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_1oovb72"] });
-var input = recipeRuntime({ base: "rzk3xw" });
-var search = recipeRuntime({ base: "e1pf4d" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "n0rcsz"] });
+var input = recipeRuntime({ base: "aqrst9" });
+var search = recipeRuntime({ base: "_98gwr8" });
 //#endregion
 export { clear, input, search };

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-BdZnAqgW.css";
-import "./../../../../assets/Separator.css.ts.vanilla-C2cy4A56.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Separator.css.ts.vanilla-VVVonCVk.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: "_13msv4z",
-						md: "l8si5f",
-						base: "ocohnf"
+						sm: "sw6eez",
+						md: "_1nbmsv7",
+						base: "_71zhzs"
 					},
-					defaultClass: "ocohnf"
+					defaultClass: "_71zhzs"
 				},
 				vertical: {
 					conditions: {
-						sm: "_196obpp",
-						md: "_1r7ad03",
-						base: "_1mblwt"
+						sm: "zluk5",
+						md: "_70ptk1",
+						base: "_1ho6zed"
 					},
-					defaultClass: "_1mblwt"
+					defaultClass: "_1ho6zed"
 				}
 			},
 			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-BdZnAqgW.css";
-import "./../../../../assets/Skeleton.css.ts.vanilla-H0IJph0T.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Skeleton.css.ts.vanilla-CT_cVkCq.css";
 //#region src/skeleton/Skeleton.css.ts
 var skeleton = recipeRuntime({ base: [{
 	animation: "pulse",
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "thsfmk"] });
+}, "_1t7lbew"] });
 //#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/layers.css.ts.vanilla-BdZnAqgW.css";
-import "./../../../../assets/SortableHandle.css.ts.vanilla-DfbvfEVn.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/SortableHandle.css.ts.vanilla-BjwjBFKz.css";
 //#region src/sortable/SortableHandle.css.ts
-var handle = recipeRuntime({ base: "_12lw8ga" });
+var handle = recipeRuntime({ base: "zmir7u" });
 //#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-BdZnAqgW.css";
-import "./../../../../assets/SortableItem.css.ts.vanilla-DbT-gO5c.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/SortableItem.css.ts.vanilla-BA2jHxLR.css";
 //#region src/sortable/SortableItem.css.ts
 var item = recipeRuntime({
-	base: "_18aweat",
+	base: "jg460u",
 	variants: { handle: {
 		false: {},
-		true: "_7kc1id"
+		true: "ch8h4i"
 	} }
 });
 //#endregion

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

@@ -7,6 +7,8 @@ import { item } from "./SortableItem-css.js";
 import { forwardRef, useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { shapeIntersection } from "@dnd-kit/collision";
+import { Feedback } from "@dnd-kit/dom";
 import { useSortable } from "@dnd-kit/react/sortable";
 //#region src/sortable/SortableItem.tsx
 /**
@@ -18,11 +20,12 @@ const SortableItem = forwardRef(({ children, className, index, item: id, ...prop
 	const handleRef = useRef(null);
 	const { isDragging, isDropTarget, ref: innerRef } = useSortable({
 		accept: "item",
-		feedback: "clone",
+		collisionDetector: shapeIntersection,
 		group,
 		handle: handleRef,
 		id,
 		index,
+		plugins: (defaults) => [...defaults, Feedback.configure({ feedback: "clone" })],
 		type: "item"
 	});
 	useEffect(() => {

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-BdZnAqgW.css";
-import "./../../../../assets/Spinner.css.ts.vanilla-DRwc1kXr.css";
+import "./../../../../assets/layers.css.ts.vanilla-Bgf4mdaV.css";
+import "./../../../../assets/Spinner.css.ts.vanilla-D7KQo0--.css";
 //#region src/spinner/Spinner.css.ts
 var track = recipeRuntime({ variants: { appearance: {
-	"default": "_152rkev",
-	inverse: "_15t3r46"
+	"default": "_5ifg0d",
+	inverse: "_11ntsyw"
 } } });
 //#endregion
 export { track };