etudes 30.2.0 → 31.0.1

package/build/etudes.js

@@ -380,7 +380,7 @@ function R({ className: e, ref: t, style: n, children: r, numberOfBars: i = 3, i
 	let f = () => {
 		let e = !a;
 		u?.(e), e ? c?.() : l?.();
-	}, p = A({ root: w({ active: a }) }), m = ee();
+	}, p = A({ root: w({ active: a }) }), m = z();
 	return /* @__PURE__ */ (0, O.jsx)("button", {
 		...d,
 		className: w(e, p.root),
@@ -400,7 +400,7 @@ function R({ className: e, ref: t, style: n, children: r, numberOfBars: i = 3, i
 (function(e) {
 	e.Bar = I.Bar;
 })(R ||= {});
-function ee() {
+function z() {
 	return M({ root: {
 		background: "transparent",
 		border: "none",
@@ -411,23 +411,23 @@ function ee() {
 process.env.NODE_ENV === "development" && (R.displayName = "BurgerButton", R.Bar.displayName = "BurgerButton.Bar");
 //#endregion
 //#region node_modules/spase/build/spase.js
-var z = Object.defineProperty, B = (e, t) => {
+var B = Object.defineProperty, V = (e, t) => {
 	let n = {};
-	for (var r in e) z(n, r, {
+	for (var r in e) B(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || z(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || B(n, Symbol.toStringTag, { value: "Module" }), n;
 };
-function V(e) {
+function H(e) {
 	return e instanceof Array ? !(e.length !== 2 || typeof e[0] != "number" || typeof e[1] != "number") : typeof e == "object" ? !(typeof e.x != "number" || typeof e.y != "number") : !1;
 }
-function H(e = 0, t = 0) {
+function U(e = 0, t = 0) {
 	if (typeof e == "number") return {
 		x: e,
 		y: t
 	};
-	if (!V(e)) throw Error("Invalid parameters passed to constructor");
+	if (!H(e)) throw Error("Invalid parameters passed to constructor");
 	return e instanceof Array ? {
 		x: e[0],
 		y: e[1]
@@ -436,20 +436,20 @@ function H(e = 0, t = 0) {
 		y: e.y
 	};
 }
-function U(e, t) {
-	return H({
+function W(e, t) {
+	return U({
 		x: e.x + t.x,
 		y: e.y + t.y
 	});
 }
-function te(e, t = {}) {
-	return H({
+function ee(e, t = {}) {
+	return U({
 		x: typeof t.x == "number" ? t.x : e.x,
 		y: typeof t.y == "number" ? t.y : e.y
 	});
 }
-function W(e, t) {
-	return H({
+function te(e, t) {
+	return U({
 		x: e.x / t.x,
 		y: e.y / t.y
 	});
@@ -464,19 +464,19 @@ function re(e) {
 	return e.x === 0 && e.y === 0;
 }
 function ie(e, t) {
-	return H({
+	return U({
 		x: e.x * t.x,
 		y: e.y * t.y
 	});
 }
 function ae(e) {
-	return H({
+	return U({
 		x: e.y,
 		y: e.x
 	});
 }
 function oe(e, t) {
-	return H({
+	return U({
 		x: e.x - t.x,
 		y: e.y - t.y
 	});
@@ -493,15 +493,15 @@ function ce(e) {
 function le(e) {
 	return `Point(x=${e.x}, y=${e.y})`;
 }
-var ue = H(), K = /* @__PURE__ */ B({
-	add: () => U,
-	clone: () => te,
-	divide: () => W,
+var ue = U(), K = /* @__PURE__ */ V({
+	add: () => W,
+	clone: () => ee,
+	divide: () => te,
 	is: () => G,
 	isEqual: () => ne,
-	isValidDescriptor: () => V,
+	isValidDescriptor: () => H,
 	isZero: () => re,
-	make: () => H,
+	make: () => U,
 	multiply: () => ie,
 	reflect: () => ae,
 	subtract: () => oe,
@@ -511,7 +511,7 @@ var ue = H(), K = /* @__PURE__ */ B({
 	zero: () => ue
 });
 function de(e) {
-	return H({
+	return U({
 		x: (e.right - e.left) / 2 + e.left,
 		y: (e.bottom - e.top) / 2 + e.top
 	});
@@ -590,7 +590,7 @@ function we(e) {
 function Te(e) {
 	return `Size(width=${e.width}, height=${e.height})`;
 }
-var Ee = pe(), q = /* @__PURE__ */ B({
+var Ee = pe(), q = /* @__PURE__ */ V({
 	add: () => me,
 	clone: () => he,
 	divide: () => ge,
@@ -662,7 +662,7 @@ function Ae(e, t) {
 }
 function je(e, t) {
 	try {
-		let n = V(e) && H(e), r = V(t) && H(t);
+		let n = H(e) && U(e), r = H(t) && U(t);
 		if (n && !r) {
 			let e = t instanceof Array ? t : [t], r = e.length;
 			for (let t = 0; t < r; t++) {
@@ -831,7 +831,7 @@ function Y(e) {
 function qe(e) {
 	return `Rect(top=${e.top}, right=${e.right}, bottom=${e.bottom}, left=${e.left}, width=${e.width}, height=${e.height})`;
 }
-var X = /* @__PURE__ */ B({
+var X = /* @__PURE__ */ V({
 	center: () => de,
 	clone: () => ke,
 	concat: () => Ae,
@@ -879,7 +879,7 @@ function Je(e, t) {
 		return r.observe(t), () => {
 			r.disconnect();
 		};
-	}, [e]);
+	}, [e && "current" in e ? e.current : e]);
 }
 //#endregion
 //#region src/hooks/useSizeObserver.ts
@@ -894,7 +894,7 @@ function Ye(e, t) {
 		return r.observe(t), () => {
 			r.disconnect();
 		};
-	}, [e]);
+	}, [e && "current" in e ? e.current : e]);
 }
 //#endregion
 //#region src/hooks/useViewportSize.ts
@@ -925,7 +925,7 @@ function Ze(e) {
 		if (!t) return;
 		let r = X.from(t);
 		n((e) => X.isEqual(e, r) ? e : r);
-	}, [e, r]), t;
+	}, [e && "current" in e ? e.current : e, r]), t;
 }
 //#endregion
 //#region src/types/ImageSource.ts
@@ -1352,32 +1352,8 @@ function ht({ ref: e, index: t = 0, options: n, isDisabled: r = !1, onChange: i,
 }
 process.env.NODE_ENV === "development" && (ht.displayName = "OptionButton");
 //#endregion
-//#region node_modules/fast-deep-equal/react.js
-var gt = /* @__PURE__ */ b(((e, t) => {
-	t.exports = function e(t, n) {
-		if (t === n) return !0;
-		if (t && n && typeof t == "object" && typeof n == "object") {
-			if (t.constructor !== n.constructor) return !1;
-			var r, i, a;
-			if (Array.isArray(t)) {
-				if (r = t.length, r != n.length) return !1;
-				for (i = r; i-- !== 0;) if (!e(t[i], n[i])) return !1;
-				return !0;
-			}
-			if (t.constructor === RegExp) return t.source === n.source && t.flags === n.flags;
-			if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === n.valueOf();
-			if (t.toString !== Object.prototype.toString) return t.toString() === n.toString();
-			if (a = Object.keys(t), r = a.length, r !== Object.keys(n).length) return !1;
-			for (i = r; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(n, a[i])) return !1;
-			for (i = r; i-- !== 0;) {
-				var o = a[i];
-				if (!(o === "_owner" && t.$$typeof) && !e(t[o], n[o])) return !1;
-			}
-			return !0;
-		}
-		return t !== t && n !== n;
-	};
-})), _t = /* @__PURE__ */ b(((e, t) => {
+//#region src/utils/createKey.ts
+var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).interact = r();
 	})(e, (function() {
@@ -1681,10 +1657,10 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			}
 			return !1;
 		}
-		function ee(e) {
+		function z(e) {
 			return e.correspondingUseElement || e;
 		}
-		function z(e) {
+		function B(e) {
 			var t = e instanceof k.SVGElement ? e.getBoundingClientRect() : e.getClientRects()[0];
 			return t && {
 				left: t.left,
@@ -1695,8 +1671,8 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				height: t.height || t.bottom - t.top
 			};
 		}
-		function B(e) {
-			var t, n = z(e);
+		function V(e) {
+			var t, n = B(e);
 			if (!j.isIOS7 && n) {
 				var r = {
 					x: (t = (t = y(e)) || _).scrollX || t.document.documentElement.scrollLeft,
@@ -1706,23 +1682,23 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			}
 			return n;
 		}
-		function V(e) {
+		function H(e) {
 			for (var t = []; e;) t.push(e), e = P(e);
 			return t;
 		}
-		function H(e) {
+		function U(e) {
 			return !!S.string(e) && (k.document.querySelector(e), !0);
 		}
-		function U(e, t) {
+		function W(e, t) {
 			for (var n in t) e[n] = t[n];
 			return e;
 		}
-		function te(e, t, n) {
+		function ee(e, t, n) {
 			return e === "parent" ? P(n) : e === "self" ? t.getRect(n) : N(n, e);
 		}
-		function W(e, t, n, r) {
+		function te(e, t, n, r) {
 			var i = e;
-			return S.string(i) ? i = te(i, t, n) : S.func(i) && (i = i.apply(void 0, r)), S.element(i) && (i = B(i)), i;
+			return S.string(i) ? i = ee(i, t, n) : S.func(i) && (i = i.apply(void 0, r)), S.element(i) && (i = V(i)), i;
 		}
 		function G(e) {
 			return e && {
@@ -1731,14 +1707,14 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			};
 		}
 		function ne(e) {
-			return !e || "x" in e && "y" in e || ((e = U({}, e)).x = e.left || 0, e.y = e.top || 0, e.width = e.width || (e.right || 0) - e.x, e.height = e.height || (e.bottom || 0) - e.y), e;
+			return !e || "x" in e && "y" in e || ((e = W({}, e)).x = e.left || 0, e.y = e.top || 0, e.width = e.width || (e.right || 0) - e.x, e.height = e.height || (e.bottom || 0) - e.y), e;
 		}
 		function re(e, t, n) {
 			e.left && (t.left += n.x), e.right && (t.right += n.x), e.top && (t.top += n.y), e.bottom && (t.bottom += n.y), t.width = t.right - t.left, t.height = t.bottom - t.top;
 		}
 		function ie(e, t, n) {
 			var r = n && e.options[n];
-			return G(W(r && r.origin || e.options.origin, e, t, [e && t])) || {
+			return G(te(r && r.origin || e.options.origin, e, t, [e && t])) || {
 				x: 0,
 				y: 0
 			};
@@ -1864,7 +1840,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		}
 		function Se(e) {
 			var t = S.func(e.composedPath) ? e.composedPath() : e.path;
-			return [ee(t ? t[0] : e.target), ee(e.currentTarget)];
+			return [z(t ? t[0] : e.target), z(e.currentTarget)];
 		}
 		var Ce = function() {
 			function e(t) {
@@ -2083,7 +2059,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					}(this, e, t, n, r, i, a);
 				}, n.dynamicDrop = function(t) {
 					return S.bool(t) ? (e.dynamicDrop = t, n) : e.dynamicDrop;
-				}, U(t.phaselessTypes, {
+				}, W(t.phaselessTypes, {
 					dragenter: !0,
 					dragleave: !0,
 					dropactivate: !0,
@@ -2282,9 +2258,9 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 						if (n.prepared.name === "resize" && n.prepared.edges) {
 							var r = t, i = n.rect;
 							n._rects = {
-								start: U({}, i),
-								corrected: U({}, i),
-								previous: U({}, i),
+								start: W({}, i),
+								corrected: W({}, i),
+								previous: W({}, i),
 								delta: {
 									left: 0,
 									right: 0,
@@ -2302,8 +2278,8 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 						var t = e.iEvent, n = e.interaction;
 						if (n.prepared.name === "resize" && n.prepared.edges) {
 							var r = t, i = n.interactable.options.resize.invert, a = i === "reposition" || i === "negate", o = n.rect, s = n._rects, c = s.start, l = s.corrected, u = s.delta, d = s.previous;
-							if (U(d, l), a) {
-								if (U(l, o), i === "reposition") {
+							if (W(d, l), a) {
+								if (W(l, o), i === "reposition") {
 									if (l.top > l.bottom) {
 										var f = l.top;
 										l.top = l.bottom, l.bottom = f;
@@ -2329,7 +2305,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				"auto-start:check": function(e) {
 					var t = e.interaction, n = e.interactable, r = e.element, i = e.rect, a = e.buttons;
 					if (i) {
-						var o = U({}, t.coords.cur.page), s = n.options.resize;
+						var o = W({}, t.coords.cur.page), s = n.options.resize;
 						if (s && s.enabled && (!t.pointerIsDown || !/mouse|pointer/.test(t.pointerType) || (a & s.mouseButtons) != 0)) {
 							if (S.object(s.edges)) {
 								var c = {
@@ -2475,7 +2451,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					var r, i, a, o, s = t.interactable, c = t.element, l = t.prepared.name, u = s.options[l].autoScroll, d = qe(u.container, s, c);
 					if (S.window(d)) o = n.clientX < Y.margin, r = n.clientY < Y.margin, i = n.clientX > d.innerWidth - Y.margin, a = n.clientY > d.innerHeight - Y.margin;
 					else {
-						var f = z(d);
+						var f = B(d);
 						o = n.clientX < f.left + Y.margin, r = n.clientY < f.top + Y.margin, i = n.clientX > f.right - Y.margin, a = n.clientY > f.bottom - Y.margin;
 					}
 					Y.x = i ? 1 : o ? -1 : 0, Y.y = a ? 1 : r ? -1 : 0, Y.isScrolling || (Y.margin = u.margin, Y.speed = u.speed, Y.start(t));
@@ -2483,7 +2459,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			}
 		};
 		function qe(e, t, n) {
-			return (S.string(e) ? te(e, t, n) : e) || y(n);
+			return (S.string(e) ? ee(e, t, n) : e) || y(n);
 		}
 		function X(e) {
 			return S.window(e) && (e = window.document.body), {
@@ -2630,7 +2606,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			before: ["actions"],
 			install: function(e) {
 				var t = e.interactStatic, n = e.defaults;
-				e.usePlugin(Qe), n.base.actionChecker = null, n.base.styleCursor = !0, U(n.perAction, {
+				e.usePlugin(Qe), n.base.actionChecker = null, n.base.styleCursor = !0, W(n.perAction, {
 					manualStart: !1,
 					max: Infinity,
 					maxPerElement: 1,
@@ -2831,7 +2807,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 								return !!e;
 							}));
 						}(a);
-						this.prepareStates(o), this.startEdges = U({}, a.edges), this.edges = U({}, this.startEdges), this.startOffset = (n = a.rect, r = t, n ? {
+						this.prepareStates(o), this.startEdges = W({}, a.edges), this.edges = W({}, this.startEdges), this.startOffset = (n = a.rect, r = t, n ? {
 							left: r.x - n.left,
 							top: r.y - n.top,
 							right: n.right - r.x,
@@ -2873,15 +2849,15 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					key: "setAll",
 					value: function(e) {
 						var t = e.phase, n = e.preEnd, r = e.skipModifiers, i = e.rect, a = e.edges;
-						e.coords = U({}, e.pageCoords), e.rect = U({}, i), e.edges = U({}, a);
+						e.coords = W({}, e.pageCoords), e.rect = W({}, i), e.edges = W({}, a);
 						for (var o = r ? this.states.slice(r) : this.states, s = vt(e.coords, e.rect), c = 0; c < o.length; c++) {
-							var l, u = o[c], d = u.options, f = U({}, e.coords), p = null;
+							var l, u = o[c], d = u.options, f = W({}, e.coords), p = null;
 							(l = u.methods) != null && l.set && this.shouldDo(d, n, t) && (e.state = u, p = u.methods.set(e), re(e.edges, e.rect, {
 								x: e.coords.x - f.x,
 								y: e.coords.y - f.y
 							})), s.eventProps.push(p);
 						}
-						U(this.edges, e.edges), s.delta.x = e.coords.x - e.pageCoords.x, s.delta.y = e.coords.y - e.pageCoords.y, s.rectDelta.left = e.rect.left - i.left, s.rectDelta.right = e.rect.right - i.right, s.rectDelta.top = e.rect.top - i.top, s.rectDelta.bottom = e.rect.bottom - i.bottom;
+						W(this.edges, e.edges), s.delta.x = e.coords.x - e.pageCoords.x, s.delta.y = e.coords.y - e.pageCoords.y, s.rectDelta.left = e.rect.left - i.left, s.rectDelta.right = e.rect.right - i.right, s.rectDelta.top = e.rect.top - i.top, s.rectDelta.bottom = e.rect.bottom - i.bottom;
 						var m = this.result.coords, h = this.result.rect;
 						return m && h && (s.changed = s.rect.left !== h.left || s.rect.right !== h.right || s.rect.top !== h.top || s.rect.bottom !== h.bottom || m.x !== s.coords.x || m.y !== s.coords.y), s;
 					}
@@ -2890,7 +2866,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					key: "applyToInteraction",
 					value: function(e) {
 						var t = this.interaction, n = e.phase, r = t.coords.cur, i = t.coords.start, a = this.result, o = this.startDelta, s = a.delta;
-						n === "start" && U(this.startDelta, a.delta);
+						n === "start" && W(this.startDelta, a.delta);
 						for (var c = 0, l = [[i, o], [r, s]]; c < l.length; c++) {
 							var u = l[c], d = u[0], f = u[1];
 							d.page.x += f.x, d.page.y += f.y, d.client.x += f.x, d.client.y += f.y;
@@ -2942,7 +2918,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					value: function(e) {
 						var t = e.interaction;
 						if (this.states && this.states.length) {
-							var n = U({
+							var n = W({
 								states: this.states,
 								interactable: t.interactable,
 								element: t.element,
@@ -2997,7 +2973,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					value: function(e) {
 						this.startOffset = e.startOffset, this.startDelta = e.startDelta, this.startEdges = e.startEdges, this.edges = e.edges, this.states = e.states.map((function(e) {
 							return gt(e);
-						})), this.result = vt(U({}, e.result.coords), U({}, e.result.rect));
+						})), this.result = vt(W({}, e.result.coords), W({}, e.result.rect));
 					}
 				},
 				{
@@ -3114,13 +3090,13 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					client: _.client,
 					timeStamp: e.coords.cur.timeStamp
 				} : e.coords.cur;
-				return u.page = U({}, v.page), u.client = U({}, v.client), u.rect = U({}, e.rect), u.timeStamp = v.timeStamp, g || (u.page.x -= m.x, u.page.y -= m.y, u.client.x -= m.x, u.client.y -= m.y), u.ctrlKey = r.ctrlKey, u.altKey = r.altKey, u.shiftKey = r.shiftKey, u.metaKey = r.metaKey, u.button = r.button, u.buttons = r.buttons, u.target = s, u.currentTarget = s, u.preEnd = c, u.type = l || a + (o || ""), u.interactable = f, u.t0 = h ? e.pointers[e.pointers.length - 1].downTime : _.t0, u.x0 = e.coords.start.page.x - m.x, u.y0 = e.coords.start.page.y - m.y, u.clientX0 = e.coords.start.client.x - m.x, u.clientY0 = e.coords.start.client.y - m.y, u.delta = h || g ? {
+				return u.page = W({}, v.page), u.client = W({}, v.client), u.rect = W({}, e.rect), u.timeStamp = v.timeStamp, g || (u.page.x -= m.x, u.page.y -= m.y, u.client.x -= m.x, u.client.y -= m.y), u.ctrlKey = r.ctrlKey, u.altKey = r.altKey, u.shiftKey = r.shiftKey, u.metaKey = r.metaKey, u.button = r.button, u.buttons = r.buttons, u.target = s, u.currentTarget = s, u.preEnd = c, u.type = l || a + (o || ""), u.interactable = f, u.t0 = h ? e.pointers[e.pointers.length - 1].downTime : _.t0, u.x0 = e.coords.start.page.x - m.x, u.y0 = e.coords.start.page.y - m.y, u.clientX0 = e.coords.start.client.x - m.x, u.clientY0 = e.coords.start.client.y - m.y, u.delta = h || g ? {
 					x: 0,
 					y: 0
 				} : {
 					x: u[p].x - _[p].x,
 					y: u[p].y - _[p].y
-				}, u.dt = e.coords.delta.timeStamp, u.duration = u.timeStamp - u.t0, u.velocity = U({}, e.coords.velocity[p]), u.speed = se(u.velocity.x, u.velocity.y), u.swipe = g || o === "inertiastart" ? u.getSwipe() : null, u;
+				}, u.dt = e.coords.delta.timeStamp, u.duration = u.timeStamp - u.t0, u.velocity = W({}, e.coords.velocity[p]), u.speed = se(u.velocity.x, u.velocity.y), u.swipe = g || o === "inertiastart" ? u.getSwipe() : null, u;
 			}
 			return o(n, [
 				{
@@ -3346,7 +3322,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				{
 					key: "start",
 					value: function(e, t, n) {
-						return !(this.interacting() || !this.pointerIsDown || this.pointers.length < (e.name === "gesture" ? 2 : 1) || !t.options[e.name].enabled) && (Ye(this.prepared, e), this.interactable = t, this.element = n, this.rect = t.getRect(n), this.edges = this.prepared.edges ? U({}, this.prepared.edges) : {
+						return !(this.interacting() || !this.pointerIsDown || this.pointers.length < (e.name === "gesture" ? 2 : 1) || !t.options[e.name].enabled) && (Ye(this.prepared, e), this.interactable = t, this.element = n, this.rect = t.getRect(n), this.edges = this.prepared.edges ? W({}, this.prepared.edges) : {
 							left: !0,
 							right: !0,
 							top: !0,
@@ -3382,7 +3358,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				{
 					key: "move",
 					value: function(e) {
-						e && e.event || K(this.coords.delta), (e = U({
+						e && e.event || K(this.coords.delta), (e = W({
 							pointer: this._latestPointer.pointer,
 							event: this._latestPointer.event,
 							eventTarget: this._latestPointer.eventTarget,
@@ -3821,7 +3797,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		}
 		var Vt = function() {
 			function e(t) {
-				i(this, e), this.options = void 0, this.types = {}, this.propagationStopped = !1, this.immediatePropagationStopped = !1, this.global = void 0, this.options = U({}, t || {});
+				i(this, e), this.options = void 0, this.types = {}, this.propagationStopped = !1, this.immediatePropagationStopped = !1, this.global = void 0, this.options = W({}, t || {});
 			}
 			return o(e, [
 				{
@@ -4293,7 +4269,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			return e[e.On = 0] = "On", e[e.Off = 1] = "Off", e;
 		}(en || {}), tn = function() {
 			function e(t, n, r, a) {
-				i(this, e), this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new Vt(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = n.actions, this.target = t, this._context = n.context || r, this._win = y(H(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = a, this.set(n);
+				i(this, e), this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new Vt(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = n.actions, this.target = t, this._context = n.context || r, this._win = y(U(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = a, this.set(n);
 			}
 			return o(e, [
 				{
@@ -4327,14 +4303,14 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 						var n = this._defaults;
 						for (var r in t) {
 							var i = r, a = this.options[e], o = t[i];
-							i === "listeners" && this.updatePerActionListeners(e, a.listeners, o), S.array(o) ? a[i] = Te(o) : S.plainObject(o) ? (a[i] = U(a[i] || {}, gt(o)), S.object(n.perAction[i]) && "enabled" in n.perAction[i] && (a[i].enabled = !1 !== o.enabled)) : S.bool(o) && S.object(n.perAction[i]) ? a[i].enabled = o : a[i] = o;
+							i === "listeners" && this.updatePerActionListeners(e, a.listeners, o), S.array(o) ? a[i] = Te(o) : S.plainObject(o) ? (a[i] = W(a[i] || {}, gt(o)), S.object(n.perAction[i]) && "enabled" in n.perAction[i] && (a[i].enabled = !1 !== o.enabled)) : S.bool(o) && S.object(n.perAction[i]) ? a[i].enabled = o : a[i] = o;
 						}
 					}
 				},
 				{
 					key: "getRect",
 					value: function(e) {
-						return e ||= S.element(this.target) ? this.target : null, S.string(this.target) && (e ||= this._context.querySelector(this.target)), B(e);
+						return e ||= S.element(this.target) ? this.target : null, S.string(this.target) && (e ||= this._context.querySelector(this.target)), V(e);
 					}
 				},
 				{
@@ -4342,7 +4318,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					value: function(e) {
 						var t = this;
 						return S.func(e) ? (this.getRect = function(n) {
-							var r = U({}, e.apply(t, n));
+							var r = W({}, e.apply(t, n));
 							return "width" in r || (r.width = r.right - r.left, r.height = r.bottom - r.top), r;
 						}, this) : e === null ? (delete this.getRect, this) : this.getRect;
 					}
@@ -4350,7 +4326,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				{
 					key: "_backCompatOption",
 					value: function(e, t) {
-						if (H(t) || S.object(t)) {
+						if (U(t) || S.object(t)) {
 							for (var n in this.options[e] = t, this._actions.map) this.options[n][e] = t;
 							return this;
 						}
@@ -4445,7 +4421,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 						var t = this._defaults;
 						for (var n in S.object(e) || (e = {}), this.options = gt(t.base), this._actions.methodDict) {
 							var r = n, i = this._actions.methodDict[r];
-							this.options[r] = {}, this.setPerAction(r, U(U({}, t.perAction), t.actions[r])), this[i](e[r]);
+							this.options[r] = {}, this.setPerAction(r, W(W({}, t.perAction), t.actions[r])), this[i](e[r]);
 						}
 						for (var a in e) a === "getRect" ? this.rectChecker(e.getRect) : S.func(this[a]) && this[a](e[a]);
 						return this;
@@ -4477,7 +4453,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				{
 					key: "new",
 					value: function(e, t) {
-						t = U(t || {}, { actions: this.scope.actions });
+						t = W(t || {}, { actions: this.scope.actions });
 						var n = new this.scope.Interactable(e, t, this.scope.document, this.scope.events);
 						return this.scope.addDocument(n._doc), this.list.push(n), S.string(e) ? (this.selectorMap[e] || (this.selectorMap[e] = []), this.selectorMap[e].push(n)) : (n.target[this.scope.id] || Object.defineProperty(e, this.scope.id, {
 							value: [],
@@ -4526,7 +4502,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 						var i = e.interactables.getExisting(n, r);
 						return i || ((i = e.interactables.new(n, r)).events.global = t.globalEvents), i;
 					};
-					return t.getPointerAverage = _e, t.getTouchBBox = ve, t.getTouchDistance = ye, t.getTouchAngle = be, t.getElementRect = B, t.getElementClientRect = z, t.matchesSelector = F, t.closest = N, t.globalEvents = {}, t.version = "1.10.27", t.scope = e, t.use = function(e, t) {
+					return t.getPointerAverage = _e, t.getTouchBBox = ve, t.getTouchDistance = ye, t.getTouchAngle = be, t.getElementRect = V, t.getElementClientRect = B, t.matchesSelector = F, t.closest = N, t.globalEvents = {}, t.version = "1.10.27", t.scope = e, t.use = function(e, t) {
 						return this.scope.usePlugin(e, t), this;
 					}, t.isSet = function(e, t) {
 						return !!this.scope.interactables.get(e, t && t.context);
@@ -4674,7 +4650,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					value: function(e, t) {
 						if (this.getDocIndex(e) !== -1) return !1;
 						var n = y(e);
-						t = t ? U({}, t) : {}, this.documents.push({
+						t = t ? W({}, t) : {}, this.documents.push({
 							doc: e,
 							options: t
 						}), this.events.documents.push(e), e !== this.document && this.events.add(n, "unload", this.onWindowUnload), this.fire("scope:add-document", {
@@ -4763,12 +4739,12 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			id: "snappers",
 			install: function(e) {
 				var t = e.interactStatic;
-				t.snappers = U(t.snappers || {}, ln), t.createSnapGrid = t.snappers.grid;
+				t.snappers = W(t.snappers || {}, ln), t.createSnapGrid = t.snappers.grid;
 			}
 		}, dn = {
 			start: function(e) {
 				var t = e.state, r = e.rect, i = e.edges, a = e.pageCoords, o = t.options, s = o.ratio, c = o.enabled, l = t.options, u = l.equalDelta, d = l.modifiers;
-				s === "preserve" && (s = r.width / r.height), t.startCoords = U({}, a), t.startRect = U({}, r), t.ratio = s, t.equalDelta = u;
+				s === "preserve" && (s = r.width / r.height), t.startCoords = W({}, a), t.startRect = W({}, r), t.ratio = s, t.equalDelta = u;
 				var f = t.linkedEdges = {
 					top: i.top || i.left && !i.bottom,
 					left: i.left || i.top && !i.right,
@@ -4785,15 +4761,15 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					x: f.left ? -1 : 1,
 					y: f.top ? -1 : 1
 				};
-				if (!1 !== c && U(i, f), d != null && d.length) {
+				if (!1 !== c && W(i, f), d != null && d.length) {
 					var m = new _t(e.interaction);
 					m.copyFrom(e.interaction.modification), m.prepareStates(d), t.subModification = m, m.startAll(n({}, e));
 				}
 			},
 			set: function(e) {
-				var t = e.state, r = e.rect, i = e.coords, a = t.linkedEdges, o = U({}, i), s = t.equalDelta ? fn : pn;
-				if (U(e.edges, a), s(t, t.xIsPrimaryAxis, i, r), !t.subModification) return null;
-				var c = U({}, r);
+				var t = e.state, r = e.rect, i = e.coords, a = t.linkedEdges, o = W({}, i), s = t.equalDelta ? fn : pn;
+				if (W(e.edges, a), s(t, t.xIsPrimaryAxis, i, r), !t.subModification) return null;
+				var c = W({}, r);
 				re(a, c, {
 					x: i.x - o.x,
 					y: i.y - o.y
@@ -4805,7 +4781,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					prevCoords: i,
 					prevRect: c
 				})), u = l.delta;
-				return l.changed && (s(t, Math.abs(u.x) > Math.abs(u.y), l.coords, l.rect), U(i, l.coords)), l.eventProps;
+				return l.changed && (s(t, Math.abs(u.x) > Math.abs(u.y), l.coords, l.rect), W(i, l.coords)), l.eventProps;
 			},
 			defaults: {
 				ratio: "preserve",
@@ -4832,15 +4808,15 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		hn._defaults = {};
 		var gn = hn;
 		function _n(e, t, n) {
-			return S.func(e) ? W(e, t.interactable, t.element, [
+			return S.func(e) ? te(e, t.interactable, t.element, [
 				n.x,
 				n.y,
 				t
-			]) : W(e, t.interactable, t.element);
+			]) : te(e, t.interactable, t.element);
 		}
 		var vn = {
 			start: function(e) {
-				var t = e.rect, n = e.startOffset, r = e.state, i = e.interaction, a = e.pageCoords, o = r.options, s = o.elementRect, c = U({
+				var t = e.rect, n = e.startOffset, r = e.state, i = e.interaction, a = e.pageCoords, o = r.options, s = o.elementRect, c = W({
 					left: 0,
 					top: 0,
 					right: 0,
@@ -4860,7 +4836,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				var t = e.coords, n = e.interaction, r = e.state, i = r.options, a = r.offset, o = _n(i.restriction, n, t);
 				if (o) {
 					var s = function(e) {
-						return !e || "left" in e && "top" in e || ((e = U({}, e)).left = e.x || 0, e.top = e.y || 0, e.right = e.right || e.left + e.width, e.bottom = e.bottom || e.top + e.height), e;
+						return !e || "left" in e && "top" in e || ((e = W({}, e)).left = e.x || 0, e.top = e.y || 0, e.right = e.right || e.left + e.width, e.bottom = e.bottom || e.top + e.height), e;
 					}(o);
 					t.x = Math.max(Math.min(s.right - a.right, t.x), s.left + a.left), t.y = Math.max(Math.min(s.bottom - a.bottom, t.y), s.top + a.top);
 				}
@@ -4913,7 +4889,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			set: function(e) {
 				var t = e.coords, n = e.edges, r = e.interaction, i = e.state, a = i.offset, o = i.options;
 				if (n) {
-					var s = U({}, t), c = _n(o.inner, r, s) || {}, l = _n(o.outer, r, s) || {};
+					var s = W({}, t), c = _n(o.inner, r, s) || {}, l = _n(o.outer, r, s) || {};
 					Sn(c, bn), Sn(l, xn), n.top ? t.y = Math.min(Math.max(l.top + a.top, s.y), c.top + a.top) : n.bottom && (t.y = Math.max(Math.min(l.bottom + a.bottom, s.y), c.bottom + a.bottom)), n.left ? t.x = Math.min(Math.max(l.left + a.left, s.x), c.left + a.left) : n.right && (t.x = Math.max(Math.min(l.right + a.right, s.x), c.right + a.right));
 				}
 			},
@@ -4924,7 +4900,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, wn = yt(Cn, "restrictEdges"), Tn = U({
+		}, wn = yt(Cn, "restrictEdges"), Tn = W({
 			get elementRect() {
 				return {
 					top: 0,
@@ -4954,8 +4930,8 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					var o = ne(_n(a.min, t, e.coords)) || Dn, s = ne(_n(a.max, t, e.coords)) || On;
 					n.options = {
 						endOnly: a.endOnly,
-						inner: U({}, Cn.noInner),
-						outer: U({}, Cn.noOuter)
+						inner: W({}, Cn.noInner),
+						outer: W({}, Cn.noOuter)
 					}, i.top ? (n.options.inner.top = r.bottom - o.height, n.options.outer.top = r.bottom - s.height) : i.bottom && (n.options.inner.bottom = r.top + o.height, n.options.outer.bottom = r.top + s.height), i.left ? (n.options.inner.left = r.right - o.width, n.options.outer.left = r.right - s.width) : i.right && (n.options.inner.right = r.left + o.width, n.options.outer.right = r.left + s.width), Cn.set(e), n.options = a;
 				}
 			},
@@ -4969,7 +4945,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			start: function(e) {
 				var t, n = e.interaction, r = e.interactable, i = e.element, a = e.rect, o = e.state, s = e.startOffset, c = o.options, l = c.offsetWithOrigin ? function(e) {
 					var t = e.interaction.element;
-					return G(W(e.state.options.origin, null, null, [t])) || ie(e.interactable, t, e.interaction.prepared.name);
+					return G(te(e.state.options.origin, null, null, [t])) || ie(e.interactable, t, e.interaction.prepared.name);
 				}(e) : {
 					x: 0,
 					y: 0
@@ -4979,7 +4955,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					y: n.coords.start.page.y
 				};
 				else {
-					var u = W(c.offset, r, i, [n]);
+					var u = te(c.offset, r, i, [n]);
 					(t = G(u) || {
 						x: 0,
 						y: 0
@@ -5001,7 +4977,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				}];
 			},
 			set: function(e) {
-				var t = e.interaction, n = e.coords, r = e.state, i = r.options, a = r.offsets, o = ie(t.interactable, t.element, t.prepared.name), s = U({}, n), c = [];
+				var t = e.interaction, n = e.coords, r = e.state, i = r.options, a = r.offsets, o = ie(t.interactable, t.element, t.prepared.name), s = W({}, n), c = [];
 				i.offsetWithOrigin || (s.x -= o.x, s.y -= o.y);
 				for (var l = 0, u = a; l < u.length; l++) for (var d = u[l], f = s.x - d.x, p = s.y - d.y, m = 0, h = i.targets.length; m < h; m++) {
 					var g = i.targets[m], _ = void 0;
@@ -5062,7 +5038,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					x: r.x - a[0].x,
 					y: r.y - a[0].y
 				};
-				n.options = U({}, i), n.options.targets = [];
+				n.options = W({}, i), n.options.targets = [];
 				for (var s = 0, c = i.targets || []; s < c.length; s++) {
 					var l = c[s], u = void 0;
 					if (u = S.func(l) ? l(o.x, o.y, t) : l) {
@@ -5086,7 +5062,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, Nn = yt(Mn, "snapSize"), Pn = {
+		}, Nn = yt(Mn, "snapSize"), Q = {
 			aspectRatio: mn,
 			restrictEdges: wn,
 			restrict: yn,
@@ -5098,7 +5074,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					return t ? (e.state.targetFields = e.state.targetFields || [[t.left ? "left" : "right", t.top ? "top" : "bottom"]], Mn.start(e)) : null;
 				},
 				set: Mn.set,
-				defaults: U(gt(Mn.defaults), {
+				defaults: W(gt(Mn.defaults), {
 					targets: void 0,
 					range: void 0,
 					offset: {
@@ -5113,16 +5089,16 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			avoid: gn,
 			transform: gn,
 			rubberband: gn
-		}, Fn = {
+		}, Pn = {
 			id: "modifiers",
 			install: function(e) {
 				var t = e.interactStatic;
-				for (var n in e.usePlugin(xt), e.usePlugin(un), t.modifiers = Pn, Pn) {
-					var r = Pn[n], i = r._defaults;
+				for (var n in e.usePlugin(xt), e.usePlugin(un), t.modifiers = Q, Q) {
+					var r = Q[n], i = r._defaults;
 					i._methods = r._methods, e.defaults.perAction[n] = i;
 				}
 			}
-		}, In = function(e) {
+		}, Fn = function(e) {
 			c(n, e);
 			var t = f(n);
 			function n(e, r, a, o, s, c) {
@@ -5157,7 +5133,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					}
 				}
 			]), n;
-		}(Ce), Q = {
+		}(Ce), In = {
 			id: "pointer-events/base",
 			before: [
 				"inertia",
@@ -5166,7 +5142,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				"actions"
 			],
 			install: function(e) {
-				e.pointerEvents = Q, e.defaults.actions.pointerEvents = Q.defaults, U(e.actions.phaselessTypes, Q.types);
+				e.pointerEvents = In, e.defaults.actions.pointerEvents = In.defaults, W(e.actions.phaselessTypes, In.types);
 			},
 			listeners: {
 				"interactions:new": function(e) {
@@ -5192,7 +5168,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				},
 				"interactions:down": function(e, t) {
 					(function(e, t) {
-						for (var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.pointerIndex, s = n.pointers[o].hold, c = V(a), l = {
+						for (var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.pointerIndex, s = n.pointers[o].hold, c = H(a), l = {
 							interaction: n,
 							pointer: r,
 							event: i,
@@ -5235,7 +5211,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 					zn(e), Ln(e, t);
 				}
 			},
-			PointerEvent: In,
+			PointerEvent: Fn,
 			fire: Ln,
 			collectEventTargets: Rn,
 			defaults: {
@@ -5258,7 +5234,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			}
 		};
 		function Ln(e, t) {
-			var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.type, s = e.targets, c = s === void 0 ? Rn(e, t) : s, l = new In(o, r, i, a, n, t.now());
+			var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.type, s = e.targets, c = s === void 0 ? Rn(e, t) : s, l = new Fn(o, r, i, a, n, t.now());
 			t.fire("pointerEvents:new", { pointerEvent: l });
 			for (var u = {
 				interaction: n,
@@ -5289,7 +5265,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		function Rn(e, t) {
 			var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.type, s = n.getPointerIndex(r), c = n.pointers[s];
 			if (o === "tap" && (n.pointerWasMoved || !c || c.downTarget !== a)) return [];
-			for (var l = V(a), u = {
+			for (var l = H(a), u = {
 				interaction: n,
 				pointer: r,
 				event: i,
@@ -5310,7 +5286,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		}
 		var Bn = Object.freeze({
 			__proto__: null,
-			default: Q
+			default: In
 		});
 		function Vn(e) {
 			var t = e.interaction;
@@ -5319,7 +5295,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		var Hn = {
 			id: "pointer-events/holdRepeat",
 			install: function(e) {
-				e.usePlugin(Q);
+				e.usePlugin(In);
 				var t = e.pointerEvents;
 				t.defaults.holdRepeatInterval = 0, t.types.holdrepeat = e.actions.phaselessTypes.holdrepeat = !0;
 			},
@@ -5356,7 +5332,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			install: function(e) {
 				var t = e.Interactable;
 				t.prototype.pointerEvents = function(e) {
-					return U(this.events.options, e), this;
+					return W(this.events.options, e), this;
 				};
 				var n = t.prototype._backCompatOption;
 				t.prototype._backCompatOption = function(e, t) {
@@ -5384,7 +5360,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 				},
 				"interactable:set": function(e, t) {
 					var n = e.interactable, r = e.options;
-					U(n.events.options, t.pointerEvents.defaults), U(n.events.options, r.pointerEvents || {});
+					W(n.events.options, t.pointerEvents.defaults), W(n.events.options, r.pointerEvents || {});
 				}
 			}
 		};
@@ -5393,7 +5369,7 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 			install: function(e) {
 				e.usePlugin(Bn), e.usePlugin(Hn), e.usePlugin(Un);
 			}
-		}), sn.use(zt), sn.use(Fn), sn.use(dt), sn.use(We), sn.use(Z), sn.use({
+		}), sn.use(zt), sn.use(Pn), sn.use(dt), sn.use(We), sn.use(Z), sn.use({
 			id: "reflow",
 			install: function(e) {
 				var t = e.Interactable;
@@ -5495,154 +5471,130 @@ var gt = /* @__PURE__ */ b(((e, t) => {
 		} catch {}
 		return sn.default = sn, sn;
 	}));
-})), vt = /* @__PURE__ */ S(gt(), 1), yt = /* @__PURE__ */ S(_t(), 1);
-function bt(e) {
-	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "function" ? e.toString() : e instanceof Date ? e.toISOString() : e instanceof RegExp ? e.toString() : e instanceof Map ? JSON.stringify(Array.from(e.entries())) : e instanceof Set ? JSON.stringify(Array.from(e.values())) : e instanceof WeakMap || e instanceof WeakSet ? "" : e instanceof ArrayBuffer ? e.toString() : Array.isArray(e) ? JSON.stringify(e.map(bt)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t))) : "";
+})))(), 1);
+function _t(e) {
+	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "function" ? e.toString() : e instanceof Date ? e.toISOString() : e instanceof RegExp ? e.toString() : e instanceof Map ? JSON.stringify(Array.from(e.entries())) : e instanceof Set ? JSON.stringify(Array.from(e.values())) : e instanceof WeakMap || e instanceof WeakSet ? "" : e instanceof ArrayBuffer ? e.toString() : Array.isArray(e) ? JSON.stringify(e.map(_t)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t))) : "";
 }
 //#endregion
 //#region src/hooks/useInertiaDrag.ts
-function xt(e, { isEnabled: t = !0, onDragEnd: n, onDragMove: r, onDragStart: i, ...a }) {
+function vt(e, { isEnabled: t = !0, onDragEnd: n, onDragMove: r, onDragStart: i, ...a }) {
 	let o = Z(i), s = Z(r), c = Z(n);
 	u(() => {
 		if (!t) return;
 		let n = e && "current" in e ? e.current : e;
 		if (!n) return;
-		let r = (0, yt.default)(n).draggable({
+		let r = !1, i = (0, gt.default)(n).draggable({
 			inertia: !0,
 			...a,
 			onend: ({ client: e, clientX0: t, clientY0: n }) => {
-				let r = K.make(t, n), i = K.make(e);
-				c.current?.(i, r);
+				r = !1;
+				let i = K.make(t, n), a = K.make(e);
+				c.current?.(a, i);
 			},
 			onmove: ({ client: e, clientX0: t, clientY0: n, dx: r, dy: i }) => {
 				let a = K.make(t, n), o = K.make(e), c = K.make(r, i);
 				s.current?.(c, o, a);
 			},
 			onstart: ({ client: e }) => {
+				r = !0;
 				let t = K.make(e);
 				o.current?.(t);
 			}
 		});
 		return () => {
-			r.unset(), c.current?.(K.zero, K.zero);
+			i.unset(), r && c.current?.(K.zero, K.zero);
 		};
 	}, [
-		e,
+		e && "current" in e ? e.current : e,
 		t,
-		bt(a)
+		_t(a)
 	]);
 }
 //#endregion
-//#region src/hooks/useInertiaDragValue.ts
-function St(e, { initialValue: t, transform: n, onDragEnd: r, onDragMove: i, onDragStart: a, ...o }) {
-	let s = f(t), [c, u] = p(!1), [d, m] = p(!1), [h, g] = p(t), _ = Z(a), v = Z(i), y = Z(r), b = Z(n);
-	return xt(e, {
-		onDragEnd: (e, t) => {
-			u(!1), m(!0), y.current?.(e, t);
-		},
-		onDragMove: (e, t, n) => {
-			let r = b.current(s.current, e.x, e.y);
-			Ct(s, r) && g(r), u(!0), m(!1), v.current?.(e, t, n);
-		},
-		onDragStart: (e) => {
-			u(!0), m(!1), _.current?.(e);
-		},
-		...o
-	}), l(() => {
-		Ct(s, h);
-	}, [h]), {
-		value: h,
-		isDragging: c,
-		isReleasing: d,
-		setValue: g
-	};
-}
-function Ct(e, t) {
-	return (0, vt.default)(e.current, t) ? !1 : (e.current = t, !0);
+//#region src/hooks/useSize.ts
+function yt(e) {
+	let [t, n] = p(q.zero);
+	return Ye(e, (e) => {
+		let t = X.from(e), r = X.size(t);
+		n((e) => q.isEqual(e, r) ? e : r);
+	}), t;
 }
 //#endregion
 //#region src/primitives/Panorama.tsx
-function wt({ ref: e, angle: t = 0, speed: n = 1, src: r, zeroAnchor: i = 0, onAngleChange: a, onDragEnd: o, onDragStart: s, onImageSizeChange: u, onLoadImageComplete: d, onLoadImageError: m, onLoadImageStart: h, onPositionChange: g, ..._ }) {
-	let v = c((e, t, r) => e - t * n, [n]), y = f(null), b = Ze(y), x = et({ src: r }, {
+function bt({ ref: e, angle: t = 0, speed: n = 1, src: r, zeroAnchor: i = 0, onAngleChange: a, onDragEnd: o, onDragStart: s, onImageSizeChange: d, onLoadImageComplete: p, onLoadImageError: m, onLoadImageStart: h, onPositionChange: g, ..._ }) {
+	let v = f(null), y = yt(v), b = et({ src: r }, {
 		onError: m,
-		onLoad: d,
+		onLoad: p,
 		onLoadStart: h
-	}), [S, C] = p(t), { value: w, isDragging: T, setValue: E } = St(y, {
-		initialValue: 0,
-		transform: v,
-		onDragEnd: o,
-		onDragStart: s
-	});
-	l(() => {
-		if (T || !x) return;
-		let e = Dt(t, x, X.size(b), i);
-		e !== w && E(e), t !== S && C(t);
+	}), x = f(!1), S = f(0), C = c((e, t) => e - t * n, [n]), w = c((e) => {
+		v.current && (v.current.style.backgroundPositionX = `${-e}px`);
+	}, []);
+	return u(() => {
+		if (x.current || !b) return;
+		let e = Ct(t, b, y, i);
+		S.current = e, w(e);
 	}, [
 		t,
-		x,
-		b.width,
-		b.height,
-		i
-	]), l(() => {
-		if (!T || !x) return;
-		let e = Ot(w, x, X.size(b), i);
-		S !== e && C(e);
-	}, [
-		w,
-		x,
-		b.width,
-		b.height,
+		b,
+		y,
 		i
 	]), l(() => {
-		a?.(S, T), g?.(S / 360, T);
-	}, [S]), l(() => {
-		u?.(x);
-	}, [x?.width, x?.height]);
-	let D = Tt({
-		displacement: w,
-		src: r
-	});
-	return /* @__PURE__ */ (0, O.jsx)("div", {
+		d?.(b);
+	}, [b]), vt(v, {
+		onDragEnd: () => {
+			x.current = !1, o?.();
+		},
+		onDragMove: ({ x: e }) => {
+			if (!b) return;
+			let t = C(S.current, e), n = Tt(t, b, y, i), r = wt(n);
+			S.current = t, w(t), a?.(n), g?.(r);
+		},
+		onDragStart: () => {
+			x.current = !0, s?.();
+		}
+	}), /* @__PURE__ */ (0, O.jsx)("div", {
 		..._,
 		ref: e,
-		"aria-valuenow": S,
+		"aria-valuenow": t,
 		role: "slider",
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
-			ref: y,
-			style: D.body
+			ref: v,
+			style: {
+				...xt.body,
+				backgroundImage: `url(${r})`
+			}
 		})
 	});
 }
-function Tt({ displacement: e = NaN, src: t = "" }) {
-	return M({ body: {
-		backgroundImage: `url(${t})`,
-		backgroundPositionX: `${-e}px`,
-		backgroundRepeat: "repeat",
-		backgroundSize: "auto 100%",
-		height: "100%",
-		touchAction: "none",
-		width: "100%"
-	} });
-}
-function Et(e, t) {
+var xt = M({ body: {
+	backgroundRepeat: "repeat",
+	backgroundSize: "auto 100%",
+	height: "100%",
+	touchAction: "none",
+	width: "100%"
+} });
+function St(e, t) {
 	let { height: n, width: r } = e, { height: i } = t;
 	if (n <= 0) return q.zero;
 	let a = i / n * r;
 	return q.make(a, i);
 }
-function Dt(e, t, n, r) {
-	let { width: i } = Et(t, n), { width: a } = n, o = a * r;
+function Ct(e, t, n, r) {
+	let { width: i } = St(t, n), { width: a } = n, o = a * r;
 	return e / 360 * i - o;
 }
-function Ot(e, t, n, r) {
-	let { width: i } = Et(t, n), { width: a } = n, o = (e + a * r) % i / i * 360;
+function wt(e) {
+	return e / 360;
+}
+function Tt(e, t, n, r) {
+	let { width: i } = St(t, n), { width: a } = n, o = (e + a * r) % i / i * 360;
 	for (; o < 0;) o += 360;
 	return o;
 }
-process.env.NODE_ENV === "development" && (wt.displayName = "Panorama");
+process.env.NODE_ENV === "development" && (bt.displayName = "Panorama");
 //#endregion
 //#region src/components/PanoramaSlider.tsx
-function kt({ className: e, ref: t, style: n, angle: r = 0, autoDimension: i = "width", children: a, fov: o, speed: s = 1, src: l, viewportSize: u, zeroAnchor: d = 0, onAngleChange: m, onDragEnd: h, onDragStart: g, onImageSizeChange: _, onLoadImageComplete: v, onLoadImageError: y, onLoadImageStart: b, onPositionChange: x, ...S }) {
+function Et({ className: e, ref: t, style: n, angle: r = 0, autoDimension: i = "width", children: a, fov: o, speed: s = 1, src: l, viewportSize: u, zeroAnchor: d = 0, onAngleChange: m, onDragEnd: h, onDragStart: g, onImageSizeChange: _, onLoadImageComplete: v, onLoadImageError: y, onLoadImageStart: b, onPositionChange: x, ...S }) {
 	let C = f(null), T = Ze(C), [E, D] = p(), [k, A] = p(!1), M = c(() => {
 		if (!E) return 0;
 		let { height: e, width: t } = E;
@@ -5664,11 +5616,11 @@ function kt({ className: e, ref: t, style: n, angle: r = 0, autoDimension: i = "
 		A(!0), g?.();
 	}, [g]), R = c(() => {
 		A(!1), h?.();
-	}, [h]), ee = j(a, {
-		indicator: kt.Indicator,
-		reticle: kt.Reticle,
-		track: kt.Track
-	}), z = At({
+	}, [h]), z = j(a, {
+		indicator: Et.Indicator,
+		reticle: Et.Reticle,
+		track: Et.Track
+	}), B = Dt({
 		aspectRatio: M,
 		autoDimension: i,
 		panoramaRect: T,
@@ -5678,11 +5630,11 @@ function kt({ className: e, ref: t, style: n, angle: r = 0, autoDimension: i = "
 		...S,
 		className: w(e, { dragging: k }),
 		ref: t,
-		style: F(n, z.root),
+		style: F(n, B.root),
 		children: [
-			/* @__PURE__ */ (0, O.jsx)(wt, {
+			/* @__PURE__ */ (0, O.jsx)(bt, {
 				ref: C,
-				style: z.panorama,
+				style: B.panorama,
 				angle: r,
 				speed: s,
 				src: l,
@@ -5697,40 +5649,40 @@ function kt({ className: e, ref: t, style: n, angle: r = 0, autoDimension: i = "
 				onPositionChange: x
 			}),
 			/* @__PURE__ */ (0, O.jsx)("div", {
-				style: z.body,
+				style: B.body,
 				children: /* @__PURE__ */ (0, O.jsxs)("div", {
-					style: z.controls,
+					style: B.controls,
 					children: [
 						/* @__PURE__ */ (0, O.jsx)(P, {
 							className: w({ dragging: k }),
-							style: z.track,
-							element: ee.track ?? /* @__PURE__ */ (0, O.jsx)(kt.Track, {})
+							style: B.track,
+							element: z.track ?? /* @__PURE__ */ (0, O.jsx)(Et.Track, {})
 						}),
 						/* @__PURE__ */ (0, O.jsx)(P, {
 							className: w({ dragging: k }),
-							style: z.reticle,
-							element: ee.reticle ?? /* @__PURE__ */ (0, O.jsx)(kt.Reticle, {})
+							style: B.reticle,
+							element: z.reticle ?? /* @__PURE__ */ (0, O.jsx)(Et.Reticle, {})
 						}),
 						/* @__PURE__ */ (0, O.jsx)(P, {
 							className: w({ dragging: k }),
-							style: z.track,
-							element: ee.track ?? /* @__PURE__ */ (0, O.jsx)(kt.Track, {})
+							style: B.track,
+							element: z.track ?? /* @__PURE__ */ (0, O.jsx)(Et.Track, {})
 						})
 					]
 				})
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ dragging: k }),
-				style: z.indicator,
-				element: ee.indicator ?? /* @__PURE__ */ (0, O.jsx)(kt.Indicator, {})
+				style: B.indicator,
+				element: z.indicator ?? /* @__PURE__ */ (0, O.jsx)(Et.Indicator, {})
 			})
 		]
 	});
 }
 (function(e) {
 	e.Indicator = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Reticle = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Track = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e });
-})(kt ||= {});
-function At({ aspectRatio: e = 0, autoDimension: t = "width", panoramaRect: n = X.zero, reticleWidth: r = 0 }) {
+})(Et ||= {});
+function Dt({ aspectRatio: e = 0, autoDimension: t = "width", panoramaRect: n = X.zero, reticleWidth: r = 0 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -5762,10 +5714,10 @@ function At({ aspectRatio: e = 0, autoDimension: t = "width", panoramaRect: n =
 		track: { flex: "1 0 auto" }
 	});
 }
-process.env.NODE_ENV === "development" && (kt.displayName = "PanoramaSlider", kt.Indicator.displayName = "PanoramaSlider.Indicator", kt.Reticle.displayName = "PanoramaSlider.Reticle", kt.Track.displayName = "PanoramaSlider.Track");
+process.env.NODE_ENV === "development" && (Et.displayName = "PanoramaSlider", Et.Indicator.displayName = "PanoramaSlider.Indicator", Et.Reticle.displayName = "PanoramaSlider.Reticle", Et.Track.displayName = "PanoramaSlider.Track");
 //#endregion
 //#region src/components/SelectableButton.tsx
-function jt({ className: e, ref: t, children: n, label: r, isDeselectable: i = !1, isDisabled: a = !1, isSelected: o = !1, onDeselect: s, onSelect: c, onToggle: l, ...u }) {
+function Ot({ className: e, ref: t, children: n, label: r, isDeselectable: i = !1, isDisabled: a = !1, isSelected: o = !1, onDeselect: s, onSelect: c, onToggle: l, ...u }) {
 	let d = () => {
 		if (!a) if (o) {
 			if (!i) return;
@@ -5787,31 +5739,31 @@ function jt({ className: e, ref: t, children: n, label: r, isDeselectable: i = !
 		children: n ?? r
 	});
 }
-process.env.NODE_ENV === "development" && (jt.displayName = "SelectableButton");
+process.env.NODE_ENV === "development" && (Ot.displayName = "SelectableButton");
 //#endregion
 //#region src/flows/Conditional.tsx
-function Mt({ children: e, if: t }) {
+function kt({ children: e, if: t }) {
 	switch (typeof t) {
 		case "function": return t() ? /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: e }) : /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
 		default: return t ? /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: e }) : /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
 	}
 }
-process.env.NODE_ENV === "development" && (Mt.displayName = "Conditional");
+process.env.NODE_ENV === "development" && (kt.displayName = "Conditional");
 //#endregion
 //#region src/flows/Each.tsx
-function Nt({ children: e, in: t, render: r }) {
+function At({ children: e, in: t, render: r }) {
 	if (t == null) return /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
 	if (!(t instanceof Array)) throw TypeError(`Provided list <${t}> is not an array`);
 	return /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: t.map((t, i) => /* @__PURE__ */ (0, O.jsx)(n, { children: r?.(t, i) ?? (typeof e == "function" ? e(t, i) : e) }, `item-${i}`)) });
 }
-process.env.NODE_ENV === "development" && (Nt.displayName = "Each");
+process.env.NODE_ENV === "development" && (At.displayName = "Each");
 //#endregion
 //#region src/flows/Switch.tsx
-function Pt({ children: e, condition: n }) {
+function jt({ children: e, condition: n }) {
 	let r = t.toArray(e);
 	if (r.length === 0) return console.error("[etudes::Switch] `Switch` must have at least one child"), /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
-	if (!Ft(r)) return console.error("[etudes::Switch] `Switch` children must be of `Case` type or `Default` type"), /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
-	let i = r.filter((e) => e.type === Pt.Default);
+	if (!Mt(r)) return console.error("[etudes::Switch] `Switch` children must be of `Case` type or `Default` type"), /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
+	let i = r.filter((e) => e.type === jt.Default);
 	if (i.length > 1) return console.error("[etudes::Switch] `Switch` can only have maximum one `Default` child"), /* @__PURE__ */ (0, O.jsx)(O.Fragment, {});
 	let a = i[0];
 	for (let e of r) if (typeof n == "function") {
@@ -5828,14 +5780,14 @@ function Pt({ children: e, condition: n }) {
 		return e;
 	}
 	e.Default = n;
-})(Pt ||= {});
-function Ft(e) {
-	return e.every((e) => o(e) && (e.type === Pt.Case || e.type === Pt.Default));
+})(jt ||= {});
+function Mt(e) {
+	return e.every((e) => o(e) && (e.type === jt.Case || e.type === jt.Default));
 }
-process.env.NODE_ENV === "development" && (Pt.displayName = "Switch", Pt.Case.displayName = "Switch.Case", Pt.Default.displayName = "Switch.Default");
+process.env.NODE_ENV === "development" && (jt.displayName = "Switch", jt.Case.displayName = "Switch.Case", jt.Default.displayName = "Switch.Default");
 //#endregion
 //#region src/utils/ExtractChild.tsx
-function It({ ref: e, children: n, ...r }) {
+function Nt({ ref: e, children: n, ...r }) {
 	return Array.isArray(n) && console.error(`[etudes::ExtractChild] Only one child is expected, but found ${n.length}. Only the first child is extracted while the rest are discarded.`), t.map(n, (t, n) => {
 		if (!(n > 0)) return o(t) ? N(t, {
 			...r,
@@ -5843,10 +5795,10 @@ function It({ ref: e, children: n, ...r }) {
 		}) : t;
 	});
 }
-process.env.NODE_ENV === "development" && (It.displayName = "ExtractChild");
+process.env.NODE_ENV === "development" && (Nt.displayName = "ExtractChild");
 //#endregion
 //#region src/utils/measureIntrinsicSize.ts
-function Lt(e, t) {
+function Pt(e, t) {
 	if (typeof window > "u") return q.zero;
 	let n = e.cloneNode(!0);
 	n.style.position = "fixed", n.style.visibility = "hidden";
@@ -5867,7 +5819,7 @@ function Lt(e, t) {
 }
 //#endregion
 //#region src/utils/setStyles.ts
-function Rt(e, { target: t } = {}) {
+function Ft(e, { target: t } = {}) {
 	if (typeof window > "u") return;
 	let n = t ?? window.document.documentElement;
 	Object.keys(e).forEach((t) => {
@@ -5876,7 +5828,7 @@ function Rt(e, { target: t } = {}) {
 }
 //#endregion
 //#region src/hocs/WithTooltip.tsx
-function zt({ className: e = "", style: t, alignment: n, arrowHeight: r = 6, arrowWidth: i = 12, children: a, forwardProps: o = !1, gap: s = 4, hint: u, maxWidth: d = 200 }) {
+function It({ className: e = "", style: t, alignment: n, arrowHeight: r = 6, arrowWidth: i = 12, children: a, forwardProps: o = !1, gap: s = 4, hint: u, maxWidth: d = 200 }) {
 	let p = f(null), m = f(null), h = f(null), g = f(void 0), _ = c(() => {
 		let e = p.current, a = m.current, o = h.current;
 		if (!e || !a || !o) return;
@@ -5885,8 +5837,8 @@ function zt({ className: e = "", style: t, alignment: n, arrowHeight: r = 6, arr
 			width: c.width,
 			x: c.left - l.left,
 			y: c.top - l.top
-		}), f = q.make(i, r), g = Lt(e, d), _ = n ?? Vt(u, l);
-		Rt(F(t, Ht(_, g, f, s, u)), { target: e }), Rt(Ut(_, g, f, u), { target: a });
+		}), f = q.make(i, r), g = Pt(e, d), _ = n ?? Rt(u, l);
+		Ft(F(t, zt(_, g, f, s, u)), { target: e }), Ft(Bt(_, g, f, u), { target: a });
 	}, [
 		n,
 		d,
@@ -5909,11 +5861,11 @@ function zt({ className: e = "", style: t, alignment: n, arrowHeight: r = 6, arr
 		e && (g.current?.disconnect(), g.current = void 0, window.removeEventListener("resize", _), e.isConnected && window.document.body.removeChild(e));
 	}, [_]);
 	return l(() => {
-		let { arrow: t, dialog: n } = Bt(e, u);
+		let { arrow: t, dialog: n } = Lt(e, u);
 		return m.current = t, p.current = n, () => {
 			n.isConnected && window.document.body.removeChild(n), m.current = null, p.current = null, g.current?.disconnect(), g.current = void 0, window.removeEventListener("resize", _);
 		};
-	}, [e, u]), o ? /* @__PURE__ */ (0, O.jsx)(It, {
+	}, [e, u]), o ? /* @__PURE__ */ (0, O.jsx)(Nt, {
 		ref: h,
 		onMouseEnter: v,
 		onMouseLeave: y,
@@ -5925,9 +5877,9 @@ function zt({ className: e = "", style: t, alignment: n, arrowHeight: r = 6, arr
 		children: a
 	});
 }
-function Bt(e, t) {
+function Lt(e, t) {
 	let n = window.document.createElement("span");
-	n.className = e, n.innerHTML = t, n.role = "tooltip", Rt({
+	n.className = e, n.innerHTML = t, n.role = "tooltip", Ft({
 		boxSizing: "border-box",
 		height: "auto",
 		margin: "0",
@@ -5937,7 +5889,7 @@ function Bt(e, t) {
 		zIndex: 100
 	}, { target: n });
 	let r = window.document.createElement("span");
-	return Rt({
+	return Ft({
 		background: "inherit",
 		position: "absolute"
 	}, { target: r }), n.appendChild(r), {
@@ -5945,7 +5897,7 @@ function Bt(e, t) {
 		dialog: n
 	};
 }
-function Vt(e, t) {
+function Rt(e, t) {
 	let n = e.top, r = t.height - e.bottom, i = e.left, a = t.width - e.right, o = 1.5, s = a <= 0 || i / a > o ? "left" : i <= 0 || a / i > o ? "right" : "center", c = r <= 0 || n / r > o ? "top" : n <= 0 || r / n > o ? "bottom" : "center";
 	if (s === "center" && c === "center") return "bc";
 	if (s === "center") switch (c) {
@@ -5958,7 +5910,7 @@ function Vt(e, t) {
 	}
 	else return c.charAt(0) + s.charAt(0);
 }
-function Ht(e, t, n, r, i) {
+function zt(e, t, n, r, i) {
 	let a = t.width, o = i.width > a, s = i.left + i.width / 2, c = i.top + i.height / 2, l = { width: `${a}px` };
 	switch (e) {
 		case "bc": return {
@@ -6012,7 +5964,7 @@ function Ht(e, t, n, r, i) {
 		default: return console.error(`[etudes::WithTooltip] Invalid alignment: ${e}`), {};
 	}
 }
-function Ut(e, t, n, r) {
+function Bt(e, t, n, r) {
 	let i = r.width, a = i > t.width, o = e === "cl" || e === "cr" ? q.rotate(n) : n, s = {
 		bottom: "auto",
 		height: `${o.height}px`,
@@ -6083,10 +6035,10 @@ function Ut(e, t, n, r) {
 		default: return console.error(`[etudes::WithTooltip] Invalid alignment: ${e}`), {};
 	}
 }
-process.env.NODE_ENV === "development" && (zt.displayName = "WithTooltip");
+process.env.NODE_ENV === "development" && (It.displayName = "WithTooltip");
 //#endregion
 //#region src/hooks/useClassName.ts
-function Wt(e, { target: t, isEnabled: n = !0 } = {}) {
+function Vt(e, { target: t, isEnabled: n = !0 } = {}) {
 	u(() => {
 		if (!n) return;
 		let r = t ?? window.document.documentElement, i = r.classList.contains(e);
@@ -6101,7 +6053,7 @@ function Wt(e, { target: t, isEnabled: n = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useClickOutside.ts
-function Gt(e, t, { isEnabled: n = !0 } = {}) {
+function Ht(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t), i = Z([].concat(e));
 	l(() => {
 		if (!n) return;
@@ -6113,11 +6065,11 @@ function Gt(e, t, { isEnabled: n = !0 } = {}) {
 		return window.addEventListener("pointerdown", a, !0), window.addEventListener("click", o, !0), () => {
 			window.removeEventListener("pointerdown", a, !0), window.removeEventListener("click", o, !0);
 		};
-	}, [n]);
+	}, [...[].concat(e).map((e) => e && "current" in e ? e.current : void 0), n]);
 }
 //#endregion
 //#region src/hooks/useCopyBlobToClipboard.ts
-function Kt() {
+function Ut() {
 	return c(async (e) => {
 		let t = e.type, n = new ClipboardItem({ [t]: e });
 		try {
@@ -6129,7 +6081,7 @@ function Kt() {
 }
 //#endregion
 //#region src/hooks/useDownloadBlob.ts
-function qt() {
+function Wt() {
 	return c((e, t) => {
 		let n = URL.createObjectURL(e), r = document.createElement("a");
 		r.href = n, r.download = t, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
@@ -6137,17 +6089,17 @@ function qt() {
 }
 //#endregion
 //#region src/utils/getDPR.ts
-function Jt() {
+function Gt() {
 	return typeof window > "u" ? 1 : window.devicePixelRatio || 1;
 }
 //#endregion
 //#region src/hooks/useDPR.ts
-function Yt() {
-	return d(() => Jt(), []);
+function Kt() {
+	return d(() => Gt(), []);
 }
 //#endregion
 //#region src/hooks/useDrag.ts
-function Xt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, onDragMove: i, onDragStart: a }) {
+function qt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, onDragMove: i, onDragStart: a }) {
 	let o = f(void 0), s = f(void 0), l = Z(a), d = Z(i), p = Z(r), m = c((e) => {
 		if (!o.current) return;
 		let t = K.make(e.clientX, e.clientY), n = K.subtract(t, s.current ?? o.current);
@@ -6158,7 +6110,7 @@ function Xt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, on
 		let i = K.make(t.clientX, t.clientY), a = K.subtract(s.current ?? o.current, i);
 		p.current?.(a, i, o.current), o.current = void 0, s.current = void 0, r.removeEventListener("mousemove", m), r.removeEventListener("mouseup", h, { capture: !0 }), r.removeEventListener("mouseleave", h), n && (r.style.cursor = "grab");
 	}, [
-		e,
+		e && "current" in e ? e.current : e,
 		n,
 		m
 	]), g = c((t) => {
@@ -6168,7 +6120,7 @@ function Xt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, on
 		let i = K.make(t.clientX, t.clientY);
 		o.current = i, s.current = i, r.addEventListener("mousemove", m), r.addEventListener("mouseup", h, { capture: !0 }), r.addEventListener("mouseleave", h), n && (r.style.cursor = "grabbing"), l.current?.(i);
 	}, [
-		e,
+		e && "current" in e ? e.current : e,
 		n,
 		m,
 		h
@@ -6181,7 +6133,7 @@ function Xt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, on
 			r.style.cursor = i;
 		};
 	}, [
-		e,
+		e && "current" in e ? e.current : e,
 		t,
 		n
 	]), u(() => {
@@ -6190,7 +6142,7 @@ function Xt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, on
 			n.removeEventListener("mousedown", g), n.removeEventListener("mousemove", m), n.removeEventListener("mouseup", h, { capture: !0 }), n.removeEventListener("mouseleave", h);
 		};
 	}, [
-		e,
+		e && "current" in e ? e.current : e,
 		t,
 		m,
 		h,
@@ -6199,7 +6151,7 @@ function Xt(e, { isEnabled: t = !0, shouldUpdateCursor: n = !0, onDragEnd: r, on
 }
 //#endregion
 //#region src/hooks/useDropzone.ts
-function Zt(e) {
+function Jt(e) {
 	let t = Z(e), [n, r] = p(!1), i = c((e) => {
 		e.preventDefault(), e.stopPropagation(), r(!0);
 	}, []);
@@ -6218,7 +6170,7 @@ function Zt(e) {
 }
 //#endregion
 //#region src/hooks/useInterval.ts
-function Qt(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0, shouldInvokeInitially: i = !1 } = {}, a = []) {
+function Yt(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0, shouldInvokeInitially: i = !1 } = {}, a = []) {
 	let o = f(void 0), s = Z(t), u = c(() => {
 		clearInterval(o.current), o.current = void 0;
 	}, []), d = c(() => {
@@ -6245,7 +6197,7 @@ function Qt(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0, shouldInvokeInit
 }
 //#endregion
 //#region src/hooks/useIsMounted.ts
-function $t() {
+function Xt() {
 	let [e, t] = p(!1);
 	return l(() => (t(!0), () => {
 		t(!1);
@@ -6253,17 +6205,17 @@ function $t() {
 }
 //#endregion
 //#region src/utils/isTouchDevice.ts
-function en() {
+function Zt() {
 	return typeof window > "u" ? !1 : !!(window.navigator !== void 0 && (window.navigator.maxTouchPoints > 0 || "msMaxTouchPoints" in window.navigator && window.navigator.msMaxTouchPoints > 0) || window.matchMedia("(pointer: coarse)").matches || window.matchMedia("(hover: none)").matches || "ontouchstart" in window || "ontouchstart" in window.document.documentElement);
 }
 //#endregion
 //#region src/hooks/useIsTouchDevice.ts
-function tn() {
-	return d(() => en(), []);
+function Qt() {
+	return d(() => Zt(), []);
 }
 //#endregion
 //#region src/hooks/useKeyboardShortcut.ts
-function nn(e, t, { capture: n = !1, preventsDefault: r = !0, stopsPropagation: i = !0, target: a, isEnabled: o = !0 } = {}) {
+function $t(e, t, { capture: n = !1, preventsDefault: r = !0, stopsPropagation: i = !0, target: a, isEnabled: o = !0 } = {}) {
 	let s = Z(t), c = Array.isArray(e) ? e : [e], u = d(() => c.map((e) => e.toLowerCase()).sort(), [c.join(",")]);
 	l(() => {
 		if (!o || u.length === 0) return;
@@ -6292,76 +6244,80 @@ function nn(e, t, { capture: n = !1, preventsDefault: r = !0, stopsPropagation:
 }
 //#endregion
 //#region src/utils/createLocalCache.ts
-var rn = typeof window < "u" ? window.localStorage : void 0;
-function an({ defaultTTL: e = 300 } = {}) {
+var en = typeof window < "u" ? window.localStorage : void 0;
+function tn({ defaultTTL: e = 300 } = {}) {
 	return {
-		get: cn,
-		invalidate: on,
-		set: (t, n, r = e) => ln(t, n, r)
+		get: an,
+		invalidate: nn,
+		set: (t, n, r = e) => on(t, n, r)
 	};
 }
-function on(e) {
-	rn?.removeItem(e);
+function nn(e) {
+	en?.removeItem(e);
 }
-function sn(e) {
+function rn(e) {
 	let { timestamp: t, ttl: n } = e;
 	return (Date.now() - t) / 1e3 >= n;
 }
-function cn(e) {
-	let t = rn?.getItem(e);
+function an(e) {
+	let t = en?.getItem(e);
 	if (!t) return;
 	let n = JSON.parse(t);
-	if (n) if (sn(n)) {
-		on(e);
+	if (n) if (rn(n)) {
+		nn(e);
 		return;
 	} else return n.value;
 }
-function ln(e, t, n) {
+function on(e, t, n) {
 	let r = {
 		timestamp: Date.now(),
 		ttl: n,
 		value: e
 	};
-	return rn?.setItem(t, JSON.stringify(r)), e;
+	return en?.setItem(t, JSON.stringify(r)), e;
 }
 //#endregion
 //#region src/hooks/useLocalCache.ts
-function un(e) {
-	return d(() => an({ defaultTTL: e }), [e]);
+function sn(e) {
+	return d(() => tn({ defaultTTL: e }), [e]);
 }
 //#endregion
 //#region src/hooks/useMouseEnter.ts
-function dn(e, t, { isEnabled: n = !0 } = {}) {
+function cn(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t);
 	u(() => {
 		if (!n) return;
-		let t = (t) => {
-			let n = X.fromViewport(), i = K.make([t.x + n.left, t.y + n.top]), a = e && "current" in e ? e.current : e;
-			a && je(i, a) && r.current();
+		let t = e && "current" in e ? e.current : e;
+		if (!t) return;
+		let i = (e) => {
+			let n = X.fromViewport(), i = K.make([e.x + n.left, e.y + n.top]);
+			t && je(i, t) && r.current();
 		};
-		return window.addEventListener("mousemove", t), () => {
-			window.removeEventListener("mousemove", t);
+		return window.addEventListener("mousemove", i), () => {
+			window.removeEventListener("mousemove", i);
 		};
-	}, [n, e]);
+	}, [e && "current" in e ? e.current : e, n]);
 }
 //#endregion
 //#region src/hooks/useMouseLeave.ts
-function fn(e, t, { isEnabled: n = !0 } = {}) {
+function ln(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t);
 	u(() => {
 		if (!n) return;
-		let t = (t) => {
-			let n = X.fromViewport(), i = K.make([t.x + n.left, t.y + n.top]), a = e && "current" in e ? e.current : e;
-			a && !je(i, a) && r.current();
+		let t = e && "current" in e ? e.current : e;
+		if (!t) return;
+		let i = (e) => {
+			let n = X.fromViewport(), i = K.make([e.x + n.left, e.y + n.top]);
+			t && !je(i, t) && r.current();
 		};
-		return window.addEventListener("mousemove", t), () => {
-			window.removeEventListener("mousemove", t);
+		return window.addEventListener("mousemove", i), () => {
+			window.removeEventListener("mousemove", i);
 		};
-	}, [n, e]);
+	}, [e && "current" in e ? e.current : e, n]);
 }
 //#endregion
 //#region src/hooks/useOS.ts
-function pn() {
+function un() {
 	let e = navigator.userAgent || navigator.vendor || window.opera;
 	return d(() => {
 		switch (!0) {
@@ -6376,7 +6332,7 @@ function pn() {
 }
 //#endregion
 //#region src/hooks/usePrevious.ts
-function mn(e, t) {
+function dn(e, t) {
 	let n = f(t);
 	return u(() => {
 		n.current = e;
@@ -6384,11 +6340,11 @@ function mn(e, t) {
 }
 //#endregion
 //#region src/hooks/useScrollPosition.ts
-function hn(...e) {
+function fn(...e) {
 	let t = typeof e[0] == "function" ? void 0 : e[0], n = typeof e[0] == "function" ? e[0] : e[1], r = typeof e[0] == "function" ? e[1] ?? [] : e[2] ?? [], i = Z(n), a = f(void 0), o = f(!1);
 	u(() => {
-		let e = gn(t), n = () => {
-			let t = e ? vn(e) : _n();
+		let e = pn(t), n = () => {
+			let t = e ? hn(e) : mn();
 			t && (i.current(t, a.current), a.current = t);
 		}, r = () => {
 			o.current || typeof requestAnimationFrame == "function" && (o.current = !0, requestAnimationFrame(() => {
@@ -6400,10 +6356,10 @@ function hn(...e) {
 		};
 	}, [...r]);
 }
-function gn(e) {
+function pn(e) {
 	if (e != null) return e instanceof HTMLElement ? e : e.current ?? void 0;
 }
-function _n() {
+function mn() {
 	let e = window.scrollX, t = window.scrollY, n = document.documentElement.scrollWidth - window.innerWidth, r = document.documentElement.scrollHeight - window.innerHeight;
 	return {
 		current: K.make(e, t),
@@ -6412,7 +6368,7 @@ function _n() {
 		start: K.make(0, 0)
 	};
 }
-function vn(e) {
+function hn(e) {
 	let t = e.scrollLeft, n = e.scrollTop, r = e.scrollWidth - e.clientWidth, i = e.scrollHeight - e.clientHeight;
 	return {
 		current: K.make(t, n),
@@ -6423,77 +6379,68 @@ function vn(e) {
 }
 //#endregion
 //#region src/utils/createSessionCache.ts
-var yn = typeof window < "u" ? window.sessionStorage : void 0;
-function bn({ defaultTTL: e = 300 } = {}) {
+var gn = typeof window < "u" ? window.sessionStorage : void 0;
+function _n({ defaultTTL: e = 300 } = {}) {
 	return {
-		get: Cn,
-		invalidate: xn,
-		set: (t, n, r = e) => wn(t, n, r)
+		get: bn,
+		invalidate: vn,
+		set: (t, n, r = e) => xn(t, n, r)
 	};
 }
-function xn(e) {
-	yn?.removeItem(e);
+function vn(e) {
+	gn?.removeItem(e);
 }
-function Sn(e) {
+function yn(e) {
 	let { timestamp: t, ttl: n } = e;
 	return (Date.now() - t) / 1e3 >= n;
 }
-function Cn(e) {
-	let t = yn?.getItem(e);
+function bn(e) {
+	let t = gn?.getItem(e);
 	if (!t) return;
 	let n = JSON.parse(t);
-	if (n) if (Sn(n)) {
-		xn(e);
+	if (n) if (yn(n)) {
+		vn(e);
 		return;
 	} else return n.value;
 }
-function wn(e, t, n) {
+function xn(e, t, n) {
 	let r = {
 		timestamp: Date.now(),
 		ttl: n,
 		value: e
 	};
-	return yn?.setItem(t, JSON.stringify(r)), e;
+	return gn?.setItem(t, JSON.stringify(r)), e;
 }
 //#endregion
 //#region src/hooks/useSessionCache.ts
-function Tn(e) {
-	return d(() => bn({ defaultTTL: e }), [e]);
-}
-//#endregion
-//#region src/hooks/useSize.ts
-function En(e) {
-	let [t, n] = p(q.zero);
-	return Ye(e, (e) => {
-		let t = X.from(e), r = X.size(t);
-		n((e) => q.isEqual(e, r) ? e : r);
-	}), t;
+function Sn(e) {
+	return d(() => _n({ defaultTTL: e }), [e]);
 }
 //#endregion
 //#region src/utils/getStyle.ts
-function Dn(e, { computed: t, target: n }) {
+function Cn(e, { computed: t, target: n }) {
 	if (typeof window > "u") return;
 	let r = n ?? window.document.documentElement;
 	return t ? window.getComputedStyle(r).getPropertyValue(e) || void 0 : r.style.getPropertyValue(e) || void 0;
 }
 //#endregion
 //#region src/utils/setStyle.ts
-function On(e, t, { target: n } = {}) {
+function wn(e, t, { target: n } = {}) {
 	if (typeof window > "u") return;
 	let r = n ?? window.document.documentElement;
 	t === void 0 ? r.style.removeProperty(e) : r.style.setProperty(e, t);
 }
 //#endregion
 //#region src/hooks/useStyle.ts
-function kn(e, t, { target: n, isEnabled: r = !0 } = {}) {
+function Tn(e, t, { target: n, isEnabled: r = !0 } = {}) {
 	u(() => {
 		if (!r) return;
-		let i = n ?? window.document.documentElement, a = Dn(e, {
+		let i = n ?? window.document.documentElement, a = Cn(e, {
 			computed: !1,
 			target: i
 		});
-		return On(e, t, { target: i }), () => {
-			On(e, a, { target: i });
+		return wn(e, t, { target: i }), () => {
+			wn(e, a, { target: i });
 		};
 	}, [
 		e,
@@ -6504,7 +6451,7 @@ function kn(e, t, { target: n, isEnabled: r = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useSystemColorScheme.ts
-function An(e = "light") {
+function En(e = "light") {
 	let [t, n] = p(e);
 	return u(() => {
 		let e = window.matchMedia("(prefers-color-scheme: dark)");
@@ -6518,7 +6465,7 @@ function An(e = "light") {
 }
 //#endregion
 //#region src/hooks/useTimeout.ts
-function jn(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0 } = {}, i = []) {
+function Dn(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0 } = {}, i = []) {
 	let a = f(void 0), o = Z(t), s = c(() => {
 		a.current !== void 0 && (clearTimeout(a.current), a.current = void 0);
 	}, []), u = c(() => {
@@ -6544,8 +6491,33 @@ function jn(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0 } = {}, i = []) {
 }
 //#endregion
 //#region src/primitives/Collection.tsx
-function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, itemLength: a, itemPadding: o = 0, items: s = [], layout: c = "list", numSegments: u = 1, orientation: d = "vertical", selection: f, selectionMode: p = "none", isSelectionTogglable: m = !1, onActivateAt: h, onCustomEvent: g, onDeselectAt: _, onSelectAt: v, onSelectionChange: y, ...b }) {
-	let x = Pn(f ?? [], s), S = In({
+var On = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
+	t.exports = function e(t, n) {
+		if (t === n) return !0;
+		if (t && n && typeof t == "object" && typeof n == "object") {
+			if (t.constructor !== n.constructor) return !1;
+			var r, i, a;
+			if (Array.isArray(t)) {
+				if (r = t.length, r != n.length) return !1;
+				for (i = r; i-- !== 0;) if (!e(t[i], n[i])) return !1;
+				return !0;
+			}
+			if (t.constructor === RegExp) return t.source === n.source && t.flags === n.flags;
+			if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === n.valueOf();
+			if (t.toString !== Object.prototype.toString) return t.toString() === n.toString();
+			if (a = Object.keys(t), r = a.length, r !== Object.keys(n).length) return !1;
+			for (i = r; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(n, a[i])) return !1;
+			for (i = r; i-- !== 0;) {
+				var o = a[i];
+				if (!(o === "_owner" && t.$$typeof) && !e(t[o], n[o])) return !1;
+			}
+			return !0;
+		}
+		return t !== t && n !== n;
+	};
+})))(), 1);
+function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, itemLength: a, itemPadding: o = 0, items: s = [], layout: c = "list", numSegments: u = 1, orientation: d = "vertical", selection: f, selectionMode: p = "none", isSelectionTogglable: m = !1, onActivateAt: h, onCustomEvent: g, onDeselectAt: _, onSelectAt: v, onSelectionChange: y, ...b }) {
+	let x = jn(f ?? [], s), S = Nn({
 		itemLength: a,
 		itemPadding: o,
 		layout: c,
@@ -6558,7 +6530,7 @@ function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		let t;
 		switch (p) {
 			case "multiple":
-				t = (t) => Fn([...t.filter((t) => t !== e), e]);
+				t = (t) => Mn([...t.filter((t) => t !== e), e]);
 				break;
 			case "single":
 				t = (t) => [e];
@@ -6571,7 +6543,7 @@ function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 	}, k = (e) => {
 		h?.(e), p !== "none" && (m ? T(e) : E(e));
 	}, A = (e, t) => {
-		if ((0, vt.default)(e, t)) return;
+		if ((0, On.default)(e, t)) return;
 		let n = e?.filter((e) => t.indexOf(e) === -1) ?? [], r = t.filter((t) => e?.indexOf(t) === -1);
 		n.forEach((e) => _?.(e)), r.forEach((e) => v?.(e)), y?.(t);
 	};
@@ -6590,7 +6562,7 @@ function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		}
 		A(e, t);
 	}, [p]);
-	let M = j(r, { item: Mn.Item });
+	let M = j(r, { item: kn.Item });
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		...b,
 		className: w(e),
@@ -6598,7 +6570,7 @@ function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		style: F(n, S.root),
 		"aria-multiselectable": p === "multiple",
 		role: c === "grid" ? "grid" : p === "none" ? "list" : "listbox",
-		children: /* @__PURE__ */ (0, O.jsx)(Nt, {
+		children: /* @__PURE__ */ (0, O.jsx)(At, {
 			in: s,
 			children: (e, t) => {
 				let n = c === "grid" ? "gridcell" : p === "none" ? "listitem" : "option", r = C(t), a = F(S.item, {
@@ -6620,7 +6592,7 @@ function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 					className: w({ active: r }),
 					style: a,
 					"aria-selected": r,
-					element: M.item ?? /* @__PURE__ */ (0, O.jsx)(Mn.Item, {}),
+					element: M.item ?? /* @__PURE__ */ (0, O.jsx)(kn.Item, {}),
 					role: n,
 					selectionMode: p,
 					onActivateAt: h,
@@ -6639,17 +6611,17 @@ function Mn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		...r,
 		children: e
 	});
-})(Mn ||= {});
-function Nn(e, t) {
+})(kn ||= {});
+function An(e, t) {
 	return !!(isNaN(e) || e >= t.length || e < 0);
 }
-function Pn(e, t) {
-	return Fn(e).filter((e) => !Nn(e, t));
+function jn(e, t) {
+	return Mn(e).filter((e) => !An(e, t));
 }
-function Fn(e) {
+function Mn(e) {
 	return e.sort((e, t) => e - t);
 }
-function In({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection", numSegments: r = 1, orientation: i = "vertical" }) {
+function Nn({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection", numSegments: r = 1, orientation: i = "vertical" }) {
 	return M({
 		item: {
 			counterIncrement: "item-counter",
@@ -6687,11 +6659,11 @@ function In({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection",
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (Mn.displayName = "Collection", Mn.Item.displayName = "Collection.Item");
+process.env.NODE_ENV === "development" && (kn.displayName = "Collection", kn.Item.displayName = "Collection.Item");
 //#endregion
 //#region src/primitives/Accordion.tsx
 function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderComponent: i, ItemComponent: a, orientation: o = "vertical", sectionPadding: s = 0, sections: c, selection: l, selectionMode: u = "single", shouldAutoCollapse: d = !1, onActivateAt: p, onCollapseSectionAt: m, onDeselectAt: h, onExpandedSectionsChange: g, onExpandSectionAt: _, onHeaderCustomEvent: v, onItemCustomEvent: y, onSelectAt: b, onSelectionChange: x, ...S }) {
-	let C = Bn(l ?? {}, c), T = zn(r ?? [], c), E = Hn({ orientation: o }), D = c.map(() => f(null)), k = D.map(En), A = (e, t) => (C[t]?.indexOf(e) ?? -1) >= 0, M = (e) => T.indexOf(e) >= 0, N = (e) => {
+	let C = Ln(l ?? {}, c), T = In(r ?? [], c), E = zn({ orientation: o }), D = c.map(() => f(null)), k = D.map(yt), A = (e, t) => (C[t]?.indexOf(e) ?? -1) >= 0, M = (e) => T.indexOf(e) >= 0, N = (e) => {
 		let t;
 		t = M(e) ? (t) => t.filter((t) => t !== e) : d ? (t) => [e] : (t) => [...t.filter((t) => t !== e), e], R(T, t(T));
 	}, I = (e, t) => {
@@ -6701,7 +6673,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 			case "multiple":
 				n = (n) => ({
 					...n,
-					[t]: Vn([...(n[t] ?? []).filter((t) => t !== e), e])
+					[t]: Rn([...(n[t] ?? []).filter((t) => t !== e), e])
 				});
 				break;
 			case "single":
@@ -6709,25 +6681,25 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 				break;
 			default: return;
 		}
-		ee(C, n(C));
+		z(C, n(C));
 	}, L = (e, t) => {
-		A(e, t) && ee(C, ((n) => ({
+		A(e, t) && z(C, ((n) => ({
 			...n,
 			[t]: (n[t] ?? []).filter((t) => t !== e)
 		}))(C));
 	}, R = (e, t) => {
-		if ((0, vt.default)(e, t)) return;
+		if ((0, On.default)(e, t)) return;
 		let n = e?.filter((e) => t.indexOf(e) === -1) ?? [], r = t.filter((t) => e?.indexOf(t) === -1);
 		n.forEach((e) => m?.(e)), r.forEach((e) => _?.(e)), g?.(t);
-	}, ee = (e, t) => {
-		if ((0, vt.default)(e, t)) return;
+	}, z = (e, t) => {
+		if ((0, On.default)(e, t)) return;
 		let n = c.length, r = [], i = [];
 		for (let a = 0; a < n; a++) {
 			let n = e?.[a] ?? [], o = t[a] ?? [], s = n.filter((e) => o.indexOf(e) === -1), c = o.filter((e) => n?.indexOf(e) === -1);
 			r = [...r, ...s.map((e) => [e, a])], i = [...i, ...c.map((e) => [e, a])];
 		}
 		r.forEach((e) => h?.(e[0], e[1])), i.forEach((e) => b?.(e[0], e[1])), x?.(t);
-	}, z = j(n, {
+	}, B = j(n, {
 		collapseIcon: Q.CollapseIcon,
 		expandIcon: Q.ExpandIcon,
 		header: Q.Header,
@@ -6738,7 +6710,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 		ref: e,
 		style: F(t, E.root),
 		...S,
-		children: /* @__PURE__ */ (0, O.jsx)(Nt, {
+		children: /* @__PURE__ */ (0, O.jsx)(At, {
 			in: c,
 			children: (e, t) => {
 				let { collectionPadding: n = 0, itemLength: r = 50, itemPadding: c = 0, items: l = [], layout: d = "list", maxVisible: f = -1, numSegments: m = 1, isSelectionTogglable: h } = e, g = d === "list" ? l.length : Math.ceil(l.length / m), _ = f < 0 ? g : Math.min(g, f), b = r * _ + c * (_ - 1), x = !M(t), S = k[t], T = x ? S.width : b + S.width + n, A = x ? S.height : b + S.height + n;
@@ -6750,7 +6722,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 						marginLeft: t === 0 ? "0px" : `${s}px`,
 						...S.width > 0 ? { width: `${T}px` } : { visibility: "hidden" }
 					}),
-					element: z.section ?? /* @__PURE__ */ (0, O.jsx)(Q.Section, {}),
+					element: B.section ?? /* @__PURE__ */ (0, O.jsx)(Q.Section, {}),
 					children: [/* @__PURE__ */ (0, O.jsx)("div", {
 						ref: D[t],
 						style: F(E.headerContainer),
@@ -6774,16 +6746,16 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 							}),
 							style: F(E.header),
 							"aria-expanded": !x,
-							element: z.header ?? /* @__PURE__ */ (0, O.jsx)(Q.Header, {}),
+							element: B.header ?? /* @__PURE__ */ (0, O.jsx)(Q.Header, {}),
 							role: "button",
 							onClick: () => N(t),
-							children: [/* @__PURE__ */ (0, O.jsx)("span", { dangerouslySetInnerHTML: { __html: e.label } }), z.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
+							children: [/* @__PURE__ */ (0, O.jsx)("span", { dangerouslySetInnerHTML: { __html: e.label } }), B.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
 								className: w({
 									collapsed: x,
 									expanded: !x
 								}),
 								style: F(x ? E.collapseIcon : E.expandIcon),
-								element: x ? z.collapseIcon ?? z.expandIcon : z.expandIcon
+								element: x ? B.collapseIcon ?? B.expandIcon : B.expandIcon
 							})]
 						})
 					}), /* @__PURE__ */ (0, O.jsx)("div", {
@@ -6799,7 +6771,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 							width: `${b}px`
 						}),
 						role: "region",
-						children: /* @__PURE__ */ (0, O.jsx)(Mn, {
+						children: /* @__PURE__ */ (0, O.jsx)(kn, {
 							className: w({
 								collapsed: x,
 								expanded: !x
@@ -6819,7 +6791,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 							onCustomEvent: (e, n, r) => y?.(e, t, n, r),
 							onDeselectAt: (e) => L(e, t),
 							onSelectAt: (e) => I(e, t),
-							children: !a && (z.item ?? /* @__PURE__ */ (0, O.jsx)(Q.Item, {}))
+							children: !a && (B.item ?? /* @__PURE__ */ (0, O.jsx)(Q.Item, {}))
 						})
 					})]
 				});
@@ -6840,30 +6812,30 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 	}), e.Section = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("div", {
 		...t,
 		children: e
-	}), e.Item = Mn.Item;
+	}), e.Item = kn.Item;
 })(Q ||= {});
-function Ln(e, t) {
+function Pn(e, t) {
 	return e >= t.length || e < 0;
 }
-function Rn(e, t, n) {
-	return !!(Ln(t, n) || e >= (n[t].items ?? []).length || e < 0);
+function Fn(e, t, n) {
+	return !!(Pn(t, n) || e >= (n[t].items ?? []).length || e < 0);
 }
-function zn(e, t) {
-	return Vn(e).filter((e) => !Ln(e, t));
+function In(e, t) {
+	return Rn(e).filter((e) => !Pn(e, t));
 }
-function Bn(e, t) {
+function Ln(e, t) {
 	let n = {};
 	for (let r in t) {
 		if (!Object.hasOwn(t, r)) continue;
-		let i = Vn([...e[r] ?? []]);
-		n[Number(r)] = Vn(i).filter((e) => !Rn(e, Number(r), t));
+		let i = Rn([...e[r] ?? []]);
+		n[Number(r)] = Rn(i).filter((e) => !Fn(e, Number(r), t));
 	}
 	return n;
 }
-function Vn(e) {
+function Rn(e) {
 	return e.sort((e, t) => e - t);
 }
-function Hn({ orientation: e = "vertical" }) {
+function zn({ orientation: e = "vertical" }) {
 	return M({
 		collapseIcon: {
 			pointerEvents: "none",
@@ -6918,13 +6890,13 @@ function Hn({ orientation: e = "vertical" }) {
 process.env.NODE_ENV === "development" && (Q.displayName = "Accordion", Q.Header.displayName = "Accordion.Header", Q.ExpandIcon.displayName = "Accordion.ExpandIcon", Q.CollapseIcon.displayName = "Accordion.CollapseIcon", Q.Item.displayName = "Accordion.Item");
 //#endregion
 //#region src/primitives/Carousel.tsx
-var Un = .55, Wn = .05, Gn = .55, Kn = .5, qn = .02, Jn = 100, Yn = 1e3 / 60;
-function Xn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1, dragStartThreshold: a = 5, index: o = 0, orientation: s = "horizontal", overscrollResistance: c = .7, swipeLiftWindow: d = 100, swipeVelocityThreshold: m = .4, shouldTrackExposure: h = !1, onAutoAdvancePause: g, onAutoAdvanceResume: _, onIndexChange: v, ...y }) {
-	let b = f(null), x = f(null), S = f(0), C = f(0), w = f(0), T = f(0), E = f([]), D = f(0), k = f(0), A = f(0), M = f(0), N = f("idle"), I = f(null), L = f(!1), R = f(0), ee = Z(g), z = Z(_), B = Z(v), [V, H] = p(), [U, te] = p(!1), W = mn(U, U), G = j(r, {
-		content: Xn.Content,
-		itemContainer: Xn.ItemContainer,
-		viewport: Xn.Viewport
-	}), ne = t.toArray(G.content?.props.children), re = ne.length, ie = Qn(o, re), { height: ae, width: oe } = En(b), se = s === "horizontal" ? oe : ae, ce = -se * Math.max(0, re - 1), le = f(void 0);
+var Bn = .55, Vn = .05, Hn = .55, Un = .5, Wn = .02, Gn = 100, Kn = 1e3 / 60;
+function qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1, dragStartThreshold: a = 5, index: o = 0, orientation: s = "horizontal", overscrollResistance: c = .7, swipeLiftWindow: d = 100, swipeVelocityThreshold: m = .4, shouldTrackExposure: h = !1, onAutoAdvancePause: g, onAutoAdvanceResume: _, onIndexChange: v, ...y }) {
+	let b = f(null), x = f(null), S = f(0), C = f(0), w = f(0), T = f(0), E = f([]), D = f(0), k = f(0), A = f(0), M = f(0), N = f("idle"), I = f(null), L = f(!1), R = f(0), z = Z(g), B = Z(_), V = Z(v), [H, U] = p(), [W, ee] = p(!1), te = dn(W, W), G = j(r, {
+		content: qn.Content,
+		itemContainer: qn.ItemContainer,
+		viewport: qn.Viewport
+	}), ne = t.toArray(G.content?.props.children), re = ne.length, ie = Yn(o, re), { height: ae, width: oe } = yt(b), se = s === "horizontal" ? oe : ae, ce = -se * Math.max(0, re - 1), le = f(void 0);
 	le.current = {
 		dragSpeed: i,
 		dragStartThreshold: a,
@@ -6944,23 +6916,23 @@ function Xn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 	}, K = () => {
 		if (re <= 1) return;
 		let e = (ie + 1) % re;
-		B.current?.(e);
+		V.current?.(e);
 	}, de = () => {
 		let e = le.current;
 		if (!e.shouldTrackExposure) return;
-		let t = er(S.current, e.viewportLength, e.itemCount);
-		H((e) => $n(e, t) ? e : t);
+		let t = Zn(S.current, e.viewportLength, e.itemCount);
+		U((e) => Xn(e, t) ? e : t);
 	}, fe = () => {
 		T.current ||= requestAnimationFrame(me);
 	}, pe = () => {
 		T.current &&= (cancelAnimationFrame(T.current), 0);
 	}, me = () => {
-		let { maxDisplacement: e, minDisplacement: t, orientation: n } = le.current, r = w.current, i = (r - S.current) * Wn;
-		if (C.current = C.current * Un + i, S.current += C.current, (S.current > e || S.current < t) && (C.current *= Gn), Math.abs(C.current) < qn && Math.abs(r - S.current) < Kn) {
-			S.current = r, C.current = 0, T.current = 0, Zn(x.current, r, n), de();
+		let { maxDisplacement: e, minDisplacement: t, orientation: n } = le.current, r = w.current, i = (r - S.current) * Vn;
+		if (C.current = C.current * Bn + i, S.current += C.current, (S.current > e || S.current < t) && (C.current *= Hn), Math.abs(C.current) < Wn && Math.abs(r - S.current) < Un) {
+			S.current = r, C.current = 0, T.current = 0, Jn(x.current, r, n), de();
 			return;
 		}
-		Zn(x.current, S.current, n), de(), T.current = requestAnimationFrame(me);
+		Jn(x.current, S.current, n), de(), T.current = requestAnimationFrame(me);
 	};
 	return u(() => {
 		let e = b.current;
@@ -6980,19 +6952,19 @@ function Xn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 			if (N.current === "pending") {
 				let n = Math.abs(t.clientX - A.current), i = Math.abs(t.clientY - M.current), a = o === "horizontal" ? n : i, s = o === "horizontal" ? i : n;
 				if (Math.max(a, s) < r) return;
-				if (a >= s) N.current = "axis", pe(), e.setPointerCapture(t.pointerId), te(!0);
+				if (a >= s) N.current = "axis", pe(), e.setPointerCapture(t.pointerId), ee(!0);
 				else {
 					N.current = "cross";
 					return;
 				}
 			}
 			let c = o === "horizontal" ? t.clientX : t.clientY, l = (c - k.current) * n;
-			S.current = tr(D.current + l, a, i, s), Zn(x.current, S.current, o), de(), Math.abs(l) > r && (L.current = !0);
+			S.current = Qn(D.current + l, a, i, s), Jn(x.current, S.current, o), de(), Math.abs(l) > r && (L.current = !0);
 			let u = performance.now(), d = E.current;
 			for (d.push({
 				p: c,
 				t: u
-			}); d.length > 0 && u - d[0].t > Jn;) d.shift();
+			}); d.length > 0 && u - d[0].t > Gn;) d.shift();
 		}, r = (t) => {
 			if (I.current !== t.pointerId) return;
 			e.hasPointerCapture(t.pointerId) && e.releasePointerCapture(t.pointerId), I.current = null;
@@ -7006,8 +6978,8 @@ function Xn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 				let e = l[0], t = l[l.length - 1], n = t.t - e.t;
 				n > 0 && (d = (t.p - e.p) / n);
 			}
-			let f = Qn((l.length > 0 ? u - l[l.length - 1].t : Infinity) <= o && Math.abs(d) > s ? a + (d < 0 ? 1 : -1) : c > 0 ? Math.round(-S.current / c) : a, i);
-			E.current = [], w.current = -c * f, C.current = d * r * Yn, fe(), te(!1), f !== a && B.current?.(f);
+			let f = Yn((l.length > 0 ? u - l[l.length - 1].t : Infinity) <= o && Math.abs(d) > s ? a + (d < 0 ? 1 : -1) : c > 0 ? Math.round(-S.current / c) : a, i);
+			E.current = [], w.current = -c * f, C.current = d * r * Kn, fe(), ee(!1), f !== a && V.current?.(f);
 		}, i = (e) => {
 			let t = N.current;
 			(t === "pending" || t === "axis") && e.cancelable && e.preventDefault();
@@ -7016,54 +6988,54 @@ function Xn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 			pe(), e.removeEventListener("pointerdown", t), e.removeEventListener("pointermove", n), e.removeEventListener("pointerup", r), e.removeEventListener("pointercancel", r), e.removeEventListener("touchmove", i), I.current = null, N.current = "idle";
 		};
 	}, []), u(() => {
-		if (U || se <= 0) return;
+		if (W || se <= 0) return;
 		let e = -se * ie, t = R.current !== se;
-		R.current = se, w.current = e, t ? (pe(), S.current = e, C.current = 0, Zn(x.current, e, s), de()) : (S.current !== e || C.current !== 0) && fe();
+		R.current = se, w.current = e, t ? (pe(), S.current = e, C.current = 0, Jn(x.current, e, s), de()) : (S.current !== e || C.current !== 0) && fe();
 	}, [
 		ie,
 		se,
-		U,
+		W,
 		s,
 		h
 	]), l(() => {
-		h ? de() : H(void 0);
+		h ? de() : U(void 0);
 	}, [
 		h,
 		se,
 		re
-	]), Qt(n, K, { isEnabled: !U }, [ie]), l(() => {
-		n <= 0 || W !== U && (U ? ee.current?.() : z.current?.());
-	}, [U, n]), /* @__PURE__ */ (0, O.jsx)("div", {
+	]), Yt(n, K, { isEnabled: !W }, [ie]), l(() => {
+		n <= 0 || te !== W && (W ? z.current?.() : B.current?.());
+	}, [W, n]), /* @__PURE__ */ (0, O.jsx)("div", {
 		...y,
 		ref: e,
 		role: "region",
 		onClick: ue,
 		children: /* @__PURE__ */ (0, O.jsx)(P, {
 			ref: b,
-			style: F(nr.viewport, {
-				cursor: U ? "grabbing" : "grab",
+			style: F($n.viewport, {
+				cursor: W ? "grabbing" : "grab",
 				touchAction: re > 1 ? s === "horizontal" ? "pan-y" : "pan-x" : "auto"
 			}),
-			element: G.viewport ?? /* @__PURE__ */ (0, O.jsx)(Xn.Viewport, {}),
+			element: G.viewport ?? /* @__PURE__ */ (0, O.jsx)(qn.Viewport, {}),
 			children: /* @__PURE__ */ (0, O.jsx)(P, {
 				ref: x,
 				style: {
-					...nr.content,
+					...$n.content,
 					flexDirection: s === "horizontal" ? "row" : "column"
 				},
-				element: G.content ?? /* @__PURE__ */ (0, O.jsx)(Xn.Content, {}),
+				element: G.content ?? /* @__PURE__ */ (0, O.jsx)(qn.Content, {}),
 				children: ne.map((e, t) => {
-					let n = e.key ?? t, r = V?.[t], i = t === ie;
-					return /* @__PURE__ */ (0, O.jsx)(Xn.ItemContext, {
+					let n = e.key ?? t, r = H?.[t], i = t === ie;
+					return /* @__PURE__ */ (0, O.jsx)(qn.ItemContext, {
 						value: {
 							exposure: r,
 							index: t,
 							isActive: i
 						},
 						children: /* @__PURE__ */ (0, O.jsx)(P, {
-							style: F(nr.itemContainer),
+							style: F($n.itemContainer),
 							"aria-hidden": !i,
-							element: G.itemContainer ?? /* @__PURE__ */ (0, O.jsx)(Xn.ItemContainer, {}),
+							element: G.itemContainer ?? /* @__PURE__ */ (0, O.jsx)(qn.ItemContainer, {}),
 							children: e
 						})
 					}, n);
@@ -7090,20 +7062,20 @@ function Xn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 		return e;
 	}
 	e.useItem = n;
-})(Xn ||= {});
-function Zn(e, t, n) {
+})(qn ||= {});
+function Jn(e, t, n) {
 	e && (n === "horizontal" ? e.style.transform = `translate3d(${t}px,0,0)` : e.style.transform = `translate3d(0,${t}px,0)`);
 }
-function Qn(e, t) {
+function Yn(e, t) {
 	return t <= 0 ? 0 : Math.max(0, Math.min(t - 1, e));
 }
-function $n(e, t) {
+function Xn(e, t) {
 	if (e === t) return !0;
 	if (!e || !t || e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function er(e, t, n) {
+function Zn(e, t, n) {
 	if (n <= 0) return [];
 	if (t <= 0) return Array(n).fill(0);
 	let r = [];
@@ -7113,11 +7085,11 @@ function er(e, t, n) {
 	}
 	return r;
 }
-function tr(e, t, n, r) {
+function Qn(e, t, n, r) {
 	let i = 1 - r;
 	return e > n ? n + (e - n) * i : e < t ? t + (e - t) * i : e;
 }
-var nr = M({
+var $n = M({
 	content: {
 		alignItems: "center",
 		display: "flex",
@@ -7142,15 +7114,15 @@ var nr = M({
 		width: "100%"
 	}
 });
-process.env.NODE_ENV === "development" && (Xn.displayName = "Carousel", Xn.Viewport.displayName = "Carousel.Viewport", Xn.Content.displayName = "Carousel.Content", Xn.ItemContainer.displayName = "Carousel.ItemContainer");
+process.env.NODE_ENV === "development" && (qn.displayName = "Carousel", qn.Viewport.displayName = "Carousel.Viewport", qn.Content.displayName = "Carousel.Content", qn.ItemContainer.displayName = "Carousel.ItemContainer");
 //#endregion
 //#region src/primitives/CodeInput.tsx
-function rr({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r = !1, children: i, inputMode: a = "numeric", placeholder: o, size: s, value: c, isDisabled: u = !1, isRequired: d = !0, onChange: p, ...m }) {
-	let h = ar(c, s), g = f([]), _ = ir(), v = j(i, { field: rr.Field }), y = (e) => {
+function er({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r = !1, children: i, inputMode: a = "numeric", placeholder: o, size: s, value: c, isDisabled: u = !1, isRequired: d = !0, onChange: p, ...m }) {
+	let h = nr(c, s), g = f([]), _ = tr(), v = j(i, { field: er.Field }), y = (e) => {
 		e < 0 ? g.current[0]?.focus() : e >= s ? g.current[s - 1]?.focus() : g.current[e]?.focus();
 	}, b = (e) => (t) => {
-		let n = h[e], r = sr(t.target.value, n);
-		p(or(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
+		let n = h[e], r = ir(t.target.value, n);
+		p(rr(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
 	}, x = (e) => (t) => {
 		switch (t.key) {
 			case "ArrowLeft":
@@ -7170,7 +7142,7 @@ function rr({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 	}, S = (e) => (t) => {
 		t.preventDefault();
 		let n = t.clipboardData.getData("text").trim();
-		p(or(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
+		p(rr(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
 	};
 	return l(() => {
 		if (!r) return;
@@ -7189,7 +7161,7 @@ function rr({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 				"aria-required": d,
 				autoComplete: n,
 				disabled: u,
-				element: v.field ?? /* @__PURE__ */ (0, O.jsx)(rr.Field, {}),
+				element: v.field ?? /* @__PURE__ */ (0, O.jsx)(er.Field, {}),
 				inputMode: a,
 				placeholder: o,
 				required: d,
@@ -7208,8 +7180,8 @@ function rr({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 		autoCorrect: "off",
 		type: "text"
 	});
-})(rr ||= {});
-function ir() {
+})(er ||= {});
+function tr() {
 	return M({
 		field: {
 			caretColor: "transparent",
@@ -7223,24 +7195,24 @@ function ir() {
 		}
 	});
 }
-function ar(e, t) {
+function nr(e, t) {
 	let n = e.slice(0, t);
 	for (; n.length < t;) n.push("");
 	return n;
 }
-function or(e, t, n = 0) {
+function rr(e, t, n = 0) {
 	let r = n, i = 0;
 	for (; i < t.length && r < e.length;) e[r] = t[i], r++, i++;
 	for (; i < t.length;) e.shift(), e.push(t[i]), i++;
 	return e;
 }
-function sr(e, t) {
+function ir(e, t) {
 	return t === "" ? e : e.startsWith(t) ? e.slice(t.length) : e.endsWith(t) ? e.slice(0, -t.length) : e;
 }
-process.env.NODE_ENV === "development" && (rr.displayName = "CodeInput", rr.Field.displayName = "CodeInput.Field");
+process.env.NODE_ENV === "development" && (er.displayName = "CodeInput", er.Field.displayName = "CodeInput.Field");
 //#endregion
 //#region src/primitives/TextField.tsx
-function cr({ className: e, ref: t, emptyValue: n = "", formatter: r, placeholder: i, type: a = "text", value: o, isDisabled: s = !1, isRequired: l = !1, onChange: u, onFocus: d, onUnfocus: f, ...p }) {
+function ar({ className: e, ref: t, emptyValue: n = "", formatter: r, placeholder: i, type: a = "text", value: o, isDisabled: s = !1, isRequired: l = !1, onChange: u, onFocus: d, onUnfocus: f, ...p }) {
 	let m = c((e) => {
 		let t = (r?.(e) ?? e) || n;
 		u?.(t);
@@ -7262,10 +7234,10 @@ function cr({ className: e, ref: t, emptyValue: n = "", formatter: r, placeholde
 		onFocus: ({ target: e }) => d?.(e.value)
 	});
 }
-process.env.NODE_ENV === "development" && (cr.displayName = "TextField");
+process.env.NODE_ENV === "development" && (ar.displayName = "TextField");
 //#endregion
 //#region src/primitives/Counter.tsx
-function lr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN, min: a = NaN, quantity: o = 0, onChange: s, ...c }) {
+function or({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN, min: a = NaN, quantity: o = 0, onChange: s, ...c }) {
 	let u = () => {
 		s?.(_(o - 1));
 	}, d = () => {
@@ -7281,7 +7253,7 @@ function lr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 	}, _ = (e) => {
 		let t = e;
 		return isNaN(a) || (t = Math.max(a, t)), isNaN(i) || (t = Math.min(i, t)), t;
-	}, [v, y] = p(h(o)), b = mn(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
+	}, [v, y] = p(h(o)), b = dn(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
 	l(() => {
 		b === void 0 || b === o || y(h(_(o)));
 	}, [
@@ -7290,24 +7262,24 @@ function lr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 		i
 	]);
 	let C = j(r, {
-		addButton: lr.AddButton,
-		subscribeButton: lr.SubtractButton,
-		textField: lr.TextField
+		addButton: or.AddButton,
+		subscribeButton: or.SubtractButton,
+		textField: or.TextField
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		...c,
 		ref: e,
-		style: F(t, ur.root),
+		style: F(t, sr.root),
 		children: [
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ disabled: S }),
-				style: F(ur.subtract),
-				element: C.subscribeButton ?? /* @__PURE__ */ (0, O.jsx)(lr.SubtractButton, {}),
+				style: F(sr.subtract),
+				element: C.subscribeButton ?? /* @__PURE__ */ (0, O.jsx)(or.SubtractButton, {}),
 				onClick: () => u()
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
-				style: F(ur.textField),
-				element: C.textField ?? /* @__PURE__ */ (0, O.jsx)(lr.TextField, {}),
+				style: F(sr.textField),
+				element: C.textField ?? /* @__PURE__ */ (0, O.jsx)(or.TextField, {}),
 				value: v,
 				isDisabled: !n,
 				onChange: f,
@@ -7315,23 +7287,23 @@ function lr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ disabled: x }),
-				style: F(ur.add),
-				element: C.addButton ?? /* @__PURE__ */ (0, O.jsx)(lr.AddButton, {}),
+				style: F(sr.add),
+				element: C.addButton ?? /* @__PURE__ */ (0, O.jsx)(or.AddButton, {}),
 				onClick: () => d()
 			})
 		]
 	});
 }
 (function(e) {
-	e.TextField = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)(cr, { ...e }), e.AddButton = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
+	e.TextField = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)(ar, { ...e }), e.AddButton = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
 		...t,
 		children: e
 	}), e.SubtractButton = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
 		...t,
 		children: e
 	});
-})(lr ||= {});
-var ur = M({
+})(or ||= {});
+var sr = M({
 	add: { flex: "0 0 auto" },
 	root: {
 		alignItems: "stretch",
@@ -7342,14 +7314,14 @@ var ur = M({
 	subtract: { flex: "0 0 auto" },
 	textField: { width: "100%" }
 });
-process.env.NODE_ENV === "development" && (lr.displayName = "Counter", lr.AddButton.displayName = "Counter.AddButton", lr.SubtractButton.displayName = "Counter.SubtractButton", lr.TextField.displayName = "Counter.TextField");
+process.env.NODE_ENV === "development" && (or.displayName = "Counter", or.AddButton.displayName = "Counter.AddButton", or.SubtractButton.displayName = "Counter.SubtractButton", or.TextField.displayName = "Counter.TextField");
 //#endregion
 //#region src/primitives/Dial.tsx
-function dr({ ref: e, style: t, angle: n = 0, children: r, knobLength: i = 30, knobThickness: a = 10, radius: o = 50, trackGap: s = 0, trackThickness: c = 2, ...l }) {
+function cr({ ref: e, style: t, angle: n = 0, children: r, knobLength: i = 30, knobThickness: a = 10, radius: o = 50, trackGap: s = 0, trackThickness: c = 2, ...l }) {
 	let u = o * 2, d = Math.max(0, Math.min(360, i)), f = j(r, {
-		knob: dr.Knob,
-		track: dr.Track
-	}), p = mr({
+		knob: cr.Knob,
+		track: cr.Track
+	}), p = dr({
 		angle: n,
 		diameter: u
 	});
@@ -7367,7 +7339,7 @@ function dr({ ref: e, style: t, angle: n = 0, children: r, knobLength: i = 30, k
 				children: /* @__PURE__ */ (0, O.jsx)(P, {
 					cx: o,
 					cy: o,
-					element: f.track ?? /* @__PURE__ */ (0, O.jsx)(dr.Track, {}),
+					element: f.track ?? /* @__PURE__ */ (0, O.jsx)(cr.Track, {}),
 					fill: "none",
 					r: o - c / 2,
 					strokeDasharray: s,
@@ -7381,8 +7353,8 @@ function dr({ ref: e, style: t, angle: n = 0, children: r, knobLength: i = 30, k
 				viewBox: `0 0 ${u} ${u}`,
 				xmlns: "http://www.w3.org/2000/svg",
 				children: /* @__PURE__ */ (0, O.jsx)(P, {
-					d: pr(o, o, o - a / 2 - (c - a) / 2, -d / 2, d / 2),
-					element: f.knob ?? /* @__PURE__ */ (0, O.jsx)(dr.Knob, {}),
+					d: ur(o, o, o - a / 2 - (c - a) / 2, -d / 2, d / 2),
+					element: f.knob ?? /* @__PURE__ */ (0, O.jsx)(cr.Knob, {}),
 					fill: "none",
 					strokeWidth: a
 				})
@@ -7392,16 +7364,16 @@ function dr({ ref: e, style: t, angle: n = 0, children: r, knobLength: i = 30, k
 }
 (function(e) {
 	e.Track = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("circle", { ...e }), e.Knob = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("path", { ...e });
-})(dr ||= {});
-function fr(e, t, n, r) {
+})(cr ||= {});
+function lr(e, t, n, r) {
 	let i = (r - 90) * Math.PI / 180;
 	return {
 		x: e + n * Math.cos(i),
 		y: t + n * Math.sin(i)
 	};
 }
-function pr(e, t, n, r, i) {
-	let a = fr(e, t, n, i), o = fr(e, t, n, r), s = i - r <= 180 ? "0" : "1";
+function ur(e, t, n, r, i) {
+	let a = lr(e, t, n, i), o = lr(e, t, n, r), s = i - r <= 180 ? "0" : "1";
 	return [
 		"M",
 		a.x,
@@ -7416,7 +7388,7 @@ function pr(e, t, n, r, i) {
 		o.y
 	].join(" ");
 }
-function mr({ angle: e = 0, diameter: t = 0 }) {
+function dr({ angle: e = 0, diameter: t = 0 }) {
 	return M({
 		knobContainer: {
 			backgroundPosition: "center",
@@ -7450,38 +7422,38 @@ function mr({ angle: e = 0, diameter: t = 0 }) {
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (dr.displayName = "Dial", dr.Track.displayName = "Dial.Track", dr.Knob.displayName = "Dial.Knob");
+process.env.NODE_ENV === "development" && (cr.displayName = "Dial", cr.Track.displayName = "Dial.Track", cr.Knob.displayName = "Dial.Knob");
 //#endregion
 //#region src/primitives/Dropdown.tsx
-function hr({ className: e, ref: t, style: n, children: r, collectionPadding: i = 0, ItemComponent: a, itemLength: o, itemPadding: s = 0, items: c = [], label: u, layout: d = "list", maxVisibleItems: m = -1, numSegments: h = 1, orientation: g = "vertical", selection: _ = [], selectionMode: v = "single", ToggleComponent: y, isCollapsed: b, isInverted: x = !1, isSelectionTogglable: S = !1, shouldCollapseOnSelect: C = !0, onActivateAt: T, onCollapse: E, onDeselectAt: D, onExpand: k, onSelectAt: A, onSelectionChange: M, onToggleCustomEvent: N, ...I }) {
-	let L = f(null), R = Ze(L), ee = c.length, z = yr(c, m, h, d), B = o ?? (g === "vertical" ? R.height : R.width), V = B * z + s * (z - 1), H = _r(_, c), [U, te] = p(b ?? !0), W = br({
+function fr({ className: e, ref: t, style: n, children: r, collectionPadding: i = 0, ItemComponent: a, itemLength: o, itemPadding: s = 0, items: c = [], label: u, layout: d = "list", maxVisibleItems: m = -1, numSegments: h = 1, orientation: g = "vertical", selection: _ = [], selectionMode: v = "single", ToggleComponent: y, isCollapsed: b, isInverted: x = !1, isSelectionTogglable: S = !1, shouldCollapseOnSelect: C = !0, onActivateAt: T, onCollapse: E, onDeselectAt: D, onExpand: k, onSelectAt: A, onSelectionChange: M, onToggleCustomEvent: N, ...I }) {
+	let L = f(null), R = Ze(L), z = c.length, B = gr(c, m, h, d), V = o ?? (g === "vertical" ? R.height : R.width), H = V * B + s * (B - 1), U = mr(_, c), [W, ee] = p(b ?? !0), te = _r({
 		collectionPadding: i,
 		maxVisibleItems: m,
-		menuLength: V,
-		numItems: ee,
+		menuLength: H,
+		numItems: z,
 		orientation: g,
-		isCollapsed: U,
+		isCollapsed: W,
 		isInverted: x
 	}), G = j(r, {
-		collapseIcon: hr.CollapseIcon,
-		collection: hr.Collection,
-		expandIcon: hr.ExpandIcon,
-		item: hr.Item,
-		toggle: hr.Toggle
+		collapseIcon: fr.CollapseIcon,
+		collection: fr.Collection,
+		expandIcon: fr.ExpandIcon,
+		item: fr.Item,
+		toggle: fr.Toggle
 	}), ne = () => {
-		U && (te(!1), k?.());
+		W && (ee(!1), k?.());
 	}, re = () => {
-		U || (te(!0), E?.());
+		W || (ee(!0), E?.());
 	}, ie = () => {
-		U ? ne() : re();
+		W ? ne() : re();
 	}, ae = (e) => {
 		A?.(e), v === "single" && C && re();
 	};
 	return l(() => {
-		b !== void 0 && te(b);
+		b !== void 0 && ee(b);
 	}, [b]), l(() => {
 		let e = (e) => {
-			if (U || !(e.target instanceof Node)) return;
+			if (W || !(e.target instanceof Node)) return;
 			let t = !0, n = e.target;
 			for (; n;) {
 				if (n === L.current) {
@@ -7496,69 +7468,69 @@ function hr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 		return window.addEventListener("click", e), () => {
 			window.removeEventListener("click", e);
 		};
-	}, [U]), /* @__PURE__ */ (0, O.jsx)("div", {
+	}, [W]), /* @__PURE__ */ (0, O.jsx)("div", {
 		...I,
 		className: w(e, {
-			collapsed: U,
-			expanded: !U
+			collapsed: W,
+			expanded: !W
 		}),
 		ref: t,
-		style: F(n, W.root),
+		style: F(n, te.root),
 		children: /* @__PURE__ */ (0, O.jsxs)("div", {
 			ref: L,
-			style: F(W.body),
+			style: F(te.body),
 			children: [y ? /* @__PURE__ */ (0, O.jsx)(y, {
 				className: w({
-					collapsed: U,
-					expanded: !U
+					collapsed: W,
+					expanded: !W
 				}),
-				style: F(W.toggle),
-				"aria-expanded": !U,
+				style: F(te.toggle),
+				"aria-expanded": !W,
 				"aria-haspopup": "listbox",
 				onClick: ie,
 				onCustomEvent: (e, t) => N?.(e, t)
 			}) : /* @__PURE__ */ (0, O.jsxs)(P, {
 				className: w({
-					collapsed: U,
-					expanded: !U
+					collapsed: W,
+					expanded: !W
 				}),
-				style: F(W.toggle),
-				"aria-expanded": !U,
+				style: F(te.toggle),
+				"aria-expanded": !W,
 				"aria-haspopup": "listbox",
-				element: G.toggle ?? /* @__PURE__ */ (0, O.jsx)(hr.Toggle, {}),
+				element: G.toggle ?? /* @__PURE__ */ (0, O.jsx)(fr.Toggle, {}),
 				onClick: ie,
-				children: [/* @__PURE__ */ (0, O.jsx)("span", { dangerouslySetInnerHTML: { __html: u?.(H) ?? (H.length > 0 ? H.map((e) => c[e]).join(", ") : "") } }), G.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
+				children: [/* @__PURE__ */ (0, O.jsx)("span", { dangerouslySetInnerHTML: { __html: u?.(U) ?? (U.length > 0 ? U.map((e) => c[e]).join(", ") : "") } }), G.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
 					className: w({
-						collapsed: U,
-						expanded: !U
+						collapsed: W,
+						expanded: !W
 					}),
-					style: F(U ? W.collapseIcon : W.expandIcon),
-					element: U ? G.collapseIcon ?? G.expandIcon : G.expandIcon
+					style: F(W ? te.collapseIcon : te.expandIcon),
+					element: W ? G.collapseIcon ?? G.expandIcon : G.expandIcon
 				})]
 			}), /* @__PURE__ */ (0, O.jsx)(P, {
-				style: F(W.collection),
-				element: G.collection ?? /* @__PURE__ */ (0, O.jsx)(hr.Collection, {}),
+				style: F(te.collection),
+				element: G.collection ?? /* @__PURE__ */ (0, O.jsx)(fr.Collection, {}),
 				ItemComponent: a,
-				itemLength: B,
+				itemLength: V,
 				itemPadding: s,
 				items: c,
 				layout: d,
 				numSegments: h,
 				orientation: g,
-				selection: H,
+				selection: U,
 				selectionMode: v,
 				isSelectionTogglable: S,
 				onActivateAt: T,
 				onDeselectAt: D,
 				onSelectAt: ae,
 				onSelectionChange: M,
-				children: !a && (G.item ?? /* @__PURE__ */ (0, O.jsx)(hr.Item, {}))
+				children: !a && (G.item ?? /* @__PURE__ */ (0, O.jsx)(fr.Item, {}))
 			}, g)]
 		})
 	});
 }
 (function(e) {
-	e.Collection = Mn, e.CollapseIcon = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("figure", {
+	e.Collection = kn, e.CollapseIcon = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("figure", {
 		...t,
 		"aria-hidden": !0,
 		children: e
@@ -7566,21 +7538,21 @@ function hr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 		...t,
 		"aria-hidden": !0,
 		children: e
-	}), e.Item = Mn.Item, e.Toggle = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
+	}), e.Item = kn.Item, e.Toggle = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
 		...t,
 		children: e
 	});
-})(hr ||= {});
-function gr(e, t) {
+})(fr ||= {});
+function pr(e, t) {
 	return !!(isNaN(e) || e >= t.length || e < 0);
 }
-function _r(e, t) {
-	return vr(e).filter((e) => !gr(e, t));
+function mr(e, t) {
+	return hr(e).filter((e) => !pr(e, t));
 }
-function vr(e) {
+function hr(e) {
 	return e.sort((e, t) => e - t);
 }
-function yr(e, t, n, r) {
+function gr(e, t, n, r) {
 	let i = e.length;
 	switch (r) {
 		case "grid": {
@@ -7590,7 +7562,7 @@ function yr(e, t, n, r) {
 		default: return t < 0 ? i : Math.min(i, t);
 	}
 }
-function br({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n = NaN, numItems: r = 0, orientation: i = "vertical", isCollapsed: a = !0, isInverted: o = !1 }) {
+function _r({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n = NaN, numItems: r = 0, orientation: i = "vertical", isCollapsed: a = !0, isInverted: o = !1 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -7649,10 +7621,10 @@ function br({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n =
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (hr.displayName = "Dropdown", hr.Collection.displayName = "Dropdown.Collection", hr.CollapseIcon.displayName = "Dropdown.CollapseIcon", hr.ExpandIcon.displayName = "Dropdown.ExpandIcon", hr.Item.displayName = "Dropdown.Item", hr.Toggle.displayName = "Dropdown.Toggle");
+process.env.NODE_ENV === "development" && (fr.displayName = "Dropdown", fr.Collection.displayName = "Dropdown.Collection", fr.CollapseIcon.displayName = "Dropdown.CollapseIcon", fr.ExpandIcon.displayName = "Dropdown.ExpandIcon", fr.Item.displayName = "Dropdown.Item", fr.Toggle.displayName = "Dropdown.Toggle");
 //#endregion
 //#region src/primitives/Form.tsx
-function xr({ ref: e, onSubmit: t, ...n }) {
+function vr({ ref: e, onSubmit: t, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)("form", {
 		...n,
 		ref: e,
@@ -7661,11 +7633,11 @@ function xr({ ref: e, onSubmit: t, ...n }) {
 		}
 	});
 }
-process.env.NODE_ENV !== "production" && (xr.displayName = "Form");
+process.env.NODE_ENV !== "production" && (vr.displayName = "Form");
 //#endregion
 //#region src/primitives/MasonryGrid.tsx
-var Sr = "base-";
-function Cr({ className: e, ref: t, alignSections: n = !1, children: r, horizontalSpacing: i = 0, orientation: a = "vertical", sections: o = 3, verticalSpacing: s = 0, isReversed: u = !1, ...d }) {
+var yr = "base-";
+function br({ className: e, ref: t, alignSections: n = !1, children: r, horizontalSpacing: i = 0, orientation: a = "vertical", sections: o = 3, verticalSpacing: s = 0, isReversed: u = !1, ...d }) {
 	let m = f(null), [h, g] = p(NaN), [_, v] = p(NaN), [y, b] = p(NaN), [x, S] = p(NaN), C = () => X.from(m.current).width, T = () => X.from(m.current).height, E = () => {
 		let e = m.current;
 		if (!e) return;
@@ -7678,29 +7650,29 @@ function Cr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 			let a = [...Array(r)].map(() => 0);
 			for (let e of Array.from(t)) {
 				if (!(e instanceof HTMLElement)) continue;
-				let t = Or(e, o), [c, l] = Er(a, t);
+				let t = Tr(e, o), [c, l] = Cr(a, t);
 				e.role = "gridcell", e.style.position = "absolute", e.style.width = `calc(${100 / r * t}% - ${i * (r - 1) / r * t}px + ${i * (t - 1)}px)`, e.style.height = "", e.style.left = `calc(${100 / r * c}% - ${i * (r - 1) / r * c}px + ${i * c}px)`, e.style.top = `${l + (l === 0 ? 0 : s)}px`;
 				for (let n = 0; n < t; n++) a[c + n] = l + (l === 0 ? 0 : s) + X.from(e).height;
 				if (n && c + t === r) {
-					let e = Dr(a);
+					let e = wr(a);
 					for (let t = 0; t < r; t++) a[t] = e;
 				}
 			}
-			let c = C(), l = Dr(a, r);
+			let c = C(), l = wr(a, r);
 			if (g(c), v(l), isNaN(l) || (e.style.height = `${l}px`), u) for (let e of Array.from(t)) e instanceof HTMLElement && (e.style.left = `calc(${c}px - ${e.style.left} - ${e.getBoundingClientRect().width}px)`);
 		} else {
 			let a = [...Array(r)].map(() => 0);
 			for (let e of Array.from(t)) {
 				if (!(e instanceof HTMLElement)) continue;
-				let t = Or(e, o), [c, l] = Er(a, t);
+				let t = Tr(e, o), [c, l] = Cr(a, t);
 				e.style.position = "absolute", e.style.width = "", e.style.height = `calc(${100 / r * t}% - ${s * (r - 1) / r * t}px + ${s * (t - 1)}px)`, e.style.top = `calc(${100 / r * c}% - ${s * (r - 1) / r * c}px + ${s * c}px)`, e.style.left = `${l + (l === 0 ? 0 : i)}px`;
 				for (let n = 0; n < t; n++) a[c + n] = l + (l === 0 ? 0 : i) + X.from(e).width;
 				if (n && c + t === r) {
-					let e = Dr(a);
+					let e = wr(a);
 					for (let t = 0; t < r; t++) a[t] = e;
 				}
 			}
-			let c = T(), l = Dr(a, r);
+			let c = T(), l = wr(a, r);
 			if (v(c), g(l), isNaN(l) || (e.style.width = `${l}px`), u) for (let e of Array.from(t)) e instanceof HTMLElement && (e.style.top = `calc(${c}px - ${e.style.top} - ${e.getBoundingClientRect().height}px)`);
 		}
 	};
@@ -7715,7 +7687,7 @@ function Cr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 		s,
 		a
 	])), l(() => {
-		let e = kr(m.current?.innerHTML);
+		let e = Er(m.current?.innerHTML);
 		if (e.length === 0) return E();
 		let t = e.length;
 		for (let n = 0; n < t; n++) {
@@ -7723,7 +7695,7 @@ function Cr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 			r.src = t, r.onload = () => E();
 		}
 	}, [r]);
-	let D = wr({ orientation: a }), k = Tr({
+	let D = xr({ orientation: a }), k = Sr({
 		minHeight: _,
 		minWidth: h,
 		orientation: a
@@ -7740,10 +7712,10 @@ function Cr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 		})
 	});
 }
-function wr({ orientation: e = "horizontal" }) {
+function xr({ orientation: e = "horizontal" }) {
 	return A({ root: w(e) });
 }
-function Tr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizontal" }) {
+function Sr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizontal" }) {
 	return M({ body: {
 		height: n === "horizontal" ? "100%" : "auto",
 		minHeight: n === "vertical" && !isNaN(e) ? `${e}px` : "",
@@ -7752,28 +7724,28 @@ function Tr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizonta
 		width: n === "horizontal" ? "auto" : "100%"
 	} });
 }
-function Er(e, t) {
+function Cr(e, t) {
 	let n = e.length, r = NaN, i = Infinity;
 	for (let a = 0; a < n; a++) {
 		let o = e[a], s = o < i, c = a + t <= n, l = !0;
 		for (let n = 1; n < t; n++) e[a + n] > o && (l = !1);
 		s && c && l && (r = a, i = o);
 	}
-	return isNaN(r) ? [0, Dr(e, t)] : [r, i];
+	return isNaN(r) ? [0, wr(e, t)] : [r, i];
 }
-function Dr(e, t) {
+function wr(e, t) {
 	let n = e;
 	return t != null && !isNaN(t) && (n = n.slice(0, Math.max(1, Math.min(t, e.length)))), n.reduce((e, t, n) => t > e ? t : e, 0);
 }
-function Or(e, t) {
+function Tr(e, t) {
 	let n = e.classList;
-	for (let e of Array.from(n)) if (e.startsWith(Sr)) {
-		let n = parseFloat(e.replace(Sr, ""));
+	for (let e of Array.from(n)) if (e.startsWith(yr)) {
+		let n = parseFloat(e.replace(yr, ""));
 		if (!isNaN(n)) return Math.min(Math.max(n, 1), t);
 	}
 	return 1;
 }
-function kr(e) {
+function Er(e) {
 	if (!e) return [];
 	let t = /<img.*?src=(["'])(.*?)\1/g, n = /<img.*?src=(["'])(.*?)\1/, r = t.exec(e) ?? [], i = [];
 	for (let e of r) {
@@ -7782,209 +7754,170 @@ function kr(e) {
 	}
 	return i;
 }
-process.env.NODE_ENV === "development" && (Cr.displayName = "MasonryGrid");
+process.env.NODE_ENV === "development" && (br.displayName = "MasonryGrid");
 //#endregion
 //#region src/primitives/RangeSlider.tsx
-function $({ className: e, ref: t, children: n, decimalPlaces: r = 2, knobHeight: i = 28, knobPadding: a = 0, knobWidth: o = 40, max: s, min: u, orientation: d = "vertical", range: m, steps: h = -1, isClipped: g = !1, onChange: _, ...v }) {
-	let y = f(null), b = Ze(y), x = f(null), S = f(null), [C, T] = p(m ?? [u, s]), E = zr(u, s, h), [D, k] = C.map((e) => Lr(e, u, s, d, b, o, i, g)), A = k - D, M = j(n, {
-		gutter: $.Gutter,
-		highlight: $.Highlight,
+function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWidth: i = 40, max: a, min: o, orientation: s = "vertical", range: l = [o, a], steps: p = -1, isClipped: m = !1, formatLabel: h, onChange: g, onDragEnd: _, onDragStart: v, ...y }) {
+	let b = e ?? f(null), x = f(null), S = f(null), C = f(null), w = f(null), T = f(!1), E = f(!1), [D, k] = l, A = f(D), M = f(k), N = yt(x), I = d(() => Fr(o, a, p), [
+		o,
+		a,
+		p
+	]), L = j(t, {
 		knob: $.Knob,
 		knobContainer: $.KnobContainer,
-		label: $.Label
-	}), N = c((e, t, n) => {
-		let r = d === "horizontal" ? t : n, a = Lr(u, u, s, d, b, o, i, g), c = Lr(C[1], u, s, d, b, o, i, g), l = Lr(e, u, s, d, b, o, i, g) + r;
-		return Fr(Math.max(a, Math.min(c, l)), u, s, d, b, o, i, g);
+		label: $.Label,
+		track: $.Track,
+		trackHighlight: $.TrackHighlight
+	}), R = c((e, t, r) => {
+		let c = s === "horizontal" ? t : r, l = Nr(o, o, a, s, N.width, N.height, i, n, m), u = Nr(M.current, o, a, s, N.width, N.height, i, n, m);
+		return jr(Ir(Nr(e, o, a, s, N.width, N.height, i, n, m) + c, u, l), o, a, s, N.width, N.height, i, n, m);
 	}, [
-		o,
 		i,
-		g,
-		u,
+		n,
+		m,
+		o,
+		a,
 		s,
-		d,
-		C[1],
-		X.toString(b)
-	]), I = c((e, t, n) => {
-		let r = d === "horizontal" ? t : n, a = Lr(C[0], u, s, d, b, o, i, g), c = Lr(s, u, s, d, b, o, i, g), l = Lr(e, u, s, d, b, o, i, g) + r;
-		return Fr(Math.max(a, Math.min(c, l)), u, s, d, b, o, i, g);
+		N.width,
+		N.height
+	]), z = c((e, t, r) => {
+		let c = s === "horizontal" ? t : r, l = Nr(A.current, o, a, s, N.width, N.height, i, n, m), u = Nr(a, o, a, s, N.width, N.height, i, n, m);
+		return jr(Ir(Nr(e, o, a, s, N.width, N.height, i, n, m) + c, u, l), o, a, s, N.width, N.height, i, n, m);
 	}, [
-		o,
 		i,
-		g,
-		u,
+		n,
+		m,
+		o,
+		a,
 		s,
-		d,
-		C[0],
-		X.toString(b)
-	]), { value: L, isDragging: R, isReleasing: ee, setValue: z } = St(x, {
-		initialValue: m?.[0] ?? u,
-		transform: N
-	}), { value: B, isDragging: V, isReleasing: H, setValue: U } = St(S, {
-		initialValue: m?.[1] ?? s,
-		transform: I
-	}), te = Ar({
-		isDraggingEndKnob: V,
-		isDraggingStartKnob: R,
-		isReleasingEndKnob: H,
-		isReleasingStartKnob: ee
-	}), W = jr({
-		highlightLength: A,
-		knobHeight: i,
-		knobPadding: a,
-		knobWidth: o,
-		orientation: d,
-		start: D
-	});
-	return l(() => {
-		T([L, B]);
-	}, [L, B]), l(() => {
-		_?.(C);
-	}, [C[0], C[1]]), l(() => {
-		R || V || H || (0, vt.default)(m, C) || (T(m ?? [u, s]), z(m?.[0] ?? u), U(m?.[1] ?? s));
+		N.width,
+		N.height
+	]), B = c(([e, t]) => {
+		let r = S.current, c = C.current, l = w.current, u = Or(e, o, a), d = `${u * 100}%`, f = Or(t, o, a), p = `${f * 100}%`;
+		s === "horizontal" ? (r && (r.style.left = m ? `calc(${d} + ${i * .5 - u * i}px)` : d), c && (c.style.left = m ? `calc(${p} + ${i * .5 - f * i}px)` : p), l && (l.style.left = d, l.style.width = `${(f - u) * 100}%`)) : (r && (r.style.top = m ? `calc(${d} + ${n * .5 - u * n}px)` : d), c && (c.style.top = m ? `calc(${p} + ${n * .5 - f * n}px)` : p), l && (l.style.top = d, l.style.height = `${(f - u) * 100}%`));
 	}, [
-		m?.[0],
-		m?.[1],
-		R,
-		V,
-		H
-	]), l(() => {
-		E && z(Rr(L, E));
-	}, [ee, bt(E)]), l(() => {
-		!E || !H || U(Rr(B, E));
-	}, [H, bt(E)]), /* @__PURE__ */ (0, O.jsx)("div", {
-		...v,
-		className: w(e, d),
-		ref: t,
-		"aria-valuemax": s,
-		"aria-valuemin": u,
+		m,
+		i,
+		n,
+		o,
+		a,
+		s
+	]), V = c((e, t) => {
+		let n = t ? "none" : "";
+		for (let t of [e, w.current]) t && (t.style.transition = n);
+	}, []);
+	vt(S, {
+		onDragEnd: () => {
+			V(S.current, !1);
+			let e = I ? Pr(A.current, I) : A.current;
+			A.current = e, T.current = !1, b.current?.classList.remove("dragging"), S.current?.classList.remove("dragging"), C.current?.classList.remove("dragging"), g?.([e, M.current], !1), _?.();
+		},
+		onDragMove: ({ x: e, y: t }) => {
+			let n = R(A.current, e, t);
+			n !== A.current && (A.current = n, B([n, M.current]), g?.([n, M.current], !0)), T.current = !0, b.current?.classList.add("dragging"), S.current?.classList.add("dragging"), C.current?.classList.remove("dragging");
+		},
+		onDragStart: () => {
+			V(S.current, !0), T.current = !0, b.current?.classList.add("dragging"), S.current?.classList.add("dragging"), C.current?.classList.remove("dragging"), v?.();
+		}
+	}), vt(C, {
+		onDragEnd: () => {
+			V(C.current, !1);
+			let e = I ? Pr(M.current, I) : M.current;
+			M.current = e, E.current = !1, b.current?.classList.remove("dragging"), S.current?.classList.remove("dragging"), C.current?.classList.remove("dragging"), g?.([A.current, e], !1), _?.();
+		},
+		onDragMove: ({ x: e, y: t }) => {
+			let n = z(M.current, e, t);
+			n !== M.current && (M.current = n, B([A.current, n]), g?.([A.current, n], !0)), E.current = !0, b.current?.classList.add("dragging"), S.current?.classList.remove("dragging"), C.current?.classList.add("dragging");
+		},
+		onDragStart: () => {
+			V(C.current, !0), E.current = !0, b.current?.classList.add("dragging"), S.current?.classList.remove("dragging"), C.current?.classList.add("dragging"), v?.();
+		}
+	}), u(() => {
+		T.current || E.current || (A.current = D, M.current = k, B([D, k]));
+	}, [
+		D,
+		k,
+		B
+	]);
+	let H = d(() => Dr({
+		knobHeight: n,
+		knobPadding: r,
+		knobWidth: i,
+		orientation: s
+	}), [
+		n,
+		r,
+		i,
+		s
+	]);
+	return /* @__PURE__ */ (0, O.jsx)("div", {
+		...y,
+		ref: b,
+		"aria-orientation": s,
+		"aria-valuemax": a,
+		"aria-valuemin": o,
+		"data-orientation": s,
 		role: "slider",
 		children: /* @__PURE__ */ (0, O.jsxs)("div", {
-			ref: y,
-			style: W.body,
+			ref: x,
+			style: H.body,
 			children: [
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					style: F(W.gutter),
-					element: M.gutter ?? /* @__PURE__ */ (0, O.jsx)($.Gutter, {})
+					style: F(H.track),
+					element: L.track ?? /* @__PURE__ */ (0, O.jsx)($.Track, {})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					style: F(W.highlight),
-					element: M.highlight ?? /* @__PURE__ */ (0, O.jsx)($.Highlight, {})
+					ref: w,
+					style: F(H.trackHighlight),
+					element: L.trackHighlight ?? /* @__PURE__ */ (0, O.jsx)($.TrackHighlight, {})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: te.startKnobContainer,
-					ref: x,
-					style: F(W.knobContainer, { pointerEvents: (0, vt.default)([L, B], [u, u]) ? "none" : "auto" }, d === "horizontal" ? {
-						left: `${D}px`,
-						top: `${b.height * .5}px`
-					} : {
-						left: `${b.width * .5}px`,
-						top: `${D}px`
-					}),
-					disabled: (0, vt.default)([L, B], [u, u]),
-					element: M.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
+					ref: S,
+					style: F(H.knobContainer, { pointerEvents: (0, On.default)([D, k], [o, o]) ? "none" : "auto" }, s === "horizontal" ? { top: "50%" } : { left: "50%" }),
+					disabled: (0, On.default)([D, k], [o, o]),
+					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
-						className: te.startKnob,
-						style: F(W.knob),
-						element: M.knob ?? /* @__PURE__ */ (0, O.jsx)($.Knob, {}),
-						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: W.knobHitBox }), M.label && /* @__PURE__ */ (0, O.jsx)(P, {
-							className: te.startLabel,
-							style: F(W.label),
-							element: M.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
-							children: Number(L.toFixed(r)).toLocaleString()
+						style: F(H.knob),
+						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)($.Knob, {}),
+						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: H.knobHitBox }), L.label && h && /* @__PURE__ */ (0, O.jsx)(P, {
+							style: F(H.label),
+							element: L.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
+							children: h(D, "start")
 						})]
 					})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: te.endKnobContainer,
-					ref: S,
-					style: F(W.knobContainer, { pointerEvents: (0, vt.default)([L, B], [s, s]) ? "none" : "auto" }, d === "horizontal" ? {
-						left: `${k}px`,
-						top: `${b.height * .5}px`
-					} : {
-						left: `${b.width * .5}px`,
-						top: `${k}px`
-					}),
-					disabled: (0, vt.default)([L, B], [s, s]),
-					element: M.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
+					ref: C,
+					style: F(H.knobContainer, { pointerEvents: (0, On.default)([D, k], [a, a]) ? "none" : "auto" }, s === "horizontal" ? { top: "50%" } : { left: "50%" }),
+					disabled: (0, On.default)([D, k], [a, a]),
+					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
-						className: te.endKnob,
-						style: F(W.knob),
-						element: M.knob ?? /* @__PURE__ */ (0, O.jsx)($.Knob, {}),
-						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: W.knobHitBox }), M.label && /* @__PURE__ */ (0, O.jsx)(P, {
-							className: te.endLabel,
-							style: F(W.label),
-							element: M.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
-							children: Number(B.toFixed(r)).toLocaleString()
+						style: F(H.knob),
+						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)($.Knob, {}),
+						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: H.knobHitBox }), L.label && h && /* @__PURE__ */ (0, O.jsx)(P, {
+							style: F(H.label),
+							element: L.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
+							children: h(k, "end")
 						})]
 					})
 				})
 			]
-		})
+		}, s)
 	});
 }
 (function(e) {
-	e.Gutter = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Highlight = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Knob = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.KnobContainer = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("button", { ...e }), e.Label = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e });
+	e.Track = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.TrackHighlight = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Knob = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.KnobContainer = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("button", { ...e }), e.Label = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e });
 })($ ||= {});
-function Ar({ isDraggingEndKnob: e = !1, isDraggingStartKnob: t = !1, isReleasingEndKnob: n = !1, isReleasingStartKnob: r = !1 }) {
-	return A({
-		endKnob: w({
-			dragging: e,
-			releasing: n
-		}),
-		endKnobContainer: w({
-			dragging: e,
-			releasing: n
-		}),
-		endLabel: w({
-			dragging: e,
-			releasing: n
-		}),
-		startKnob: w({
-			dragging: t,
-			releasing: r
-		}),
-		startKnobContainer: w({
-			dragging: t,
-			releasing: r
-		}),
-		startLabel: w({
-			dragging: t,
-			releasing: r
-		})
-	});
-}
-function jr({ highlightLength: e = 0, knobHeight: t = 0, knobPadding: n = 0, knobWidth: r = 0, orientation: i = "horizontal", start: a = 0 }) {
+function Dr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "horizontal" }) {
 	return M({
 		body: {
 			height: "100%",
 			width: "100%"
 		},
-		gutter: {
-			display: "block",
-			height: "100%",
-			left: "0",
-			position: "absolute",
-			top: "0",
-			width: "100%"
-		},
-		highlight: {
-			left: "0",
-			position: "absolute",
-			top: "0",
-			...i === "horizontal" ? {
-				height: "100%",
-				transform: `translate(${a}px, 0)`,
-				width: `${e}px`
-			} : {
-				height: `${e}px`,
-				transform: `translate(0, ${a}px)`,
-				width: "100%"
-			}
-		},
 		knob: {
-			height: `${t}px`,
+			height: `${e}px`,
 			touchAction: "none",
-			width: `${r}px`
+			width: `${n}px`
 		},
 		knobContainer: {
 			background: "none",
@@ -7996,53 +7929,67 @@ function jr({ highlightLength: e = 0, knobHeight: t = 0, knobPadding: n = 0, kno
 		},
 		knobHitBox: {
 			background: "none",
-			height: `calc(100% + ${n * 2}px)`,
-			left: `-${n}px`,
-			padding: `${n}px`,
+			height: `calc(100% + ${t * 2}px)`,
+			left: `-${t}px`,
+			padding: `${t}px`,
 			position: "absolute",
-			top: `-${n}px`,
-			width: `calc(100% + ${n * 2}px)`
+			top: `-${t}px`,
+			width: `calc(100% + ${t * 2}px)`
 		},
 		label: {
 			pointerEvents: "none",
 			position: "relative",
 			userSelect: "none"
+		},
+		track: {
+			display: "block",
+			height: "100%",
+			left: "0",
+			position: "absolute",
+			top: "0",
+			width: "100%"
+		},
+		trackHighlight: {
+			left: "0",
+			position: "absolute",
+			top: "0",
+			...r === "horizontal" ? { height: "100%" } : { width: "100%" }
 		}
 	});
 }
-function Mr(e, t, n) {
+function Or(e, t, n) {
 	return (e - t) / (n - t);
 }
-function Nr(e, t, n, r, i, a) {
+function kr(e, t, n, r, i, a, o) {
 	switch (t) {
 		case "horizontal": {
-			let t = a ? n.width - r : n.width;
-			return (e - (a ? r * .5 : 0)) / t;
+			let t = o ? n - i : n;
+			return t <= 0 ? 0 : (e - (o ? i * .5 : 0)) / t;
 		}
 		case "vertical": {
-			let t = a ? n.height - i : n.height;
-			return (e - (a ? i * .5 : 0)) / t;
+			let t = o ? r - a : r;
+			return t <= 0 ? 0 : (e - (o ? a * .5 : 0)) / t;
 		}
 		default: return console.error(`[etudes::RangeSlider] Invalid orientation: ${t}`), NaN;
 	}
 }
-function Pr(e, t, n) {
+function Ar(e, t, n) {
 	return e * (n - t) + t;
 }
-function Fr(e, t, n, r, i, a, o, s) {
-	return Pr(Nr(e, r, i, a, o, s), t, n);
+function jr(e, t, n, r, i, a, o, s, c) {
+	return Ar(kr(e, r, i, a, o, s, c), t, n);
 }
-function Ir(e, t, n, r, i, a) {
+function Mr(e, t, n, r, i, a, o) {
 	switch (t) {
-		case "horizontal": return e * (a ? n.width - r : n.width) + (a ? r * .5 : 0);
-		case "vertical": return e * (a ? n.height - i : n.height) + (a ? i * .5 : 0);
+		case "horizontal": return e * (o ? n - i : n) + (o ? i * .5 : 0);
+		case "vertical": return e * (o ? r - a : r) + (o ? a * .5 : 0);
 		default: return console.error(`[etudes::RangeSlider] Invalid orientation: ${t}`), NaN;
 	}
 }
-function Lr(e, t, n, r, i, a, o, s) {
-	return Ir(Mr(e, t, n), r, i, a, o, s);
+function Nr(e, t, n, r, i, a, o, s, c) {
+	return Mr(Or(e, t, n), r, i, a, o, s, c);
 }
-function Rr(e, t) {
+function Pr(e, t) {
 	let n = t.length, r = 0, i = Infinity;
 	for (let a = 0; a < n; a++) {
 		let n = t[a], o = Math.abs(e - n);
@@ -8050,47 +7997,50 @@ function Rr(e, t) {
 	}
 	return t[r];
 }
-function zr(e, t, n) {
+function Fr(e, t, n) {
 	if (!(n < 0)) return [
 		e,
 		...[...Array(n)].map((r, i) => e + (i + 1) * (t - e) / (1 + n)),
 		t
 	];
 }
-process.env.NODE_ENV === "development" && ($.displayName = "RangeSlider", $.Gutter.displayName = "RangeSlider.Gutter", $.Label.displayName = "RangeSlider.Label", $.Highlight.displayName = "RangeSlider.Highlight", $.Knob.displayName = "RangeSlider.Knob");
+function Ir(e, t, n) {
+	return Math.max(n, Math.min(t, e));
+}
+process.env.NODE_ENV === "development" && ($.displayName = "RangeSlider", $.Knob.displayName = "RangeSlider.Knob", $.Label.displayName = "RangeSlider.Label", $.Track.displayName = "RangeSlider.Track", $.TrackHighlight.displayName = "RangeSlider.TrackHighlight");
 //#endregion
 //#region src/primitives/ScrollableCarousel.tsx
-function Br({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0, ItemComponent: i, items: a = [], orientation: o = "horizontal", isDragEnabled: s = !0, shouldTrackExposure: l = !1, onAutoAdvancePause: d, onAutoAdvanceResume: m, onIndexChange: h, ...g }) {
-	let _ = f(void 0), v = f(null), y = f(void 0), b = f(void 0), x = f(void 0), S = 1e3, C = Z(d), w = Z(m), T = Z(h), E = f(K.zero), D = f(!1), k = f(!1), A = tn(), [j, M] = p(Hr(v, o)), [N, P] = p(!1), I = Wr({
+function Lr({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0, ItemComponent: i, items: a = [], orientation: o = "horizontal", isDragEnabled: s = !0, shouldTrackExposure: l = !1, onAutoAdvancePause: d, onAutoAdvanceResume: m, onIndexChange: h, ...g }) {
+	let _ = f(void 0), v = f(null), y = f(void 0), b = f(void 0), x = f(void 0), S = 1e3, C = Z(d), w = Z(m), T = Z(h), E = f(K.zero), D = f(!1), k = f(!1), A = Qt(), [j, M] = p(zr(v, o)), [N, P] = p(!1), I = Vr({
 		orientation: o,
 		scrollSnapEnabled: A || !N
 	}), L = t > 0, R = c(() => {
 		x.current !== void 0 && (clearTimeout(x.current), x.current = void 0);
-	}, []), ee = c(() => {
+	}, []), z = c(() => {
 		R(), x.current = setTimeout(() => {
 			clearTimeout(x.current), x.current = void 0;
 		}, S);
-	}, [S, R]), z = c(() => {
-		Vr(v, r, o), ee();
-	}, [r, o]), B = c(() => {
-		M(Hr(v, o));
-	}, [o]), V = c((e) => {
+	}, [S, R]), B = c(() => {
+		Rr(v, r, o), z();
+	}, [r, o]), V = c(() => {
+		M(zr(v, o));
+	}, [o]), H = c((e) => {
 		A || (y.current = K.make(e.clientX, e.clientY), P(!0));
-	}, [A]), H = c((e) => {
-		A || (b.current = K.make(e.clientX, e.clientY), z(), P(!1));
-	}, [A, z]), U = c((e) => {
+	}, [A]), U = c((e) => {
+		A || (b.current = K.make(e.clientX, e.clientY), B(), P(!1));
+	}, [A, B]), W = c((e) => {
 		let t = y.current, n = b.current;
 		if (!t || !n) return;
 		let r = K.subtract(t, n);
 		(Math.abs(r.x) > 5 || Math.abs(r.y) > 5) && e.stopPropagation(), y.current = void 0, b.current = void 0;
-	}, []), te = c(() => {
+	}, []), ee = c(() => {
 		let e = (r + a.length + 1) % a.length;
 		T.current?.(e);
 	}, [
 		N,
 		r,
 		a.length
-	]), W = c(({ x: e, y: t }) => {
+	]), te = c(({ x: e, y: t }) => {
 		let r = v.current;
 		r && (E.current = K.make(E.current.x + e, E.current.y + t), !D.current && (R(), D.current = !0, requestAnimationFrame(() => {
 			let e = E.current;
@@ -8108,7 +8058,7 @@ function Br({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 	}, [o, n]), G = c(() => {
 		let e = v.current;
 		!e || k.current || (k.current = !0, requestAnimationFrame(() => {
-			if (l && B(), x.current === void 0) {
+			if (l && V(), x.current === void 0) {
 				let t = Math.round(o === "horizontal" ? e.scrollLeft / e.clientWidth : e.scrollTop / e.clientHeight), n = Math.max(0, Math.min(a.length - 1, t));
 				n !== r && (_.current = n, T.current?.(n));
 			}
@@ -8119,12 +8069,12 @@ function Br({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 		r,
 		o,
 		l,
-		B
+		V
 	]);
-	return Xt(v, {
+	return qt(v, {
 		isEnabled: !A && s && a.length > 1,
-		onDragMove: W
-	}), Qt(t, te, { isEnabled: !N }, [r]), u(() => {
+		onDragMove: te
+	}), Yt(t, ee, { isEnabled: !N }, [r]), u(() => {
 		!L || A || (N ? C.current?.() : w.current?.());
 	}, [
 		A,
@@ -8134,28 +8084,28 @@ function Br({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 		let e = v.current;
 		if (!e) return;
 		let t = _.current === void 0, n = _.current === r;
-		return e.addEventListener("scroll", G), l && B(), n || (_.current = r, t || (T.current?.(r), z())), () => {
+		return e.addEventListener("scroll", G), l && V(), n || (_.current = r, t || (T.current?.(r), B())), () => {
 			e.removeEventListener("scroll", G);
 		};
 	}, [
 		r,
 		l,
-		z,
+		B,
 		G,
-		B
+		V
 	]), /* @__PURE__ */ (0, O.jsx)("div", {
 		...g,
 		ref: e,
 		role: "region",
-		onClick: U,
-		onPointerCancel: H,
-		onPointerDown: V,
-		onPointerLeave: H,
-		onPointerUp: H,
+		onClick: W,
+		onPointerCancel: U,
+		onPointerDown: H,
+		onPointerLeave: U,
+		onPointerUp: U,
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
 			ref: v,
 			style: F(I.viewport),
-			children: /* @__PURE__ */ (0, O.jsx)(Nt, {
+			children: /* @__PURE__ */ (0, O.jsx)(At, {
 				in: a,
 				children: ({ style: e, ...t }, n) => /* @__PURE__ */ (0, O.jsx)("div", {
 					style: F(I.itemContainer),
@@ -8170,7 +8120,7 @@ function Br({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 		})
 	});
 }
-function Vr(e, t, n) {
+function Rr(e, t, n) {
 	let r = e?.current;
 	if (!r) return;
 	let i = n === "horizontal" ? 0 : r.clientHeight * t, a = n === "horizontal" ? r.clientWidth * t : 0;
@@ -8180,14 +8130,14 @@ function Vr(e, t, n) {
 		top: i
 	});
 }
-function Hr(e, t) {
+function zr(e, t) {
 	let n = e?.current;
 	if (!n) return;
 	let r = [];
-	for (let i = 0; i < n.children.length; i++) r.push(Ur(i, e, t));
+	for (let i = 0; i < n.children.length; i++) r.push(Br(i, e, t));
 	return r;
 }
-function Ur(e, t, n) {
+function Br(e, t, n) {
 	let r = t?.current, i = r?.children[e];
 	if (!i) return 0;
 	let a = X.intersecting(i, r);
@@ -8197,7 +8147,7 @@ function Ur(e, t, n) {
 		default: return console.error(`[etudes::ScrollableCarousel] Unsupported orientation: ${n}`), NaN;
 	}
 }
-function Wr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
+function Vr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
 	return M({
 		item: {
 			height: "100%",
@@ -8233,40 +8183,40 @@ function Wr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (Br.displayName = "ScrollableCarousel");
+process.env.NODE_ENV === "development" && (Lr.displayName = "ScrollableCarousel");
 //#endregion
 //#region src/primitives/Select.tsx
-function Gr({ id: e, ref: t, children: n, name: r, options: i, placeholder: a, value: o, isRequired: s = !1, formatValue: c = (e) => e, onChange: l, ...u }) {
+function Hr({ id: e, ref: t, children: n, name: r, options: i, placeholder: a, value: o, isRequired: s = !1, formatValue: c = (e) => e, onChange: l, ...u }) {
 	let d = j(n, {
-		expandIcon: Gr.ExpandIcon,
-		option: Gr.Option,
-		toggle: Gr.Toggle
+		expandIcon: Hr.ExpandIcon,
+		option: Hr.Option,
+		toggle: Hr.Toggle
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		...u,
 		ref: t,
-		style: Kr.root,
+		style: Ur.root,
 		children: [/* @__PURE__ */ (0, O.jsxs)(P, {
-			style: Kr.select,
+			style: Ur.select,
 			"aria-required": s ? "true" : void 0,
-			element: d.toggle ?? /* @__PURE__ */ (0, O.jsx)(Gr.Toggle, {}),
+			element: d.toggle ?? /* @__PURE__ */ (0, O.jsx)(Hr.Toggle, {}),
 			name: r,
 			required: s,
 			value: o,
 			onChange: (e) => l?.(e.target.value),
 			children: [a !== void 0 && /* @__PURE__ */ (0, O.jsx)(P, {
 				disabled: !0,
-				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Gr.Option, {}),
+				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Hr.Option, {}),
 				hidden: !0,
 				value: "",
 				children: a
 			}), i.map((e, t) => /* @__PURE__ */ (0, O.jsx)(P, {
-				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Gr.Option, {}),
+				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Hr.Option, {}),
 				value: e,
 				children: c(e)
 			}, `${t}-${e}`))]
 		}), d.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
-			style: Kr.expandIcon,
+			style: Ur.expandIcon,
 			element: d.expandIcon
 		})]
 	});
@@ -8281,8 +8231,8 @@ function Gr({ id: e, ref: t, children: n, name: r, options: i, placeholder: a, v
 		...t,
 		children: e
 	});
-})(Gr ||= {});
-var Kr = M({
+})(Hr ||= {});
+var Ur = M({
 	expandIcon: {
 		pointerEvents: "none",
 		zIndex: 1
@@ -8304,180 +8254,165 @@ var Kr = M({
 		width: "100%"
 	}
 });
-process.env.NODE_ENV === "development" && (Gr.displayName = "Select", Gr.ExpandIcon.displayName = "Select.ExpandIcon", Gr.Option.displayName = "Select.Option", Gr.Toggle.displayName = "Select.Toggle");
+process.env.NODE_ENV === "development" && (Hr.displayName = "Select", Hr.ExpandIcon.displayName = "Select.ExpandIcon", Hr.Option.displayName = "Select.Option", Hr.Toggle.displayName = "Select.Toggle");
 //#endregion
 //#region src/primitives/Slider.tsx
-function qr({ className: e, ref: t, children: n, knobHeight: r = 30, knobPadding: i = 0, knobWidth: a = 30, labelProvider: o, orientation: s = "vertical", position: u = 0, trackPadding: d = 0, isClipped: p = !1, isInverted: m = !1, isTrackInteractive: h = !0, shouldOnlyDispatchOnDragEnd: g = !1, onChange: _, onDragEnd: v, onDragStart: y, ...b }) {
-	let x = f(null), S = f(null), C = c((e, t, n) => {
-		let i = X.from(x.current), o = m ? 1 - e : e;
-		switch (s) {
+function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobWidth: i = 30, orientation: a = "vertical", position: o = 0, trackPadding: s = 0, isClipped: l = !1, isInverted: p = !1, isTrackInteractive: m = !0, formatLabel: h, onChange: g, onDragEnd: _, onDragStart: v, ...y }) {
+	let b = e ?? f(null), x = f(null), S = f(null), C = f(null), w = f(null), T = f(o), E = f(!1), D = Ze(x), k = c((e, t, r) => {
+		let o = qr(e, p);
+		switch (a) {
 			case "horizontal": {
-				let e = p ? i.width - a : i.width, n = o * e + t, r = Math.max(0, Math.min(1, n / e));
-				return m ? 1 - r : r;
+				let n = l ? D.width - i : D.width;
+				return n <= 0 ? e : Kr(Jr((o * n + t) / n), p);
 			}
 			case "vertical": {
-				let e = p ? i.height - r : i.height, t = o * e + n, a = Math.max(0, Math.min(1, t / e));
-				return m ? 1 - a : a;
+				let t = l ? D.height - n : D.height;
+				return t <= 0 ? e : Kr(Jr((o * t + r) / t), p);
 			}
-			default: return console.error(`[etudes::Slider] Invalid orientation: ${s}`), NaN;
+			default: return console.error(`[etudes::Slider] Invalid orientation: ${a}`), NaN;
 		}
 	}, [
-		x.current,
+		D.width,
+		D.height,
+		l,
 		p,
-		m,
+		i,
+		n,
+		a
+	]), A = c((e) => {
+		let t = qr(e, p), r = S.current, o = C.current, c = w.current, u = (e) => `${s <= 0 ? 0 : e * .5}px - ${s}px`;
+		switch (a) {
+			case "horizontal":
+				r && (r.style.left = l ? `calc(${t * 100}% + ${i * .5 - t * i}px)` : `${t * 100}%`), o && (o.style.width = `calc(${t * 100}% - ${u(i)})`), c && (c.style.width = `calc(${(1 - t) * 100}% - ${u(i)})`);
+				break;
+			case "vertical":
+				r && (r.style.top = l ? `calc(${t * 100}% + ${n * .5 - t * n}px)` : `${t * 100}%`), o && (o.style.height = `calc(${t * 100}% - ${u(n)})`), c && (c.style.height = `calc(${(1 - t) * 100}% - ${u(n)})`);
+				break;
+			default: break;
+		}
+	}, [
+		l,
+		p,
+		n,
+		i,
 		a,
-		r,
 		s
-	]), T = c((e) => {
-		if (!h) return;
-		let t = X.from(x.current), n = X.fromViewport();
-		switch (s) {
-			case "horizontal": {
-				let r = (e.clientX + n.left - t.left) / t.width;
-				A(m ? 1 - r : r);
+	]), M = c((e) => {
+		let t = e ? "none" : "";
+		for (let e of [
+			S.current,
+			C.current,
+			w.current
+		]) e && (e.style.transition = t);
+	}, []), N = c((e) => {
+		if (!m) return;
+		let t = X.fromViewport(), n;
+		switch (a) {
+			case "horizontal":
+				if (D.width <= 0) return;
+				n = Kr((e.clientX + t.left - D.left) / D.width, p);
 				break;
-			}
-			case "vertical": {
-				let r = (e.clientY + n.top - t.top) / t.height;
-				A(m ? 1 - r : r);
+			case "vertical":
+				if (D.height <= 0) return;
+				n = Kr((e.clientY + t.top - D.top) / D.height, p);
 				break;
-			}
-			default: console.error(`[etudes::Slider] Invalid orientation: ${s}`);
+			default:
+				console.error(`[etudes::Slider] Invalid orientation: ${a}`);
+				return;
 		}
+		n !== T.current && (T.current = n, A(n), g?.(n, !1));
 	}, [
-		x.current,
+		D.left,
+		D.top,
+		D.width,
+		D.height,
+		p,
 		m,
-		h,
-		s
-	]), { value: E, isDragging: D, isReleasing: k, setValue: A } = St(S, {
-		initialValue: u,
-		transform: C,
-		onDragEnd: v,
-		onDragStart: y
-	}), M = m ? 1 - E : E, N = Jr({
-		orientation: s,
-		isAtEnd: m ? E === 0 : E === 1,
-		isAtStart: m ? E === 1 : E === 0,
-		isDragging: D,
-		isReleasing: k
-	}), I = Yr({
-		knobHeight: r,
-		knobPadding: i,
-		knobWidth: a,
-		naturalPosition: M,
-		orientation: s,
-		isClipped: p,
-		isTrackInteractive: h
-	});
-	l(() => {
-		D || u === E || A(u);
-	}, [u]), l(() => {
-		D && g || _?.(E, D);
-	}, [E]), l(() => {
-		D || !g || _?.(E, !0);
-	}, [D]);
-	let L = j(n, {
-		knob: qr.Knob,
-		knobContainer: qr.KnobContainer,
-		label: qr.Label,
-		track: qr.Track
+		a
+	]);
+	vt(S, {
+		onDragEnd: () => {
+			M(!1), E.current = !1, b.current?.classList.remove("dragging"), S.current?.classList.remove("dragging"), g?.(T.current, !1), _?.();
+		},
+		onDragMove: ({ x: e, y: t }) => {
+			let n = k(T.current, e, t);
+			n !== T.current && (T.current = n, A(n), g?.(n, !0)), E.current = !0, b.current?.classList.add("dragging"), S.current?.classList.add("dragging");
+		},
+		onDragStart: () => {
+			M(!0), E.current = !0, b.current?.classList.add("dragging"), S.current?.classList.add("dragging"), v?.();
+		}
+	}), u(() => {
+		E.current || (T.current = o, A(o));
+	}, [o, A]);
+	let I = p ? o === 0 : o === 1, L = p ? o === 1 : o === 0, R = d(() => Gr({
+		knobHeight: n,
+		knobPadding: r,
+		knobWidth: i,
+		orientation: a,
+		isTrackInteractive: m
+	}), [
+		n,
+		r,
+		i,
+		a,
+		m
+	]), z = j(t, {
+		knob: Wr.Knob,
+		knobContainer: Wr.KnobContainer,
+		label: Wr.Label,
+		track: Wr.Track
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
-		...b,
-		className: w(e, N.root),
-		ref: t,
-		"aria-orientation": s,
-		"aria-valuenow": E,
+		...y,
+		ref: b,
+		"aria-orientation": a,
+		"aria-valuenow": o,
+		"data-at-end": I ? "" : void 0,
+		"data-at-start": L ? "" : void 0,
+		"data-orientation": a,
 		role: "slider",
 		children: /* @__PURE__ */ (0, O.jsxs)("div", {
 			ref: x,
-			style: I.body,
+			style: R.body,
 			children: [
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: w(m ? "end" : "start", N.track),
-					style: F(I.track, s === "vertical" ? {
-						height: `calc(${M * 100}% - ${d <= 0 ? 0 : r * .5}px - ${d}px)`,
-						top: "0"
-					} : {
-						left: "0",
-						width: `calc(${M * 100}% - ${d <= 0 ? 0 : a * .5}px - ${d}px)`
-					}),
-					element: L.track ?? /* @__PURE__ */ (0, O.jsx)(qr.Track, {}),
-					onClick: T,
-					children: /* @__PURE__ */ (0, O.jsx)("div", { style: I.trackHitBox })
+					ref: C,
+					style: F(R.track, a === "vertical" ? { top: "0" } : { left: "0" }),
+					"data-side": p ? "end" : "start",
+					element: z.track ?? /* @__PURE__ */ (0, O.jsx)(Wr.Track, {}),
+					onClick: N,
+					children: /* @__PURE__ */ (0, O.jsx)("div", { style: R.trackHitBox })
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: w(m ? "start" : "end", N.track),
-					style: F(I.track, s === "vertical" ? {
-						bottom: "0",
-						height: `calc(${(1 - M) * 100}% - ${d <= 0 ? 0 : r * .5}px - ${d}px)`
-					} : {
-						right: "0",
-						width: `calc(${(1 - M) * 100}% - ${d <= 0 ? 0 : a * .5}px - ${d}px)`
-					}),
-					element: L.track ?? /* @__PURE__ */ (0, O.jsx)(qr.Track, {}),
-					onClick: T,
-					children: /* @__PURE__ */ (0, O.jsx)("div", { style: I.trackHitBox })
+					ref: w,
+					style: F(R.track, a === "vertical" ? { bottom: "0" } : { right: "0" }),
+					"data-side": p ? "start" : "end",
+					element: z.track ?? /* @__PURE__ */ (0, O.jsx)(Wr.Track, {}),
+					onClick: N,
+					children: /* @__PURE__ */ (0, O.jsx)("div", { style: R.trackHitBox })
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: w(N.knobContainer),
 					ref: S,
-					style: I.knobContainer,
-					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(qr.KnobContainer, {}),
+					style: R.knobContainer,
+					element: z.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Wr.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
-						className: w(N.knob),
-						style: F(I.knob),
-						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)(qr.Knob, {}),
-						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: I.knobHitBox }), o && /* @__PURE__ */ (0, O.jsx)(P, {
-							className: w(N.label),
-							style: F(I.label),
-							element: L.label ?? /* @__PURE__ */ (0, O.jsx)(qr.Label, {}),
-							children: o(E)
+						style: F(R.knob),
+						element: z.knob ?? /* @__PURE__ */ (0, O.jsx)(Wr.Knob, {}),
+						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: R.knobHitBox }), h && /* @__PURE__ */ (0, O.jsx)(P, {
+							style: F(R.label),
+							element: z.label ?? /* @__PURE__ */ (0, O.jsx)(Wr.Label, {}),
+							children: h(o)
 						})]
 					})
 				})
 			]
-		})
+		}, a)
 	});
 }
 (function(e) {
 	e.Track = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Knob = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.KnobContainer = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("button", { ...e }), e.Label = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e });
-})(qr ||= {});
-function Jr({ orientation: e = "vertical", isAtEnd: t = !1, isAtStart: n = !1, isDragging: r = !1, isReleasing: i = !1 }) {
-	return A({
-		knob: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		knobContainer: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		label: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		root: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		track: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		})
-	});
-}
-function Yr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPosition: r = 0, orientation: i = "vertical", isClipped: a = !1, isTrackInteractive: o = !0 }) {
+})(Wr ||= {});
+function Gr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !0 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8495,13 +8430,7 @@ function Yr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPo
 			position: "absolute",
 			transform: "translate(-50%, -50%)",
 			zIndex: "1",
-			...i === "vertical" ? {
-				left: "50%",
-				top: a ? `calc(${r * 100}% + ${e * .5 - r * e}px)` : `${r * 100}%`
-			} : {
-				left: a ? `calc(${r * 100}% + ${n * .5 - r * n}px)` : `${r * 100}%`,
-				top: "50%"
-			}
+			...r === "vertical" ? { left: "50%" } : { top: "50%" }
 		},
 		knobHitBox: {
 			background: "none",
@@ -8517,10 +8446,10 @@ function Yr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPo
 			userSelect: "none"
 		},
 		track: {
-			cursor: o ? "pointer" : "auto",
-			pointerEvents: o ? "auto" : "none",
+			cursor: i ? "pointer" : "auto",
+			pointerEvents: i ? "auto" : "none",
 			position: "absolute",
-			...i === "vertical" ? {
+			...r === "vertical" ? {
 				left: "0",
 				margin: "0 auto",
 				right: "0",
@@ -8537,228 +8466,198 @@ function Yr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPo
 			minHeight: "20px",
 			minWidth: "20px",
 			position: "absolute",
-			transform: i === "horizontal" ? "translate(0, -50%)" : "translate(-50%, 0)",
+			transform: r === "horizontal" ? "translate(0, -50%)" : "translate(-50%, 0)",
 			width: "100%"
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (qr.displayName = "Slider", qr.Track.displayName = "Slider.Track", qr.Knob.displayName = "Slider.Knob", qr.KnobContainer.displayName = "Slider.KnobContainer", qr.Label.displayName = "Slider.Label");
+function Kr(e, t) {
+	return t ? 1 - e : e;
+}
+function qr(e, t) {
+	return t ? 1 - e : e;
+}
+function Jr(e, t = 1, n = 0) {
+	return Math.max(n, Math.min(t, e));
+}
+process.env.NODE_ENV === "development" && (Wr.displayName = "Slider", Wr.Track.displayName = "Slider.Track", Wr.Knob.displayName = "Slider.Knob", Wr.KnobContainer.displayName = "Slider.KnobContainer", Wr.Label.displayName = "Slider.Label");
 //#endregion
 //#region src/primitives/StepSlider.tsx
-function Xr({ className: e, ref: t, children: n, index: r = 0, knobHeight: i = 30, knobPadding: a = 0, knobWidth: o = 30, labelProvider: s, orientation: u = "vertical", steps: d = Zr(10), trackPadding: m = 0, isClipped: h = !1, isInverted: g = !1, isTrackInteractive: _ = !0, shouldOnlyDispatchOnDragEnd: v = !1, onDragEnd: y, onDragStart: b, onIndexChange: x, onPositionChange: S, ...C }) {
-	let T = f(null), E = f(null), D = Ze(T), [k, A] = p(r), M = c((e, t, n) => {
-		let r = g ? ni(e) : e;
-		switch (u) {
+function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding: i = 0, knobWidth: a = 30, orientation: o = "vertical", steps: s = Zr(10), trackPadding: l = 0, isClipped: p = !1, isInverted: m = !1, isTrackInteractive: h = !0, formatLabel: g, onDragEnd: _, onDragStart: v, onIndexChange: y, onPositionChange: b, ...x }) {
+	let S = e || f(null), C = f(null), w = f(null), T = f(null), E = f(null), D = f($r(n, s)), k = f(n), A = f(!1), M = Ze(C), N = c((e, t, n) => {
+		let i = ti(e, m);
+		switch (o) {
 			case "horizontal": {
-				let e = h ? D.width - o : D.width, n = ri((r * e + t) / e);
-				return g ? ni(n) : n;
+				let n = p ? M.width - a : M.width;
+				return n <= 0 ? e : ei(ni((i * n + t) / n), m);
 			}
 			case "vertical": {
-				let e = h ? D.height - i : D.height, t = ri((r * e + n) / e);
-				return g ? ni(t) : t;
+				let t = p ? M.height - r : M.height;
+				return t <= 0 ? e : ei(ni((i * t + n) / t), m);
 			}
-			default: return console.error(`[etudes::StepSlider] Invalid orientation: ${u}`), NaN;
+			default: return console.error(`[etudes::StepSlider] Invalid orientation: ${o}`), NaN;
 		}
 	}, [
-		D.width,
-		D.height,
-		h,
-		g,
-		o,
-		i,
-		u
-	]), { value: N, isDragging: I, isReleasing: L, setValue: R } = St(E, {
-		initialValue: $r(r, d),
-		transform: M,
-		onDragEnd: y,
-		onDragStart: b
-	}), ee = c((e) => {
-		if (!_) return;
-		let t = X.fromViewport();
-		switch (u) {
-			case "horizontal": {
-				let n = (e.clientX + t.left - D.left) / D.width, r = g ? ni(n) : n, i = Qr(r, d);
-				A(i === k ? ri(r > N ? i + 1 : i - 1, d.length - 1) : i);
+		M.width,
+		M.height,
+		p,
+		m,
+		a,
+		r,
+		o
+	]), I = c((e) => {
+		let t = ti(e, m), n = w.current, i = T.current, s = E.current, c = (e) => `${l <= 0 ? 0 : e * .5}px - ${l}px`;
+		switch (o) {
+			case "horizontal":
+				n && (n.style.left = p ? `calc(${t * 100}% + ${a * .5 - t * a}px)` : `${t * 100}%`), i && (i.style.width = `calc(${t * 100}% - ${c(a)})`), s && (s.style.width = `calc(${(1 - t) * 100}% - ${c(a)})`);
 				break;
-			}
-			case "vertical": {
-				let n = (e.clientY + t.top - D.top) / D.height, r = g ? ni(n) : n, i = Qr(r, d);
-				if (i === k) {
-					let e = r > N ? i + 1 : i - 1;
-					R($r(e, d)), A(ri(e, d.length - 1));
-				} else R($r(i, d)), A(i);
+			case "vertical":
+				n && (n.style.top = p ? `calc(${t * 100}% + ${r * .5 - t * r}px)` : `${t * 100}%`), i && (i.style.height = `calc(${t * 100}% - ${c(r)})`), s && (s.style.height = `calc(${(1 - t) * 100}% - ${c(r)})`);
 				break;
-			}
-			default: console.error(`[etudes::StepSlider] Invalid orientation: ${u}`);
+			default: break;
 		}
 	}, [
-		D.width,
-		D.left,
-		D.top,
-		D.height,
-		k,
-		N,
-		g,
-		_,
-		u,
-		bt(d)
-	]), z = g ? ni(N) : N, B = ei({
-		orientation: u,
-		isAtEnd: g ? N === 0 : N === 1,
-		isAtStart: g ? N === 1 : N === 0,
-		isDragging: I,
-		isReleasing: L
-	}), V = ti({
-		knobHeight: i,
-		knobPadding: a,
-		knobWidth: o,
-		naturalPosition: z,
-		orientation: u,
-		isClipped: h,
-		isTrackInteractive: _
-	}), H = j(n, {
-		knob: Xr.Knob,
-		knobContainer: Xr.KnobContainer,
-		label: Xr.Label,
-		track: Xr.Track
-	});
-	return l(() => {
-		I || (R($r(r, d)), A(r));
-	}, [
+		p,
+		m,
 		r,
+		a,
+		o,
+		l
+	]), L = c((e) => {
+		let t = e ? "none" : "";
+		for (let e of [
+			w.current,
+			T.current,
+			E.current
+		]) e && (e.style.transition = t);
+	}, []), R = c((e) => {
+		if (!h) return;
+		let t = X.fromViewport(), n;
+		switch (o) {
+			case "horizontal":
+				if (M.width <= 0) return;
+				n = ei((e.clientX + t.left - M.left) / M.width, m);
+				break;
+			case "vertical":
+				if (M.height <= 0) return;
+				n = ei((e.clientY + t.top - M.top) / M.height, m);
+				break;
+			default:
+				console.error(`[etudes::StepSlider] Invalid orientation: ${o}`);
+				return;
+		}
+		let r = Qr(n, s), i = r === k.current ? ni(n > D.current ? r + 1 : r - 1, s.length - 1) : r;
+		if (i !== k.current) {
+			let e = $r(i, s);
+			k.current = i, D.current = e, I(e), b?.(e, !1), y?.(i, !1);
+		}
+	}, [
+		M.width,
+		M.left,
+		M.top,
+		M.height,
+		m,
+		h,
+		o,
 		I,
-		bt(d)
-	]), l(() => {
-		if (I) {
-			if (v) return;
-			A(Qr(N, d));
-		} else {
-			let e = Qr(N, d);
-			R($r(e, d)), A(e);
+		_t(s)
+	]);
+	vt(w, {
+		onDragEnd: () => {
+			L(!1), A.current = !1, S.current?.classList.remove("dragging"), w.current?.classList.remove("dragging");
+			let e = Qr(D.current, s), t = $r(e, s);
+			D.current = t, k.current = e, I(t), b?.(t, !1), y?.(e, !1), _?.();
+		},
+		onDragMove: ({ x: e, y: t }) => {
+			let n = N(D.current, e, t);
+			if (n !== D.current) {
+				D.current = n, I(n), b?.(n, !0);
+				let e = Qr(n, s);
+				e !== k.current && (k.current = e, y?.(e, !0));
+			}
+			A.current = !0, S.current?.classList.add("dragging"), w.current?.classList.add("dragging");
+		},
+		onDragStart: () => {
+			L(!0), A.current = !0, S.current?.classList.add("dragging"), w.current?.classList.add("dragging"), v?.();
 		}
+	}), u(() => {
+		if (A.current) return;
+		let e = $r(n, s);
+		k.current = n, D.current = e, I(e);
 	}, [
-		N,
+		n,
 		I,
-		v,
-		bt(d)
-	]), l(() => {
-		S?.(N, I);
-	}, [N, I]), l(() => {
-		x?.(k, I);
-	}, [k, I]), /* @__PURE__ */ (0, O.jsx)("div", {
-		...C,
-		className: w(e, B.root),
-		ref: t,
-		"aria-valuenow": k,
+		_t(s)
+	]);
+	let z = $r(n, s), B = m ? z === 0 : z === 1, V = m ? z === 1 : z === 0, H = d(() => Xr({
+		knobHeight: r,
+		knobPadding: i,
+		knobWidth: a,
+		orientation: o,
+		isTrackInteractive: h
+	}), [
+		r,
+		i,
+		a,
+		o,
+		h
+	]), U = j(t, {
+		knob: Yr.Knob,
+		knobContainer: Yr.KnobContainer,
+		label: Yr.Label,
+		track: Yr.Track
+	});
+	return /* @__PURE__ */ (0, O.jsx)("div", {
+		...x,
+		ref: S,
+		"aria-orientation": o,
+		"aria-valuenow": n,
+		"data-at-end": B ? "" : void 0,
+		"data-at-start": V ? "" : void 0,
+		"data-orientation": o,
 		role: "slider",
 		children: /* @__PURE__ */ (0, O.jsxs)("div", {
-			ref: T,
-			style: V.body,
+			ref: C,
+			style: H.body,
 			children: [
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: w(g ? "end" : "start", B.track),
-					style: F(V.track, u === "vertical" ? {
-						height: `calc(${z * 100}% - ${m <= 0 ? 0 : i * .5}px - ${m}px)`,
-						top: "0"
-					} : {
-						left: "0",
-						width: `calc(${z * 100}% - ${m <= 0 ? 0 : o * .5}px - ${m}px)`
-					}),
-					element: H.track ?? /* @__PURE__ */ (0, O.jsx)(Xr.Track, {}),
-					onClick: ee,
-					children: /* @__PURE__ */ (0, O.jsx)("div", { style: V.trackHitBox })
+					ref: T,
+					style: F(H.track, o === "vertical" ? { top: "0" } : { left: "0" }),
+					"data-side": m ? "end" : "start",
+					element: U.track ?? /* @__PURE__ */ (0, O.jsx)(Yr.Track, {}),
+					onClick: R,
+					children: /* @__PURE__ */ (0, O.jsx)("div", { style: H.trackHitBox })
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: w(g ? "start" : "end", B.track),
-					style: F(V.track, u === "vertical" ? {
-						bottom: "0",
-						height: `calc(${ni(z) * 100}% - ${m <= 0 ? 0 : i * .5}px - ${m}px)`
-					} : {
-						right: "0",
-						width: `calc(${ni(z) * 100}% - ${m <= 0 ? 0 : o * .5}px - ${m}px)`
-					}),
-					element: H.track ?? /* @__PURE__ */ (0, O.jsx)(Xr.Track, {}),
-					onClick: ee,
-					children: /* @__PURE__ */ (0, O.jsx)("div", { style: V.trackHitBox })
+					ref: E,
+					style: F(H.track, o === "vertical" ? { bottom: "0" } : { right: "0" }),
+					"data-side": m ? "start" : "end",
+					element: U.track ?? /* @__PURE__ */ (0, O.jsx)(Yr.Track, {}),
+					onClick: R,
+					children: /* @__PURE__ */ (0, O.jsx)("div", { style: H.trackHitBox })
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
-					className: w(B.knobContainer),
-					ref: E,
-					style: F(V.knobContainer),
-					element: H.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Xr.KnobContainer, {}),
+					ref: w,
+					style: F(H.knobContainer),
+					element: U.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Yr.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
-						className: w(B.knob),
-						style: F(V.knob),
-						element: H.knob ?? /* @__PURE__ */ (0, O.jsx)(Xr.Knob, {}),
-						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: V.knobHitBox }), d && s && /* @__PURE__ */ (0, O.jsx)(P, {
-							className: w(B.label),
-							style: F(V.label),
-							element: H.label ?? /* @__PURE__ */ (0, O.jsx)(Xr.Label, {}),
-							children: s(N, Qr(N, d))
+						style: F(H.knob),
+						element: U.knob ?? /* @__PURE__ */ (0, O.jsx)(Yr.Knob, {}),
+						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: H.knobHitBox }), g && /* @__PURE__ */ (0, O.jsx)(P, {
+							style: F(H.label),
+							element: U.label ?? /* @__PURE__ */ (0, O.jsx)(Yr.Label, {}),
+							children: g(z, n)
 						})]
 					})
 				})
 			]
-		})
+		}, o)
 	});
 }
-function Zr(e) {
-	if (e <= 1) return console.error("[etudes::StepSlider] `length` value must be greater than or equal to 2"), [];
-	if (Math.round(e) !== e) return console.error("[etudes::StepSlider] `length` value must be an integer"), [];
-	let t = 1 / (e - 1);
-	return Array(e).fill(null).map((e, n) => t * n);
-}
 (function(e) {
 	e.Knob = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.KnobContainer = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("button", { ...e }), e.Label = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.Track = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)("div", { ...e }), e.generateSteps = Zr;
-})(Xr ||= {});
-function Qr(e, t) {
-	let n = -1, r = NaN;
-	for (let i = 0, a = t.length; i < a; i++) {
-		let a = $r(i, t);
-		if (isNaN(a)) continue;
-		let o = Math.abs(e - a);
-		(isNaN(r) || o < r) && (r = o, n = i);
-	}
-	return n;
-}
-function $r(e, t) {
-	return e >= t.length ? NaN : t[e];
-}
-function ei({ orientation: e = "vertical", isAtEnd: t = !1, isAtStart: n = !1, isDragging: r = !1, isReleasing: i = !1 }) {
-	return A({
-		knob: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		knobContainer: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		label: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		root: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		}),
-		track: w(e, {
-			"at-end": t,
-			"at-start": n,
-			dragging: r,
-			releasing: i
-		})
-	});
-}
-function ti({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPosition: r = 0, orientation: i = "vertical", isClipped: a = !1, isTrackInteractive: o = !1 }) {
+})(Yr ||= {});
+function Xr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !1 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8776,13 +8675,7 @@ function ti({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPo
 			position: "absolute",
 			transform: "translate3d(-50%, -50%, 0)",
 			zIndex: "1",
-			...i === "vertical" ? {
-				left: "50%",
-				top: a ? `calc(${r * 100}% + ${e * .5 - r * e}px)` : `${r * 100}%`
-			} : {
-				left: a ? `calc(${r * 100}% + ${n * .5 - r * n}px)` : `${r * 100}%`,
-				top: "50%"
-			}
+			...r === "vertical" ? { left: "50%" } : { top: "50%" }
 		},
 		knobHitBox: {
 			background: "none",
@@ -8798,10 +8691,10 @@ function ti({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPo
 			userSelect: "none"
 		},
 		track: {
-			cursor: o ? "pointer" : "auto",
-			pointerEvents: o ? "auto" : "none",
+			cursor: i ? "pointer" : "auto",
+			pointerEvents: i ? "auto" : "none",
 			position: "absolute",
-			...i === "vertical" ? {
+			...r === "vertical" ? {
 				left: "0",
 				margin: "0 auto",
 				right: "0",
@@ -8818,21 +8711,43 @@ function ti({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, naturalPo
 			minHeight: "20px",
 			minWidth: "20px",
 			position: "absolute",
-			transform: i === "horizontal" ? "translate3d(0, -50%, 0)" : "translate3d(-50%, 0, 0)",
+			transform: r === "horizontal" ? "translate3d(0, -50%, 0)" : "translate3d(-50%, 0, 0)",
 			width: "100%"
 		}
 	});
 }
-function ni(e) {
-	return 1 - e;
+function Zr(e) {
+	if (e <= 1) return console.error("[etudes::StepSlider] `length` value must be greater than or equal to 2"), [];
+	if (Math.round(e) !== e) return console.error("[etudes::StepSlider] `length` value must be an integer"), [];
+	let t = 1 / (e - 1);
+	return Array(e).fill(null).map((e, n) => t * n);
+}
+function Qr(e, t) {
+	let n = -1, r = NaN;
+	for (let i = 0, a = t.length; i < a; i++) {
+		let a = $r(i, t);
+		if (isNaN(a)) continue;
+		let o = Math.abs(e - a);
+		(isNaN(r) || o < r) && (r = o, n = i);
+	}
+	return n;
+}
+function $r(e, t) {
+	return e >= t.length ? NaN : t[e];
+}
+function ei(e, t) {
+	return t ? 1 - e : e;
+}
+function ti(e, t) {
+	return t ? 1 - e : e;
 }
-function ri(e, t = 1, n = 0) {
+function ni(e, t = 1, n = 0) {
 	return Math.max(n, Math.min(t, e));
 }
-process.env.NODE_ENV === "development" && (Xr.displayName = "StepSlider", Xr.Track.displayName = "StepSlider.Track", Xr.Knob.displayName = "StepSlider.Knob", Xr.KnobContainer.displayName = "StepSlider.KnobContainer", Xr.Label.displayName = "StepSlider.Label");
+process.env.NODE_ENV === "development" && (Yr.displayName = "StepSlider", Yr.Track.displayName = "StepSlider.Track", Yr.Knob.displayName = "StepSlider.Knob", Yr.KnobContainer.displayName = "StepSlider.KnobContainer", Yr.Label.displayName = "StepSlider.Label");
 //#endregion
 //#region src/primitives/SwipeRegion.tsx
-function ii({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipeDown: i, onSwipeLeft: a, onSwipeRight: o, onSwipeUp: s, ...c }) {
+function ri({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipeDown: i, onSwipeLeft: a, onSwipeRight: o, onSwipeUp: s, ...c }) {
 	let [l, u] = p(void 0), [d, f] = p(void 0), [m, h] = p(NaN), g = (e, t) => {
 		if (isNaN(e) || isNaN(t)) return y();
 		u(K.make(e, t));
@@ -8860,24 +8775,24 @@ function ii({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipe
 		children: t
 	});
 }
-process.env.NODE_ENV === "development" && (ii.displayName = "SwipeRegion");
+process.env.NODE_ENV === "development" && (ri.displayName = "SwipeRegion");
 //#endregion
 //#region src/primitives/TextArea.tsx
-function ai({ ref: e, onChange: t, ...n }) {
+function ii({ ref: e, onChange: t, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)("textarea", {
 		...n,
 		ref: e,
 		onChange: (e) => t(e.target.value)
 	});
 }
-process.env.NODE_ENV === "development" && (ai.displayName = "TextArea");
+process.env.NODE_ENV === "development" && (ii.displayName = "TextArea");
 //#endregion
 //#region src/primitives/Toggle.tsx
-function oi({ className: e, ref: t, style: n, children: r, orientation: i = "horizontal", isInverted: a = !1, isOn: o = !1, onChange: s, ...c }) {
-	let l = f(null), u = En(l), d = j(r, {
-		knob: oi.Knob,
-		track: oi.Track
-	}), p = si({ isOn: o }), m = ci({
+function ai({ className: e, ref: t, style: n, children: r, orientation: i = "horizontal", isInverted: a = !1, isOn: o = !1, onChange: s, ...c }) {
+	let l = f(null), u = yt(l), d = j(r, {
+		knob: ai.Knob,
+		track: ai.Track
+	}), p = oi({ isOn: o }), m = si({
 		knobSize: u,
 		orientation: i,
 		isInverted: a,
@@ -8896,7 +8811,7 @@ function oi({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 		}), /* @__PURE__ */ (0, O.jsx)(P, {
 			className: p.track,
 			style: m.track,
-			element: d.track ?? /* @__PURE__ */ (0, O.jsx)(oi.Track, {}),
+			element: d.track ?? /* @__PURE__ */ (0, O.jsx)(ai.Track, {}),
 			children: /* @__PURE__ */ (0, O.jsx)("div", {
 				style: {
 					height: "100%",
@@ -8907,7 +8822,7 @@ function oi({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 					className: p.knob,
 					ref: l,
 					style: m.knob,
-					element: d.knob ?? /* @__PURE__ */ (0, O.jsx)(oi.Knob, {})
+					element: d.knob ?? /* @__PURE__ */ (0, O.jsx)(ai.Knob, {})
 				})
 			})
 		})]
@@ -8921,15 +8836,15 @@ function oi({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 		...t,
 		children: e
 	});
-})(oi ||= {});
-function si({ isOn: e = !1 }) {
+})(ai ||= {});
+function oi({ isOn: e = !1 }) {
 	return A({
 		knob: w({ active: e }),
 		root: w({ active: e }),
 		track: w({ active: e })
 	});
 }
-function ci({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n = !1, isOn: r = !1 }) {
+function si({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n = !1, isOn: r = !1 }) {
 	return M({
 		input: {
 			height: 0,
@@ -8959,26 +8874,26 @@ function ci({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n
 		track: { position: "relative" }
 	});
 }
-process.env.NODE_ENV === "development" && (oi.displayName = "Toggle", oi.Knob.displayName = "Toggle.Knob", oi.Track.displayName = "Toggle.Track");
+process.env.NODE_ENV === "development" && (ai.displayName = "Toggle", ai.Knob.displayName = "Toggle.Knob", ai.Track.displayName = "Toggle.Track");
 //#endregion
 //#region src/utils/createKeyDeep.ts
-function li(e) {
-	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(li)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, li(t)])) : bt(e);
+function ci(e) {
+	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(ci)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, ci(t)])) : _t(e);
 }
 //#endregion
 //#region src/utils/ExtractChildren.tsx
-function ui({ children: e, ...n }) {
+function li({ children: e, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: t.map(e, (e) => o(e) ? N(e, { ...n }) : e) });
 }
-process.env.NODE_ENV === "development" && (ui.displayName = "ExtractChildren");
+process.env.NODE_ENV === "development" && (li.displayName = "ExtractChildren");
 //#endregion
 //#region src/utils/getSystemColorScheme.ts
-function di() {
+function ui() {
 	return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 //#endregion
 //#region src/utils/NoSSR.tsx
-function fi({ children: e, fallback: t = void 0 }) {
+function di({ children: e, fallback: t = void 0 }) {
 	let [n, i] = p(!1);
 	if (l(() => {
 		i(typeof window < "u");
@@ -8988,4 +8903,4 @@ function fi({ children: e, fallback: t = void 0 }) {
 	});
 }
 //#endregion
-export { Q as Accordion, I as Burger, R as BurgerButton, ft as Button, Xn as Carousel, rr as CodeInput, Mn as Collection, Mt as Conditional, lr as Counter, it as CoverImage, ut as CoverVideo, dr as Dial, hr as Dropdown, Nt as Each, It as ExtractChild, ui as ExtractChildren, xr as Form, nt as Image, Qe as ImageSource, Cr as MasonryGrid, fi as NoSSR, ht as OptionButton, wt as Panorama, kt as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, Br as ScrollableCarousel, Gr as Select, jt as SelectableButton, qr as Slider, Xr as StepSlider, P as Styled, ii as SwipeRegion, Pt as Switch, ai as TextArea, cr as TextField, oi as Toggle, lt as Video, zt as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, bt as createKey, li as createKeyDeep, an as createLocalCache, bn as createSessionCache, Dn as getStyle, di as getSystemColorScheme, en as isTouchDevice, Lt as measureIntrinsicSize, On as setStyle, Rt as setStyles, F as styles, Wt as useClassName, Gt as useClickOutside, Kt as useCopyBlobToClipboard, Yt as useDPR, qt as useDownloadBlob, Xt as useDrag, Zt as useDropzone, $e as useImageLoader, et as useImageSize, xt as useInertiaDrag, St as useInertiaDragValue, Je as useIntersectionObserver, Qt as useInterval, $t as useIsMounted, tn as useIsTouchDevice, nn as useKeyboardShortcut, Z as useLatest, un as useLocalCache, dn as useMouseEnter, fn as useMouseLeave, pn as useOS, mn as usePrevious, Ze as useRect, hn as useScrollPosition, Tn as useSessionCache, En as useSize, Ye as useSizeObserver, kn as useStyle, An as useSystemColorScheme, jn as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };
+export { Q as Accordion, I as Burger, R as BurgerButton, ft as Button, qn as Carousel, er as CodeInput, kn as Collection, kt as Conditional, or as Counter, it as CoverImage, ut as CoverVideo, cr as Dial, fr as Dropdown, At as Each, Nt as ExtractChild, li as ExtractChildren, vr as Form, nt as Image, Qe as ImageSource, br as MasonryGrid, di as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, Lr as ScrollableCarousel, Hr as Select, Ot as SelectableButton, Wr as Slider, Yr as StepSlider, P as Styled, ri as SwipeRegion, jt as Switch, ii as TextArea, ar as TextField, ai as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, ci as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, ui as getSystemColorScheme, Zt as isTouchDevice, Pt as measureIntrinsicSize, wn as setStyle, Ft as setStyles, F as styles, Vt as useClassName, Ht as useClickOutside, Ut as useCopyBlobToClipboard, Kt as useDPR, Wt as useDownloadBlob, qt as useDrag, Jt as useDropzone, $e as useImageLoader, et as useImageSize, vt as useInertiaDrag, Je as useIntersectionObserver, Yt as useInterval, Xt as useIsMounted, Qt as useIsTouchDevice, $t as useKeyboardShortcut, Z as useLatest, sn as useLocalCache, cn as useMouseEnter, ln as useMouseLeave, un as useOS, dn as usePrevious, Ze as useRect, fn as useScrollPosition, Sn as useSessionCache, yt as useSize, Ye as useSizeObserver, Tn as useStyle, En as useSystemColorScheme, Dn as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };