etudes 32.3.0 → 32.5.0

package/build/etudes.js

@@ -994,46 +994,42 @@ var Qe;
 })(Qe ||= {});
 //#endregion
 //#region src/hooks/useImageLoader.ts
-function $e({ sizes: e, src: t, srcSet: n }, { onError: r, onLoad: i, onLoadStart: a } = {}) {
-	let o = f(void 0), s = Z(a), c = Z(i), l = Z(r);
+function $e(e, { onError: t, onLoad: n, onLoadStart: r } = {}) {
+	let i = typeof e == "string" ? e : e[0], a = typeof e == "string" ? void 0 : e[1], o = a ? Qe.asProps(a) : void 0, s = f(void 0), c = Z(r), l = Z(n), d = Z(t);
 	u(() => {
-		let r = !1, i = (e) => {
-			if (r) return;
-			let t = e.currentTarget;
-			c.current?.(t);
-		}, a = (e) => {
-			if (r) return;
-			let t = e.currentTarget;
-			l.current?.(t);
-		}, u = new Image();
-		return u.addEventListener("load", i), u.addEventListener("error", a), s.current?.(u), n && (u.srcset = n), e && (u.sizes = e), u.src = t, o.current = u, () => {
-			r = !0, u.removeEventListener("load", i), u.removeEventListener("error", a), o.current = void 0;
+		let e = !1, t = (t) => {
+			if (e) return;
+			let n = t.currentTarget;
+			l.current?.(n);
+		}, n = (t) => {
+			if (e) return;
+			let n = t.currentTarget;
+			d.current?.(n);
+		}, r = new Image();
+		return r.addEventListener("load", t), r.addEventListener("error", n), c.current?.(r), o?.srcSet && (r.srcset = o.srcSet), o?.sizes && (r.sizes = o.sizes), r.src = i, s.current = r, () => {
+			e = !0, r.removeEventListener("load", t), r.removeEventListener("error", n), s.current = void 0;
 		};
 	}, [
-		t,
-		n,
-		e
+		i,
+		o?.srcSet,
+		o?.sizes
 	]);
 }
 //#endregion
 //#region src/hooks/useImageSize.ts
-function et({ sizes: e, src: t, srcSet: n }, { preservesSizeBetweenLoads: r = !0, onError: i, onLoad: a, onLoadStart: o } = {}) {
-	let [s, l] = p(), u = Z(o), d = Z(a), f = Z(i), m = c((e) => {
-		r || l(void 0), u.current?.(e);
-	}, [r]), h = c((e) => {
-		l(tt(e)), d.current?.(e);
-	}, []), g = c((e) => {
-		r || l(void 0), f.current?.(e);
-	}, [r]);
-	return $e({
-		sizes: e,
-		src: t,
-		srcSet: n
-	}, {
-		onError: g,
-		onLoad: h,
-		onLoadStart: m
-	}), s;
+function et(e, { preservesSizeBetweenLoads: t = !0, onError: n, onLoad: r, onLoadStart: i } = {}) {
+	let [a, o] = p(), s = Z(i), l = Z(r), u = Z(n), d = c((e) => {
+		t || o(void 0), s.current?.(e);
+	}, [t]), f = c((e) => {
+		o(tt(e)), l.current?.(e);
+	}, []);
+	return $e(e, {
+		onError: c((e) => {
+			t || o(void 0), u.current?.(e);
+		}, [t]),
+		onLoad: f,
+		onLoadStart: d
+	}), a;
 }
 function tt(e) {
 	if (e && typeof e.width == "number" && typeof e.height == "number") return q.make(e.width, e.height);
@@ -1041,11 +1037,7 @@ function tt(e) {
 //#endregion
 //#region src/primitives/Image.tsx
 function nt({ ref: e, alt: t, loadingMode: n, source: r, onError: i, onLoad: a, onLoadStart: o, onSizeChange: s, ...c }) {
-	let u = typeof r == "string" ? r : r[0], d = typeof r == "string" ? void 0 : r[1], f = d ? Qe.asProps(d) : void 0, p = et({
-		sizes: f?.sizes,
-		src: u,
-		srcSet: f?.srcSet
-	}, {
+	let u = typeof r == "string" ? r : r[0], d = typeof r == "string" ? void 0 : r[1], f = d ? Qe.asProps(d) : void 0, p = et(r, {
 		onError: i,
 		onLoad: a,
 		onLoadStart: o
@@ -4721,9 +4713,9 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 		function an(e) {
 			return e && e.replace(/\/.*$/, "");
 		}
-		var on = new rn(), sn = on.interactStatic, cn = typeof globalThis < "u" ? globalThis : window;
-		on.init(cn);
-		var ln = Object.freeze({
+		var on = new rn(), Q = on.interactStatic, sn = typeof globalThis < "u" ? globalThis : window;
+		on.init(sn);
+		var cn = Object.freeze({
 			__proto__: null,
 			edgeTarget: function() {},
 			elements: function() {},
@@ -4758,13 +4750,13 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				};
 				return n.grid = e, n.coordFields = t, n;
 			}
-		}), un = {
+		}), ln = {
 			id: "snappers",
 			install: function(e) {
 				var t = e.interactStatic;
-				t.snappers = W(t.snappers || {}, ln), t.createSnapGrid = t.snappers.grid;
+				t.snappers = W(t.snappers || {}, cn), t.createSnapGrid = t.snappers.grid;
 			}
-		}, dn = {
+		}, un = {
 			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 = W({}, a), t.startRect = W({}, r), t.ratio = s, t.equalDelta = u;
@@ -4790,7 +4782,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				}
 			},
 			set: function(e) {
-				var t = e.state, r = e.rect, i = e.coords, a = t.linkedEdges, o = W({}, i), s = t.equalDelta ? fn : pn;
+				var t = e.state, r = e.rect, i = e.coords, a = t.linkedEdges, o = W({}, i), s = t.equalDelta ? dn : fn;
 				if (W(e.edges, a), s(t, t.xIsPrimaryAxis, i, r), !t.subModification) return null;
 				var c = W({}, r);
 				re(a, c, {
@@ -4813,11 +4805,11 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				enabled: !1
 			}
 		};
-		function fn(e, t, n) {
+		function dn(e, t, n) {
 			var r = e.startCoords, i = e.edgeSign;
 			t ? n.y = r.y + (n.x - r.x) * i.y : n.x = r.x + (n.y - r.y) * i.x;
 		}
-		function pn(e, t, n, r) {
+		function fn(e, t, n, r) {
 			var i = e.startRect, a = e.startCoords, o = e.ratio, s = e.edgeSign;
 			if (t) {
 				var c = r.width / o;
@@ -4827,17 +4819,17 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				n.x = a.x + (l - i.width) * s.x;
 			}
 		}
-		var mn = yt(dn, "aspectRatio"), hn = function() {};
-		hn._defaults = {};
-		var gn = hn;
-		function _n(e, t, n) {
+		var pn = yt(un, "aspectRatio"), mn = function() {};
+		mn._defaults = {};
+		var hn = mn;
+		function gn(e, t, n) {
 			return S.func(e) ? te(e, t.interactable, t.element, [
 				n.x,
 				n.y,
 				t
 			]) : te(e, t.interactable, t.element);
 		}
-		var vn = {
+		var _n = {
 			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 = W({
 					left: 0,
@@ -4846,7 +4838,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					bottom: 0
 				}, o.offset || {});
 				if (t && s) {
-					var l = _n(o.restriction, i, a);
+					var l = gn(o.restriction, i, a);
 					if (l) {
 						var u = l.right - l.left - t.width, d = l.bottom - l.top - t.height;
 						u < 0 && (c.left += u, c.right += u), d < 0 && (c.top += d, c.bottom += d);
@@ -4856,7 +4848,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				r.offset = c;
 			},
 			set: function(e) {
-				var t = e.coords, n = e.interaction, r = e.state, i = r.options, a = r.offset, o = _n(i.restriction, n, t);
+				var t = e.coords, n = e.interaction, r = e.state, i = r.options, a = r.offset, o = gn(i.restriction, n, t);
 				if (o) {
 					var s = function(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;
@@ -4871,18 +4863,18 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, yn = yt(vn, "restrict"), bn = {
+		}, vn = yt(_n, "restrict"), yn = {
 			top: Infinity,
 			left: Infinity,
 			bottom: -Infinity,
 			right: -Infinity
-		}, xn = {
+		}, bn = {
 			top: -Infinity,
 			left: -Infinity,
 			bottom: Infinity,
 			right: Infinity
 		};
-		function Sn(e, t) {
+		function xn(e, t) {
 			for (var n = 0, r = [
 				"top",
 				"left",
@@ -4894,12 +4886,12 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 			}
 			return e;
 		}
-		var Cn = {
-			noInner: bn,
-			noOuter: xn,
+		var Sn = {
+			noInner: yn,
+			noOuter: bn,
 			start: function(e) {
 				var t, n = e.interaction, r = e.startOffset, i = e.state, a = i.options;
-				a && (t = G(_n(a.offset, n, n.coords.start.page))), t ||= {
+				a && (t = G(gn(a.offset, n, n.coords.start.page))), t ||= {
 					x: 0,
 					y: 0
 				}, i.offset = {
@@ -4912,8 +4904,8 @@ var gt = /* @__PURE__ */ S((/* @__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 = 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));
+					var s = W({}, t), c = gn(o.inner, r, s) || {}, l = gn(o.outer, r, s) || {};
+					xn(c, yn), xn(l, bn), 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));
 				}
 			},
 			defaults: {
@@ -4923,7 +4915,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, wn = yt(Cn, "restrictEdges"), Tn = W({
+		}, Cn = yt(Sn, "restrictEdges"), wn = W({
 			get elementRect() {
 				return {
 					top: 0,
@@ -4933,29 +4925,29 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				};
 			},
 			set elementRect(e) {}
-		}, vn.defaults), En = yt({
-			start: vn.start,
-			set: vn.set,
-			defaults: Tn
-		}, "restrictRect"), Dn = {
+		}, _n.defaults), Tn = yt({
+			start: _n.start,
+			set: _n.set,
+			defaults: wn
+		}, "restrictRect"), En = {
 			width: -Infinity,
 			height: -Infinity
-		}, On = {
+		}, Dn = {
 			width: Infinity,
 			height: Infinity
-		}, kn = yt({
+		}, On = yt({
 			start: function(e) {
-				return Cn.start(e);
+				return Sn.start(e);
 			},
 			set: function(e) {
 				var t = e.interaction, n = e.state, r = e.rect, i = e.edges, a = n.options;
 				if (i) {
-					var o = ne(_n(a.min, t, e.coords)) || Dn, s = ne(_n(a.max, t, e.coords)) || On;
+					var o = ne(gn(a.min, t, e.coords)) || En, s = ne(gn(a.max, t, e.coords)) || Dn;
 					n.options = {
 						endOnly: a.endOnly,
-						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;
+						inner: W({}, Sn.noInner),
+						outer: W({}, Sn.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), Sn.set(e), n.options = a;
 				}
 			},
 			defaults: {
@@ -4964,7 +4956,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, "restrictSize"), An = {
+		}, "restrictSize"), kn = {
 			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;
@@ -5038,7 +5030,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, jn = yt(An, "snap"), Mn = {
+		}, An = yt(kn, "snap"), jn = {
 			start: function(e) {
 				var t = e.state, n = e.edges, r = t.options;
 				if (!n) return null;
@@ -5054,7 +5046,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 						y: 0
 					},
 					range: r.range
-				} }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], An.start(e), t.offsets = e.state.offsets, e.state = t;
+				} }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], kn.start(e), t.offsets = e.state.offsets, e.state = t;
 			},
 			set: function(e) {
 				var t = e.interaction, n = e.state, r = e.coords, i = n.options, a = n.offsets, o = {
@@ -5075,7 +5067,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 						n.options.targets.push(u);
 					}
 				}
-				var g = An.set(e);
+				var g = kn.set(e);
 				return n.options = i, g;
 			},
 			defaults: {
@@ -5085,19 +5077,19 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, Nn = yt(Mn, "snapSize"), Q = {
-			aspectRatio: mn,
-			restrictEdges: wn,
-			restrict: yn,
-			restrictRect: En,
-			restrictSize: kn,
+		}, Mn = yt(jn, "snapSize"), Nn = {
+			aspectRatio: pn,
+			restrictEdges: Cn,
+			restrict: vn,
+			restrictRect: Tn,
+			restrictSize: On,
 			snapEdges: yt({
 				start: function(e) {
 					var t = e.edges;
-					return t ? (e.state.targetFields = e.state.targetFields || [[t.left ? "left" : "right", t.top ? "top" : "bottom"]], Mn.start(e)) : null;
+					return t ? (e.state.targetFields = e.state.targetFields || [[t.left ? "left" : "right", t.top ? "top" : "bottom"]], jn.start(e)) : null;
 				},
-				set: Mn.set,
-				defaults: W(gt(Mn.defaults), {
+				set: jn.set,
+				defaults: W(gt(jn.defaults), {
 					targets: void 0,
 					range: void 0,
 					offset: {
@@ -5106,18 +5098,18 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					}
 				})
 			}, "snapEdges"),
-			snap: jn,
-			snapSize: Nn,
-			spring: gn,
-			avoid: gn,
-			transform: gn,
-			rubberband: gn
+			snap: An,
+			snapSize: Mn,
+			spring: hn,
+			avoid: hn,
+			transform: hn,
+			rubberband: hn
 		}, Pn = {
 			id: "modifiers",
 			install: function(e) {
 				var t = e.interactStatic;
-				for (var n in e.usePlugin(xt), e.usePlugin(un), t.modifiers = Q, Q) {
-					var r = Q[n], i = r._defaults;
+				for (var n in e.usePlugin(xt), e.usePlugin(ln), t.modifiers = Nn, Nn) {
+					var r = Nn[n], i = r._defaults;
 					i._methods = r._methods, e.defaults.perAction[n] = i;
 				}
 			}
@@ -5387,12 +5379,12 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				}
 			}
 		};
-		if (sn.use(mt), sn.use(Nt), sn.use({
+		if (Q.use(mt), Q.use(Nt), Q.use({
 			id: "pointer-events",
 			install: function(e) {
 				e.usePlugin(Bn), e.usePlugin(Hn), e.usePlugin(Un);
 			}
-		}), sn.use(zt), sn.use(Pn), sn.use(dt), sn.use(We), sn.use(Z), sn.use({
+		}), Q.use(zt), Q.use(Pn), Q.use(dt), Q.use(We), Q.use(Z), Q.use({
 			id: "reflow",
 			install: function(e) {
 				var t = e.Interactable;
@@ -5489,10 +5481,10 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					e.splice(e.indexOf(t), 1);
 				}(t.interactions.list, n));
 			} }
-		}), sn.default = sn, (t === void 0 ? "undefined" : r(t)) === "object" && t) try {
-			t.exports = sn;
+		}), Q.default = Q, (t === void 0 ? "undefined" : r(t)) === "object" && t) try {
+			t.exports = Q;
 		} catch {}
-		return sn.default = sn, sn;
+		return Q.default = Q, Q;
 	}));
 })))(), 1);
 function _t(e) {
@@ -5545,7 +5537,7 @@ function yt(e) {
 //#endregion
 //#region src/primitives/Panorama.tsx
 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 }, {
+	let v = f(null), y = yt(v), b = et(r, {
 		onError: m,
 		onLoad: p,
 		onLoadStart: h
@@ -6084,9 +6076,11 @@ function Ht(e, t, { isEnabled: n = !0 } = {}) {
 			e = !t(n.target);
 		}, o = (n) => {
 			!e || t(n.target) || (e = !1, r.current());
+		}, s = (n) => {
+			!e || t(n.target) || (n.preventDefault(), e = !1, r.current());
 		};
-		return window.addEventListener("pointerdown", a, !0), window.addEventListener("click", o, !0), () => {
-			window.removeEventListener("pointerdown", a, !0), window.removeEventListener("click", o, !0);
+		return window.addEventListener("pointerdown", a, !0), window.addEventListener("click", o, !0), window.addEventListener("contextmenu", s, !0), () => {
+			window.removeEventListener("pointerdown", a, !0), window.removeEventListener("click", o, !0), window.removeEventListener("contextmenu", s, !0);
 		};
 	}, [...[].concat(e).map((e) => e && "current" in e ? e.current : void 0), n]);
 }
@@ -6301,12 +6295,12 @@ function on(e, t, n) {
 }
 //#endregion
 //#region src/hooks/useLocalCache.ts
-function sn(e) {
+function Q(e) {
 	return d(() => tn({ defaultTTL: e }), [e]);
 }
 //#endregion
 //#region src/hooks/useMouseEnter.ts
-function cn(e, t, { isEnabled: n = !0 } = {}) {
+function sn(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t);
 	u(() => {
 		if (!n) return;
@@ -6323,7 +6317,7 @@ function cn(e, t, { isEnabled: n = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useMouseLeave.ts
-function ln(e, t, { isEnabled: n = !0 } = {}) {
+function cn(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t);
 	u(() => {
 		if (!n) return;
@@ -6340,7 +6334,7 @@ function ln(e, t, { isEnabled: n = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useOS.ts
-function un() {
+function ln() {
 	let e = navigator.userAgent || navigator.vendor || window.opera;
 	return d(() => {
 		switch (!0) {
@@ -6355,13 +6349,33 @@ function un() {
 }
 //#endregion
 //#region src/hooks/usePrevious.ts
-function dn(e, t) {
+function un(e, t) {
 	let n = f(t);
 	return u(() => {
 		n.current = e;
 	}, [e]), n.current;
 }
 //#endregion
+//#region src/hooks/useRightClick.ts
+function dn(e, t, n = {}) {
+	let r = Z(typeof e == "function" ? e : typeof t == "function" ? t : () => {}), i = typeof e == "function" ? void 0 : e && "current" in e ? e.current : e, { isEnabled: a = !0 } = typeof t == "function" ? n : t ?? {}, o = typeof e == "function";
+	l(() => {
+		if (!a) return;
+		let e = (e) => {
+			e.preventDefault(), r.current?.();
+		};
+		return o ? (window.addEventListener("contextmenu", e), () => {
+			window.removeEventListener("contextmenu", e);
+		}) : (i?.addEventListener("contextmenu", e), () => {
+			i?.removeEventListener("contextmenu", e);
+		});
+	}, [
+		o,
+		i,
+		a
+	]);
+}
+//#endregion
 //#region src/hooks/useScrollPositionObserver.ts
 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);
@@ -6685,8 +6699,8 @@ function Nn({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection",
 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 = 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) => {
+function Pn({ 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 = Rn(l ?? {}, c), T = Ln(r ?? [], c), E = Bn({ 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) => {
@@ -6696,7 +6710,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 			case "multiple":
 				n = (n) => ({
 					...n,
-					[t]: Rn([...(n[t] ?? []).filter((t) => t !== e), e])
+					[t]: zn([...(n[t] ?? []).filter((t) => t !== e), e])
 				});
 				break;
 			case "single":
@@ -6723,11 +6737,11 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 		}
 		r.forEach((e) => h?.(e[0], e[1])), i.forEach((e) => b?.(e[0], e[1])), x?.(t);
 	}, B = j(n, {
-		collapseIcon: Q.CollapseIcon,
-		expandIcon: Q.ExpandIcon,
-		header: Q.Header,
-		item: Q.Item,
-		section: Q.Section
+		collapseIcon: Pn.CollapseIcon,
+		expandIcon: Pn.ExpandIcon,
+		header: Pn.Header,
+		item: Pn.Item,
+		section: Pn.Section
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		ref: e,
@@ -6745,7 +6759,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: B.section ?? /* @__PURE__ */ (0, O.jsx)(Q.Section, {}),
+					element: B.section ?? /* @__PURE__ */ (0, O.jsx)(Pn.Section, {}),
 					children: [/* @__PURE__ */ (0, O.jsx)("div", {
 						ref: D[t],
 						style: F(E.headerContainer),
@@ -6769,7 +6783,7 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 							}),
 							style: F(E.header),
 							"aria-expanded": !x,
-							element: B.header ?? /* @__PURE__ */ (0, O.jsx)(Q.Header, {}),
+							element: B.header ?? /* @__PURE__ */ (0, O.jsx)(Pn.Header, {}),
 							role: "button",
 							onClick: () => N(t),
 							children: [/* @__PURE__ */ (0, O.jsx)("span", { dangerouslySetInnerHTML: { __html: e.label } }), B.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
@@ -6814,7 +6828,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 && (B.item ?? /* @__PURE__ */ (0, O.jsx)(Q.Item, {}))
+							children: !a && (B.item ?? /* @__PURE__ */ (0, O.jsx)(Pn.Item, {}))
 						})
 					})]
 				});
@@ -6836,29 +6850,29 @@ function Q({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCom
 		...t,
 		children: e
 	}), e.Item = kn.Item;
-})(Q ||= {});
-function Pn(e, t) {
+})(Pn ||= {});
+function Fn(e, t) {
 	return e >= t.length || e < 0;
 }
-function Fn(e, t, n) {
-	return !!(Pn(t, n) || e >= (n[t].items ?? []).length || e < 0);
-}
-function In(e, t) {
-	return Rn(e).filter((e) => !Pn(e, t));
+function In(e, t, n) {
+	return !!(Fn(t, n) || e >= (n[t].items ?? []).length || e < 0);
 }
 function Ln(e, t) {
+	return zn(e).filter((e) => !Fn(e, t));
+}
+function Rn(e, t) {
 	let n = {};
 	for (let r in t) {
 		if (!Object.hasOwn(t, r)) continue;
-		let i = Rn([...e[r] ?? []]);
-		n[Number(r)] = Rn(i).filter((e) => !Fn(e, Number(r), t));
+		let i = zn([...e[r] ?? []]);
+		n[Number(r)] = zn(i).filter((e) => !In(e, Number(r), t));
 	}
 	return n;
 }
-function Rn(e) {
+function zn(e) {
 	return e.sort((e, t) => e - t);
 }
-function zn({ orientation: e = "vertical" }) {
+function Bn({ orientation: e = "vertical" }) {
 	return M({
 		collapseIcon: {
 			pointerEvents: "none",
@@ -6910,16 +6924,16 @@ function zn({ 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");
+process.env.NODE_ENV === "development" && (Pn.displayName = "Accordion", Pn.Header.displayName = "Accordion.Header", Pn.ExpandIcon.displayName = "Accordion.ExpandIcon", Pn.CollapseIcon.displayName = "Accordion.CollapseIcon", Pn.Item.displayName = "Accordion.Item");
 //#endregion
 //#region src/primitives/Carousel.tsx
-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);
+var Vn = .55, Hn = .05, Un = .55, Wn = .5, Gn = .02, Kn = 100, qn = 1e3 / 60;
+function Jn({ 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 = un(W, W), G = j(r, {
+		content: Jn.Content,
+		itemContainer: Jn.ItemContainer,
+		viewport: Jn.Viewport
+	}), ne = t.toArray(G.content?.props.children), re = ne.length, ie = Xn(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,
@@ -6943,19 +6957,19 @@ function qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 	}, de = () => {
 		let e = le.current;
 		if (!e.shouldTrackExposure) return;
-		let t = Zn(S.current, e.viewportLength, e.itemCount);
-		U((e) => Xn(e, t) ? e : t);
+		let t = Qn(S.current, e.viewportLength, e.itemCount);
+		U((e) => Zn(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) * 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();
+		let { maxDisplacement: e, minDisplacement: t, orientation: n } = le.current, r = w.current, i = (r - S.current) * Hn;
+		if (C.current = C.current * Vn + i, S.current += C.current, (S.current > e || S.current < t) && (C.current *= Un), Math.abs(C.current) < Gn && Math.abs(r - S.current) < Wn) {
+			S.current = r, C.current = 0, T.current = 0, Yn(x.current, r, n), de();
 			return;
 		}
-		Jn(x.current, S.current, n), de(), T.current = requestAnimationFrame(me);
+		Yn(x.current, S.current, n), de(), T.current = requestAnimationFrame(me);
 	};
 	return u(() => {
 		let e = b.current;
@@ -6982,12 +6996,12 @@ function qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 				}
 			}
 			let c = o === "horizontal" ? t.clientX : t.clientY, l = (c - k.current) * n;
-			S.current = Qn(D.current + l, a, i, s), Jn(x.current, S.current, o), de(), Math.abs(l) > r && (L.current = !0);
+			S.current = $n(D.current + l, a, i, s), Yn(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 > Gn;) d.shift();
+			}); d.length > 0 && u - d[0].t > Kn;) d.shift();
 		}, r = (t) => {
 			if (I.current !== t.pointerId) return;
 			e.hasPointerCapture(t.pointerId) && e.releasePointerCapture(t.pointerId), I.current = null;
@@ -7001,8 +7015,8 @@ function qn({ 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 = 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);
+			let f = Xn((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 * qn, fe(), ee(!1), f !== a && V.current?.(f);
 		}, i = (e) => {
 			let t = N.current;
 			(t === "pending" || t === "axis") && e.cancelable && e.preventDefault();
@@ -7013,7 +7027,7 @@ function qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 	}, []), u(() => {
 		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, Jn(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, Yn(x.current, e, s), de()) : (S.current !== e || C.current !== 0) && fe();
 	}, [
 		ie,
 		se,
@@ -7035,30 +7049,30 @@ function qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 		onClick: ue,
 		children: /* @__PURE__ */ (0, O.jsx)(P, {
 			ref: b,
-			style: F($n.viewport, {
+			style: F(er.viewport, {
 				cursor: W ? "grabbing" : "grab",
 				touchAction: re > 1 ? s === "horizontal" ? "pan-y" : "pan-x" : "auto"
 			}),
-			element: G.viewport ?? /* @__PURE__ */ (0, O.jsx)(qn.Viewport, {}),
+			element: G.viewport ?? /* @__PURE__ */ (0, O.jsx)(Jn.Viewport, {}),
 			children: /* @__PURE__ */ (0, O.jsx)(P, {
 				ref: x,
 				style: {
-					...$n.content,
+					...er.content,
 					flexDirection: s === "horizontal" ? "row" : "column"
 				},
-				element: G.content ?? /* @__PURE__ */ (0, O.jsx)(qn.Content, {}),
+				element: G.content ?? /* @__PURE__ */ (0, O.jsx)(Jn.Content, {}),
 				children: ne.map((e, t) => {
 					let n = e.key ?? t, r = H?.[t], i = t === ie;
-					return /* @__PURE__ */ (0, O.jsx)(qn.ItemContext, {
+					return /* @__PURE__ */ (0, O.jsx)(Jn.ItemContext, {
 						value: {
 							exposure: r,
 							index: t,
 							isActive: i
 						},
 						children: /* @__PURE__ */ (0, O.jsx)(P, {
-							style: F($n.itemContainer),
+							style: F(er.itemContainer),
 							"aria-hidden": !i,
-							element: G.itemContainer ?? /* @__PURE__ */ (0, O.jsx)(qn.ItemContainer, {}),
+							element: G.itemContainer ?? /* @__PURE__ */ (0, O.jsx)(Jn.ItemContainer, {}),
 							children: e
 						})
 					}, n);
@@ -7085,20 +7099,20 @@ function qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 		return e;
 	}
 	e.useItem = n;
-})(qn ||= {});
-function Jn(e, t, n) {
+})(Jn ||= {});
+function Yn(e, t, n) {
 	e && (n === "horizontal" ? e.style.transform = `translate3d(${t}px,0,0)` : e.style.transform = `translate3d(0,${t}px,0)`);
 }
-function Yn(e, t) {
+function Xn(e, t) {
 	return t <= 0 ? 0 : Math.max(0, Math.min(t - 1, e));
 }
-function Xn(e, t) {
+function Zn(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 Zn(e, t, n) {
+function Qn(e, t, n) {
 	if (n <= 0) return [];
 	if (t <= 0) return Array(n).fill(0);
 	let r = [];
@@ -7108,11 +7122,11 @@ function Zn(e, t, n) {
 	}
 	return r;
 }
-function Qn(e, t, n, r) {
+function $n(e, t, n, r) {
 	let i = 1 - r;
 	return e > n ? n + (e - n) * i : e < t ? t + (e - t) * i : e;
 }
-var $n = M({
+var er = M({
 	content: {
 		alignItems: "center",
 		display: "flex",
@@ -7137,15 +7151,15 @@ var $n = M({
 		width: "100%"
 	}
 });
-process.env.NODE_ENV === "development" && (qn.displayName = "Carousel", qn.Viewport.displayName = "Carousel.Viewport", qn.Content.displayName = "Carousel.Content", qn.ItemContainer.displayName = "Carousel.ItemContainer");
+process.env.NODE_ENV === "development" && (Jn.displayName = "Carousel", Jn.Viewport.displayName = "Carousel.Viewport", Jn.Content.displayName = "Carousel.Content", Jn.ItemContainer.displayName = "Carousel.ItemContainer");
 //#endregion
 //#region src/primitives/CodeInput.tsx
-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) => {
+function tr({ 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 = rr(c, s), g = f([]), _ = nr(), v = j(i, { field: tr.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 = ir(t.target.value, n);
-		p(rr(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
+		let n = h[e], r = ar(t.target.value, n);
+		p(ir(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
 	}, x = (e) => (t) => {
 		switch (t.key) {
 			case "ArrowLeft":
@@ -7165,7 +7179,7 @@ function er({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 	}, S = (e) => (t) => {
 		t.preventDefault();
 		let n = t.clipboardData.getData("text").trim();
-		p(rr(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
+		p(ir(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
 	};
 	return l(() => {
 		if (!r) return;
@@ -7184,7 +7198,7 @@ function er({ 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)(er.Field, {}),
+				element: v.field ?? /* @__PURE__ */ (0, O.jsx)(tr.Field, {}),
 				inputMode: a,
 				placeholder: o,
 				required: d,
@@ -7203,8 +7217,8 @@ function er({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 		autoCorrect: "off",
 		type: "text"
 	});
-})(er ||= {});
-function tr() {
+})(tr ||= {});
+function nr() {
 	return M({
 		field: {
 			caretColor: "transparent",
@@ -7218,24 +7232,24 @@ function tr() {
 		}
 	});
 }
-function nr(e, t) {
+function rr(e, t) {
 	let n = e.slice(0, t);
 	for (; n.length < t;) n.push("");
 	return n;
 }
-function rr(e, t, n = 0) {
+function ir(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 ir(e, t) {
+function ar(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" && (er.displayName = "CodeInput", er.Field.displayName = "CodeInput.Field");
+process.env.NODE_ENV === "development" && (tr.displayName = "CodeInput", tr.Field.displayName = "CodeInput.Field");
 //#endregion
 //#region src/primitives/TextField.tsx
-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 }) {
+function or({ 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);
@@ -7257,10 +7271,10 @@ function ar({ className: e, ref: t, emptyValue: n = "", formatter: r, placeholde
 		onFocus: ({ target: e }) => d?.(e.value)
 	});
 }
-process.env.NODE_ENV === "development" && (ar.displayName = "TextField");
+process.env.NODE_ENV === "development" && (or.displayName = "TextField");
 //#endregion
 //#region src/primitives/Counter.tsx
-function or({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN, min: a = NaN, quantity: o = 0, onChange: s, ...c }) {
+function sr({ 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 = () => {
@@ -7276,7 +7290,7 @@ function or({ 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 = dn(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
+	}, [v, y] = p(h(o)), b = un(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
 	l(() => {
 		b === void 0 || b === o || y(h(_(o)));
 	}, [
@@ -7285,24 +7299,24 @@ function or({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 		i
 	]);
 	let C = j(r, {
-		addButton: or.AddButton,
-		subscribeButton: or.SubtractButton,
-		textField: or.TextField
+		addButton: sr.AddButton,
+		subscribeButton: sr.SubtractButton,
+		textField: sr.TextField
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		...c,
 		ref: e,
-		style: F(t, sr.root),
+		style: F(t, cr.root),
 		children: [
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ disabled: S }),
-				style: F(sr.subtract),
-				element: C.subscribeButton ?? /* @__PURE__ */ (0, O.jsx)(or.SubtractButton, {}),
+				style: F(cr.subtract),
+				element: C.subscribeButton ?? /* @__PURE__ */ (0, O.jsx)(sr.SubtractButton, {}),
 				onClick: () => u()
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
-				style: F(sr.textField),
-				element: C.textField ?? /* @__PURE__ */ (0, O.jsx)(or.TextField, {}),
+				style: F(cr.textField),
+				element: C.textField ?? /* @__PURE__ */ (0, O.jsx)(sr.TextField, {}),
 				value: v,
 				isDisabled: !n,
 				onChange: f,
@@ -7310,23 +7324,23 @@ function or({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ disabled: x }),
-				style: F(sr.add),
-				element: C.addButton ?? /* @__PURE__ */ (0, O.jsx)(or.AddButton, {}),
+				style: F(cr.add),
+				element: C.addButton ?? /* @__PURE__ */ (0, O.jsx)(sr.AddButton, {}),
 				onClick: () => d()
 			})
 		]
 	});
 }
 (function(e) {
-	e.TextField = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)(ar, { ...e }), e.AddButton = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
+	e.TextField = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)(or, { ...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
 	});
-})(or ||= {});
-var sr = M({
+})(sr ||= {});
+var cr = M({
 	add: { flex: "0 0 auto" },
 	root: {
 		alignItems: "stretch",
@@ -7337,14 +7351,14 @@ var sr = M({
 	subtract: { flex: "0 0 auto" },
 	textField: { width: "100%" }
 });
-process.env.NODE_ENV === "development" && (or.displayName = "Counter", or.AddButton.displayName = "Counter.AddButton", or.SubtractButton.displayName = "Counter.SubtractButton", or.TextField.displayName = "Counter.TextField");
+process.env.NODE_ENV === "development" && (sr.displayName = "Counter", sr.AddButton.displayName = "Counter.AddButton", sr.SubtractButton.displayName = "Counter.SubtractButton", sr.TextField.displayName = "Counter.TextField");
 //#endregion
 //#region src/primitives/Dial.tsx
-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 }) {
+function lr({ 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: cr.Knob,
-		track: cr.Track
-	}), p = dr({
+		knob: lr.Knob,
+		track: lr.Track
+	}), p = fr({
 		angle: n,
 		diameter: u
 	});
@@ -7362,7 +7376,7 @@ function cr({ 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)(cr.Track, {}),
+					element: f.track ?? /* @__PURE__ */ (0, O.jsx)(lr.Track, {}),
 					fill: "none",
 					r: o - c / 2,
 					strokeDasharray: s,
@@ -7376,8 +7390,8 @@ function cr({ 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: ur(o, o, o - a / 2 - (c - a) / 2, -d / 2, d / 2),
-					element: f.knob ?? /* @__PURE__ */ (0, O.jsx)(cr.Knob, {}),
+					d: dr(o, o, o - a / 2 - (c - a) / 2, -d / 2, d / 2),
+					element: f.knob ?? /* @__PURE__ */ (0, O.jsx)(lr.Knob, {}),
 					fill: "none",
 					strokeWidth: a
 				})
@@ -7387,16 +7401,16 @@ function cr({ 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 });
-})(cr ||= {});
-function lr(e, t, n, r) {
+})(lr ||= {});
+function ur(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 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";
+function dr(e, t, n, r, i) {
+	let a = ur(e, t, n, i), o = ur(e, t, n, r), s = i - r <= 180 ? "0" : "1";
 	return [
 		"M",
 		a.x,
@@ -7411,7 +7425,7 @@ function ur(e, t, n, r, i) {
 		o.y
 	].join(" ");
 }
-function dr({ angle: e = 0, diameter: t = 0 }) {
+function fr({ angle: e = 0, diameter: t = 0 }) {
 	return M({
 		knobContainer: {
 			backgroundPosition: "center",
@@ -7445,11 +7459,11 @@ function dr({ angle: e = 0, diameter: t = 0 }) {
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (cr.displayName = "Dial", cr.Track.displayName = "Dial.Track", cr.Knob.displayName = "Dial.Knob");
+process.env.NODE_ENV === "development" && (lr.displayName = "Dial", lr.Track.displayName = "Dial.Track", lr.Knob.displayName = "Dial.Knob");
 //#endregion
 //#region src/primitives/Dropdown.tsx
-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({
+function pr({ 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 = _r(c, m, h, d), V = o ?? (g === "vertical" ? R.height : R.width), H = V * B + s * (B - 1), U = hr(_, c), [W, ee] = p(b ?? !0), te = vr({
 		collectionPadding: i,
 		maxVisibleItems: m,
 		menuLength: H,
@@ -7458,11 +7472,11 @@ function fr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 		isCollapsed: W,
 		isInverted: x
 	}), G = j(r, {
-		collapseIcon: fr.CollapseIcon,
-		collection: fr.Collection,
-		expandIcon: fr.ExpandIcon,
-		item: fr.Item,
-		toggle: fr.Toggle
+		collapseIcon: pr.CollapseIcon,
+		collection: pr.Collection,
+		expandIcon: pr.ExpandIcon,
+		item: pr.Item,
+		toggle: pr.Toggle
 	}), ne = () => {
 		W && (ee(!1), k?.());
 	}, re = () => {
@@ -7520,7 +7534,7 @@ function fr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 				style: F(te.toggle),
 				"aria-expanded": !W,
 				"aria-haspopup": "listbox",
-				element: G.toggle ?? /* @__PURE__ */ (0, O.jsx)(fr.Toggle, {}),
+				element: G.toggle ?? /* @__PURE__ */ (0, O.jsx)(pr.Toggle, {}),
 				onClick: ie,
 				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({
@@ -7532,7 +7546,7 @@ function fr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 				})]
 			}), /* @__PURE__ */ (0, O.jsx)(P, {
 				style: F(te.collection),
-				element: G.collection ?? /* @__PURE__ */ (0, O.jsx)(fr.Collection, {}),
+				element: G.collection ?? /* @__PURE__ */ (0, O.jsx)(pr.Collection, {}),
 				ItemComponent: a,
 				itemLength: V,
 				itemPadding: s,
@@ -7547,7 +7561,7 @@ function fr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 				onDeselectAt: D,
 				onSelectAt: ae,
 				onSelectionChange: M,
-				children: !a && (G.item ?? /* @__PURE__ */ (0, O.jsx)(fr.Item, {}))
+				children: !a && (G.item ?? /* @__PURE__ */ (0, O.jsx)(pr.Item, {}))
 			}, g)]
 		})
 	});
@@ -7565,17 +7579,17 @@ function fr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 		...t,
 		children: e
 	});
-})(fr ||= {});
-function pr(e, t) {
+})(pr ||= {});
+function mr(e, t) {
 	return !!(isNaN(e) || e >= t.length || e < 0);
 }
-function mr(e, t) {
-	return hr(e).filter((e) => !pr(e, t));
+function hr(e, t) {
+	return gr(e).filter((e) => !mr(e, t));
 }
-function hr(e) {
+function gr(e) {
 	return e.sort((e, t) => e - t);
 }
-function gr(e, t, n, r) {
+function _r(e, t, n, r) {
 	let i = e.length;
 	switch (r) {
 		case "grid": {
@@ -7585,7 +7599,7 @@ function gr(e, t, n, r) {
 		default: return t < 0 ? i : Math.min(i, t);
 	}
 }
-function _r({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n = NaN, numItems: r = 0, orientation: i = "vertical", isCollapsed: a = !0, isInverted: o = !1 }) {
+function vr({ 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%",
@@ -7644,10 +7658,10 @@ function _r({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n =
 		}
 	});
 }
-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");
+process.env.NODE_ENV === "development" && (pr.displayName = "Dropdown", pr.Collection.displayName = "Dropdown.Collection", pr.CollapseIcon.displayName = "Dropdown.CollapseIcon", pr.ExpandIcon.displayName = "Dropdown.ExpandIcon", pr.Item.displayName = "Dropdown.Item", pr.Toggle.displayName = "Dropdown.Toggle");
 //#endregion
 //#region src/primitives/Form.tsx
-function vr({ ref: e, onSubmit: t, ...n }) {
+function yr({ ref: e, onSubmit: t, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)("form", {
 		...n,
 		ref: e,
@@ -7656,11 +7670,11 @@ function vr({ ref: e, onSubmit: t, ...n }) {
 		}
 	});
 }
-process.env.NODE_ENV !== "production" && (vr.displayName = "Form");
+process.env.NODE_ENV !== "production" && (yr.displayName = "Form");
 //#endregion
 //#region src/primitives/MasonryGrid.tsx
-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 }) {
+var br = "base-";
+function xr({ 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;
@@ -7673,29 +7687,29 @@ function br({ 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 = Tr(e, o), [c, l] = Cr(a, t);
+				let t = Er(e, o), [c, l] = wr(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 = wr(a);
+					let e = Tr(a);
 					for (let t = 0; t < r; t++) a[t] = e;
 				}
 			}
-			let c = C(), l = wr(a, r);
+			let c = C(), l = Tr(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 = Tr(e, o), [c, l] = Cr(a, t);
+				let t = Er(e, o), [c, l] = wr(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 = wr(a);
+					let e = Tr(a);
 					for (let t = 0; t < r; t++) a[t] = e;
 				}
 			}
-			let c = T(), l = wr(a, r);
+			let c = T(), l = Tr(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)`);
 		}
 	};
@@ -7710,7 +7724,7 @@ function br({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 		s,
 		a
 	])), l(() => {
-		let e = Er(m.current?.innerHTML);
+		let e = Dr(m.current?.innerHTML);
 		if (e.length === 0) return E();
 		let t = e.length;
 		for (let n = 0; n < t; n++) {
@@ -7718,7 +7732,7 @@ function br({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 			r.src = t, r.onload = () => E();
 		}
 	}, [r]);
-	let D = xr({ orientation: a }), k = Sr({
+	let D = Sr({ orientation: a }), k = Cr({
 		minHeight: _,
 		minWidth: h,
 		orientation: a
@@ -7735,10 +7749,10 @@ function br({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 		})
 	});
 }
-function xr({ orientation: e = "horizontal" }) {
+function Sr({ orientation: e = "horizontal" }) {
 	return A({ root: w(e) });
 }
-function Sr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizontal" }) {
+function Cr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizontal" }) {
 	return M({ body: {
 		height: n === "horizontal" ? "100%" : "auto",
 		minHeight: n === "vertical" && !isNaN(e) ? `${e}px` : "",
@@ -7747,28 +7761,28 @@ function Sr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizonta
 		width: n === "horizontal" ? "auto" : "100%"
 	} });
 }
-function Cr(e, t) {
+function wr(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, wr(e, t)] : [r, i];
+	return isNaN(r) ? [0, Tr(e, t)] : [r, i];
 }
-function wr(e, t) {
+function Tr(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 Tr(e, t) {
+function Er(e, t) {
 	let n = e.classList;
-	for (let e of Array.from(n)) if (e.startsWith(yr)) {
-		let n = parseFloat(e.replace(yr, ""));
+	for (let e of Array.from(n)) if (e.startsWith(br)) {
+		let n = parseFloat(e.replace(br, ""));
 		if (!isNaN(n)) return Math.min(Math.max(n, 1), t);
 	}
 	return 1;
 }
-function Er(e) {
+function Dr(e) {
 	if (!e) return [];
 	let t = /<img.*?src=(["'])(.*?)\1/g, n = /<img.*?src=(["'])(.*?)\1/, r = t.exec(e) ?? [], i = [];
 	for (let e of r) {
@@ -7777,11 +7791,11 @@ function Er(e) {
 	}
 	return i;
 }
-process.env.NODE_ENV === "development" && (br.displayName = "MasonryGrid");
+process.env.NODE_ENV === "development" && (xr.displayName = "MasonryGrid");
 //#endregion
 //#region src/primitives/RangeSlider.tsx
 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), [
+	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(() => Ir(o, a, p), [
 		o,
 		a,
 		p
@@ -7792,8 +7806,8 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 		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);
+		let c = s === "horizontal" ? t : r, l = Pr(o, o, a, s, N.width, N.height, i, n, m), u = Pr(M.current, o, a, s, N.width, N.height, i, n, m);
+		return Mr(Lr(Pr(e, o, a, s, N.width, N.height, i, n, m) + c, u, l), o, a, s, N.width, N.height, i, n, m);
 	}, [
 		i,
 		n,
@@ -7804,8 +7818,8 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 		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);
+		let c = s === "horizontal" ? t : r, l = Pr(A.current, o, a, s, N.width, N.height, i, n, m), u = Pr(a, o, a, s, N.width, N.height, i, n, m);
+		return Mr(Lr(Pr(e, o, a, s, N.width, N.height, i, n, m) + c, u, l), o, a, s, N.width, N.height, i, n, m);
 	}, [
 		i,
 		n,
@@ -7816,7 +7830,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 		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}%`;
+		let r = S.current, c = C.current, l = w.current, u = kr(e, o, a), d = `${u * 100}%`, f = kr(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,
@@ -7832,7 +7846,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 	vt(S, {
 		onDragEnd: () => {
 			V(S.current, !1);
-			let e = I ? Pr(A.current, I) : A.current;
+			let e = I ? Fr(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 }) => {
@@ -7845,7 +7859,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 	}), vt(C, {
 		onDragEnd: () => {
 			V(C.current, !1);
-			let e = I ? Pr(M.current, I) : M.current;
+			let e = I ? Fr(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 }) => {
@@ -7862,7 +7876,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 		k,
 		B
 	]);
-	let H = d(() => Dr({
+	let H = d(() => Or({
 		knobHeight: n,
 		knobPadding: r,
 		knobWidth: i,
@@ -7931,7 +7945,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 (function(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 Dr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "horizontal" }) {
+function Or({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "horizontal" }) {
 	return M({
 		body: {
 			height: "100%",
@@ -7980,10 +7994,10 @@ function Dr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientati
 		}
 	});
 }
-function Or(e, t, n) {
+function kr(e, t, n) {
 	return (e - t) / (n - t);
 }
-function kr(e, t, n, r, i, a, o) {
+function Ar(e, t, n, r, i, a, o) {
 	switch (t) {
 		case "horizontal": {
 			let t = o ? n - i : n;
@@ -7996,23 +8010,23 @@ function kr(e, t, n, r, i, a, o) {
 		default: return console.error(`[etudes::RangeSlider] Invalid orientation: ${t}`), NaN;
 	}
 }
-function Ar(e, t, n) {
+function jr(e, t, n) {
 	return e * (n - t) + t;
 }
-function jr(e, t, n, r, i, a, o, s, c) {
-	return Ar(kr(e, r, i, a, o, s, c), t, n);
+function Mr(e, t, n, r, i, a, o, s, c) {
+	return jr(Ar(e, r, i, a, o, s, c), t, n);
 }
-function Mr(e, t, n, r, i, a, o) {
+function Nr(e, t, n, r, i, a, o) {
 	switch (t) {
 		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 Nr(e, t, n, r, i, a, o, s, c) {
-	return Mr(Or(e, t, n), r, i, a, o, s, c);
+function Pr(e, t, n, r, i, a, o, s, c) {
+	return Nr(kr(e, t, n), r, i, a, o, s, c);
 }
-function Pr(e, t) {
+function Fr(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);
@@ -8020,21 +8034,21 @@ function Pr(e, t) {
 	}
 	return t[r];
 }
-function Fr(e, t, n) {
+function Ir(e, t, n) {
 	if (!(n < 0)) return [
 		e,
 		...[...Array(n)].map((r, i) => e + (i + 1) * (t - e) / (1 + n)),
 		t
 	];
 }
-function Ir(e, t, n) {
+function Lr(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 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({
+function Rr({ 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(Br(v, o)), [N, P] = p(!1), I = Hr({
 		orientation: o,
 		scrollSnapEnabled: A || !N
 	}), L = t > 0, R = c(() => {
@@ -8044,9 +8058,9 @@ function Lr({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 			clearTimeout(x.current), x.current = void 0;
 		}, S);
 	}, [S, R]), B = c(() => {
-		Rr(v, r, o), z();
+		zr(v, r, o), z();
 	}, [r, o]), V = c(() => {
-		M(zr(v, o));
+		M(Br(v, o));
 	}, [o]), H = c((e) => {
 		A || (y.current = K.make(e.clientX, e.clientY), P(!0));
 	}, [A]), U = c((e) => {
@@ -8143,7 +8157,7 @@ function Lr({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 		})
 	});
 }
-function Rr(e, t, n) {
+function zr(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;
@@ -8153,14 +8167,14 @@ function Rr(e, t, n) {
 		top: i
 	});
 }
-function zr(e, t) {
+function Br(e, t) {
 	let n = e?.current;
 	if (!n) return;
 	let r = [];
-	for (let i = 0; i < n.children.length; i++) r.push(Br(i, e, t));
+	for (let i = 0; i < n.children.length; i++) r.push(Vr(i, e, t));
 	return r;
 }
-function Br(e, t, n) {
+function Vr(e, t, n) {
 	let r = t?.current, i = r?.children[e];
 	if (!i) return 0;
 	let a = X.intersecting(i, r);
@@ -8170,7 +8184,7 @@ function Br(e, t, n) {
 		default: return console.error(`[etudes::ScrollableCarousel] Unsupported orientation: ${n}`), NaN;
 	}
 }
-function Vr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
+function Hr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
 	return M({
 		item: {
 			height: "100%",
@@ -8206,40 +8220,40 @@ function Vr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (Lr.displayName = "ScrollableCarousel");
+process.env.NODE_ENV === "development" && (Rr.displayName = "ScrollableCarousel");
 //#endregion
 //#region src/primitives/Select.tsx
-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 }) {
+function Ur({ 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: Hr.ExpandIcon,
-		option: Hr.Option,
-		toggle: Hr.Toggle
+		expandIcon: Ur.ExpandIcon,
+		option: Ur.Option,
+		toggle: Ur.Toggle
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		...u,
 		ref: t,
-		style: Ur.root,
+		style: Wr.root,
 		children: [/* @__PURE__ */ (0, O.jsxs)(P, {
-			style: Ur.select,
+			style: Wr.select,
 			"aria-required": s ? "true" : void 0,
-			element: d.toggle ?? /* @__PURE__ */ (0, O.jsx)(Hr.Toggle, {}),
+			element: d.toggle ?? /* @__PURE__ */ (0, O.jsx)(Ur.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)(Hr.Option, {}),
+				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Ur.Option, {}),
 				hidden: !0,
 				value: "",
 				children: a
 			}), i.map((e, t) => /* @__PURE__ */ (0, O.jsx)(P, {
-				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Hr.Option, {}),
+				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Ur.Option, {}),
 				value: e,
 				children: c(e)
 			}, `${t}-${e}`))]
 		}), d.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
-			style: Ur.expandIcon,
+			style: Wr.expandIcon,
 			element: d.expandIcon
 		})]
 	});
@@ -8254,8 +8268,8 @@ function Hr({ id: e, ref: t, children: n, name: r, options: i, placeholder: a, v
 		...t,
 		children: e
 	});
-})(Hr ||= {});
-var Ur = M({
+})(Ur ||= {});
+var Wr = M({
 	expandIcon: {
 		pointerEvents: "none",
 		zIndex: 1
@@ -8277,20 +8291,20 @@ var Ur = M({
 		width: "100%"
 	}
 });
-process.env.NODE_ENV === "development" && (Hr.displayName = "Select", Hr.ExpandIcon.displayName = "Select.ExpandIcon", Hr.Option.displayName = "Select.Option", Hr.Toggle.displayName = "Select.Toggle");
+process.env.NODE_ENV === "development" && (Ur.displayName = "Select", Ur.ExpandIcon.displayName = "Select.ExpandIcon", Ur.Option.displayName = "Select.Option", Ur.Toggle.displayName = "Select.Toggle");
 //#endregion
 //#region src/primitives/Slider.tsx
-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 }) {
+function Gr({ 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);
+		let o = Jr(e, p);
 		switch (a) {
 			case "horizontal": {
 				let n = l ? D.width - i : D.width;
-				return n <= 0 ? e : Kr(Jr((o * n + t) / n), p);
+				return n <= 0 ? e : qr(Yr((o * n + t) / n), p);
 			}
 			case "vertical": {
 				let t = l ? D.height - n : D.height;
-				return t <= 0 ? e : Kr(Jr((o * t + r) / t), p);
+				return t <= 0 ? e : qr(Yr((o * t + r) / t), p);
 			}
 			default: return console.error(`[etudes::Slider] Invalid orientation: ${a}`), NaN;
 		}
@@ -8303,7 +8317,7 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 		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`;
+		let t = Jr(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)})`);
@@ -8333,11 +8347,11 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 		switch (a) {
 			case "horizontal":
 				if (D.width <= 0) return;
-				n = Kr((e.clientX + t.left - D.left) / D.width, p);
+				n = qr((e.clientX + t.left - D.left) / D.width, p);
 				break;
 			case "vertical":
 				if (D.height <= 0) return;
-				n = Kr((e.clientY + t.top - D.top) / D.height, p);
+				n = qr((e.clientY + t.top - D.top) / D.height, p);
 				break;
 			default:
 				console.error(`[etudes::Slider] Invalid orientation: ${a}`);
@@ -8367,7 +8381,7 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 	}), 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({
+	let I = p ? o === 0 : o === 1, L = p ? o === 1 : o === 0, R = d(() => Kr({
 		knobHeight: n,
 		knobPadding: r,
 		knobWidth: i,
@@ -8380,10 +8394,10 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 		a,
 		m
 	]), z = j(t, {
-		knob: Wr.Knob,
-		knobContainer: Wr.KnobContainer,
-		label: Wr.Label,
-		track: Wr.Track
+		knob: Gr.Knob,
+		knobContainer: Gr.KnobContainer,
+		label: Gr.Label,
+		track: Gr.Track
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		...y,
@@ -8402,7 +8416,7 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 					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, {}),
+					element: z.track ?? /* @__PURE__ */ (0, O.jsx)(Gr.Track, {}),
 					onClick: N,
 					children: /* @__PURE__ */ (0, O.jsx)("div", { style: R.trackHitBox })
 				}),
@@ -8410,20 +8424,20 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 					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, {}),
+					element: z.track ?? /* @__PURE__ */ (0, O.jsx)(Gr.Track, {}),
 					onClick: N,
 					children: /* @__PURE__ */ (0, O.jsx)("div", { style: R.trackHitBox })
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
 					ref: S,
 					style: R.knobContainer,
-					element: z.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Wr.KnobContainer, {}),
+					element: z.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Gr.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
 						style: F(R.knob),
-						element: z.knob ?? /* @__PURE__ */ (0, O.jsx)(Wr.Knob, {}),
+						element: z.knob ?? /* @__PURE__ */ (0, O.jsx)(Gr.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, {}),
+							element: z.label ?? /* @__PURE__ */ (0, O.jsx)(Gr.Label, {}),
 							children: h(o)
 						})]
 					})
@@ -8434,8 +8448,8 @@ function Wr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 }
 (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 });
-})(Wr ||= {});
-function Gr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !0 }) {
+})(Gr ||= {});
+function Kr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !0 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8494,29 +8508,29 @@ function Gr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientati
 		}
 	});
 }
-function Kr(e, t) {
+function qr(e, t) {
 	return t ? 1 - e : e;
 }
-function qr(e, t) {
+function Jr(e, t) {
 	return t ? 1 - e : e;
 }
-function Jr(e, t = 1, n = 0) {
+function Yr(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");
+process.env.NODE_ENV === "development" && (Gr.displayName = "Slider", Gr.Track.displayName = "Slider.Track", Gr.Knob.displayName = "Slider.Knob", Gr.KnobContainer.displayName = "Slider.KnobContainer", Gr.Label.displayName = "Slider.Label");
 //#endregion
 //#region src/primitives/StepSlider.tsx
-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);
+function Xr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding: i = 0, knobWidth: a = 30, orientation: o = "vertical", steps: s = Qr(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(ei(n, s)), k = f(n), A = f(!1), M = Ze(C), N = c((e, t, n) => {
+		let i = ni(e, m);
 		switch (o) {
 			case "horizontal": {
 				let n = p ? M.width - a : M.width;
-				return n <= 0 ? e : ei(ni((i * n + t) / n), m);
+				return n <= 0 ? e : ti(ri((i * n + t) / n), m);
 			}
 			case "vertical": {
 				let t = p ? M.height - r : M.height;
-				return t <= 0 ? e : ei(ni((i * t + n) / t), m);
+				return t <= 0 ? e : ti(ri((i * t + n) / t), m);
 			}
 			default: return console.error(`[etudes::StepSlider] Invalid orientation: ${o}`), NaN;
 		}
@@ -8529,7 +8543,7 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		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`;
+		let t = ni(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)})`);
@@ -8559,19 +8573,19 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		switch (o) {
 			case "horizontal":
 				if (M.width <= 0) return;
-				n = ei((e.clientX + t.left - M.left) / M.width, m);
+				n = ti((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);
+				n = ti((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;
+		let r = $r(n, s), i = r === k.current ? ri(n > D.current ? r + 1 : r - 1, s.length - 1) : r;
 		if (i !== k.current) {
-			let e = $r(i, s);
+			let e = ei(i, s);
 			k.current = i, D.current = e, I(e), b?.(e, !1), y?.(i, !1);
 		}
 	}, [
@@ -8588,14 +8602,14 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 	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);
+			let e = $r(D.current, s), t = ei(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);
+				let e = $r(n, s);
 				e !== k.current && (k.current = e, y?.(e, !0));
 			}
 			A.current = !0, S.current?.classList.add("dragging"), w.current?.classList.add("dragging");
@@ -8605,14 +8619,14 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		}
 	}), u(() => {
 		if (A.current) return;
-		let e = $r(n, s);
+		let e = ei(n, s);
 		k.current = n, D.current = e, I(e);
 	}, [
 		n,
 		I,
 		_t(s)
 	]);
-	let z = $r(n, s), B = m ? z === 0 : z === 1, V = m ? z === 1 : z === 0, H = d(() => Xr({
+	let z = ei(n, s), B = m ? z === 0 : z === 1, V = m ? z === 1 : z === 0, H = d(() => Zr({
 		knobHeight: r,
 		knobPadding: i,
 		knobWidth: a,
@@ -8625,10 +8639,10 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		o,
 		h
 	]), U = j(t, {
-		knob: Yr.Knob,
-		knobContainer: Yr.KnobContainer,
-		label: Yr.Label,
-		track: Yr.Track
+		knob: Xr.Knob,
+		knobContainer: Xr.KnobContainer,
+		label: Xr.Label,
+		track: Xr.Track
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		...x,
@@ -8647,7 +8661,7 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 					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, {}),
+					element: U.track ?? /* @__PURE__ */ (0, O.jsx)(Xr.Track, {}),
 					onClick: R,
 					children: /* @__PURE__ */ (0, O.jsx)("div", { style: H.trackHitBox })
 				}),
@@ -8655,20 +8669,20 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 					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, {}),
+					element: U.track ?? /* @__PURE__ */ (0, O.jsx)(Xr.Track, {}),
 					onClick: R,
 					children: /* @__PURE__ */ (0, O.jsx)("div", { style: H.trackHitBox })
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
 					ref: w,
 					style: F(H.knobContainer),
-					element: U.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Yr.KnobContainer, {}),
+					element: U.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Xr.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
 						style: F(H.knob),
-						element: U.knob ?? /* @__PURE__ */ (0, O.jsx)(Yr.Knob, {}),
+						element: U.knob ?? /* @__PURE__ */ (0, O.jsx)(Xr.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, {}),
+							element: U.label ?? /* @__PURE__ */ (0, O.jsx)(Xr.Label, {}),
 							children: g(z, n)
 						})]
 					})
@@ -8678,9 +8692,9 @@ function Yr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 	});
 }
 (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;
-})(Yr ||= {});
-function Xr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !1 }) {
+	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 = Qr;
+})(Xr ||= {});
+function Zr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !1 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8739,38 +8753,38 @@ function Xr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientati
 		}
 	});
 }
-function Zr(e) {
+function Qr(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) {
+function $r(e, t) {
 	let n = -1, r = NaN;
 	for (let i = 0, a = t.length; i < a; i++) {
-		let a = $r(i, t);
+		let a = ei(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) {
+function ei(e, t) {
 	return e >= t.length ? NaN : t[e];
 }
-function ei(e, t) {
+function ti(e, t) {
 	return t ? 1 - e : e;
 }
-function ti(e, t) {
+function ni(e, t) {
 	return t ? 1 - e : e;
 }
-function ni(e, t = 1, n = 0) {
+function ri(e, t = 1, n = 0) {
 	return Math.max(n, Math.min(t, e));
 }
-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");
+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");
 //#endregion
 //#region src/primitives/SwipeRegion.tsx
-function ri({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipeDown: i, onSwipeLeft: a, onSwipeRight: o, onSwipeUp: s, ...c }) {
+function ii({ 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));
@@ -8798,24 +8812,24 @@ function ri({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipe
 		children: t
 	});
 }
-process.env.NODE_ENV === "development" && (ri.displayName = "SwipeRegion");
+process.env.NODE_ENV === "development" && (ii.displayName = "SwipeRegion");
 //#endregion
 //#region src/primitives/TextArea.tsx
-function ii({ ref: e, onChange: t, ...n }) {
+function ai({ 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" && (ii.displayName = "TextArea");
+process.env.NODE_ENV === "development" && (ai.displayName = "TextArea");
 //#endregion
 //#region src/primitives/Toggle.tsx
-function ai({ className: e, ref: t, style: n, children: r, orientation: i = "horizontal", isInverted: a = !1, isOn: o = !1, onChange: s, ...c }) {
+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 = yt(l), d = j(r, {
-		knob: ai.Knob,
-		track: ai.Track
-	}), p = oi({ isOn: o }), m = si({
+		knob: oi.Knob,
+		track: oi.Track
+	}), p = si({ isOn: o }), m = ci({
 		knobSize: u,
 		orientation: i,
 		isInverted: a,
@@ -8834,7 +8848,7 @@ function ai({ 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)(ai.Track, {}),
+			element: d.track ?? /* @__PURE__ */ (0, O.jsx)(oi.Track, {}),
 			children: /* @__PURE__ */ (0, O.jsx)("div", {
 				style: {
 					height: "100%",
@@ -8845,7 +8859,7 @@ function ai({ 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)(ai.Knob, {})
+					element: d.knob ?? /* @__PURE__ */ (0, O.jsx)(oi.Knob, {})
 				})
 			})
 		})]
@@ -8859,15 +8873,15 @@ function ai({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 		...t,
 		children: e
 	});
-})(ai ||= {});
-function oi({ isOn: e = !1 }) {
+})(oi ||= {});
+function si({ isOn: e = !1 }) {
 	return A({
 		knob: w({ active: e }),
 		root: w({ active: e }),
 		track: w({ active: e })
 	});
 }
-function si({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n = !1, isOn: r = !1 }) {
+function ci({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n = !1, isOn: r = !1 }) {
 	return M({
 		input: {
 			height: 0,
@@ -8897,40 +8911,40 @@ function si({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n
 		track: { position: "relative" }
 	});
 }
-process.env.NODE_ENV === "development" && (ai.displayName = "Toggle", ai.Knob.displayName = "Toggle.Knob", ai.Track.displayName = "Toggle.Track");
+process.env.NODE_ENV === "development" && (oi.displayName = "Toggle", oi.Knob.displayName = "Toggle.Knob", oi.Track.displayName = "Toggle.Track");
 //#endregion
 //#region src/providers/ScrollPositionProvider.tsx
-var ci = {
+var li = {
 	current: K.zero,
 	end: K.zero,
 	progress: K.zero,
 	start: K.zero
-}, li = a(ci), ui = a(!0), di = a(!1);
-function fi({ children: e, scrollBottomOffset: t = 0, scrollTopOffset: n = 0, target: r }) {
-	let [i, a] = p(!0), [o, s] = p(!1), [c, l] = p(ci);
+}, ui = a(li), di = a(!0), fi = a(!1);
+function pi({ children: e, scrollBottomOffset: t = 0, scrollTopOffset: n = 0, target: r }) {
+	let [i, a] = p(!0), [o, s] = p(!1), [c, l] = p(li);
 	return fn(r, (e) => {
 		l(e), a(e.current.y <= e.start.y + n), s(e.current.y >= e.end.y - t);
-	}), /* @__PURE__ */ (0, O.jsx)(ui.Provider, {
+	}), /* @__PURE__ */ (0, O.jsx)(di.Provider, {
 		value: i,
-		children: /* @__PURE__ */ (0, O.jsx)(di.Provider, {
+		children: /* @__PURE__ */ (0, O.jsx)(fi.Provider, {
 			value: o,
-			children: /* @__PURE__ */ (0, O.jsx)(li.Provider, {
+			children: /* @__PURE__ */ (0, O.jsx)(ui.Provider, {
 				value: c,
 				children: e
 			})
 		})
 	});
 }
-function pi() {
-	let e = s(ui);
-	return e === void 0 && console.warn("[etudes::useIsScrollTop] `useIsScrollTop` must be used within a `ScrollPositionProvider`"), e ?? !0;
-}
 function mi() {
 	let e = s(di);
-	return e === void 0 && console.warn("[etudes::useIsScrollBottom] `useIsScrollBottom` must be used within a `ScrollPositionProvider`"), e ?? !1;
+	return e === void 0 && console.warn("[etudes::useIsScrollTop] `useIsScrollTop` must be used within a `ScrollPositionProvider`"), e ?? !0;
 }
 function hi() {
-	let e = s(li);
+	let e = s(fi);
+	return e === void 0 && console.warn("[etudes::useIsScrollBottom] `useIsScrollBottom` must be used within a `ScrollPositionProvider`"), e ?? !1;
+}
+function gi() {
+	let e = s(ui);
 	return e || console.warn("[etudes::useScrollPosition] `useScrollPosition` must be used within a `ScrollPositionProvider`"), e ?? {
 		current: K.zero,
 		end: K.zero,
@@ -8938,26 +8952,26 @@ function hi() {
 		start: K.zero
 	};
 }
-process.env.NODE_ENV === "development" && (fi.displayName = "ScrollPositionProvider", li.displayName = "ScrollPositionContext", ui.displayName = "ScrollTopContext", di.displayName = "ScrollBottomContext");
+process.env.NODE_ENV === "development" && (pi.displayName = "ScrollPositionProvider", ui.displayName = "ScrollPositionContext", di.displayName = "ScrollTopContext", fi.displayName = "ScrollBottomContext");
 //#endregion
 //#region src/utils/createKeyDeep.ts
-function gi(e) {
-	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(gi)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, gi(t)])) : _t(e);
+function _i(e) {
+	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(_i)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, _i(t)])) : _t(e);
 }
 //#endregion
 //#region src/utils/ExtractChildren.tsx
-function _i({ children: e, ...n }) {
+function vi({ 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" && (_i.displayName = "ExtractChildren");
+process.env.NODE_ENV === "development" && (vi.displayName = "ExtractChildren");
 //#endregion
 //#region src/utils/getSystemColorScheme.ts
-function vi() {
+function yi() {
 	return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 //#endregion
 //#region src/utils/NoSSR.tsx
-function yi({ children: e, fallback: t = void 0 }) {
+function bi({ children: e, fallback: t = void 0 }) {
 	let [n, i] = p(!1);
 	if (l(() => {
 		i(typeof window < "u");
@@ -8967,4 +8981,4 @@ function yi({ children: e, fallback: t = void 0 }) {
 	});
 }
 //#endregion
-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, _i as ExtractChildren, vr as Form, nt as Image, Qe as ImageSource, br as MasonryGrid, yi as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, fi as ScrollPositionProvider, 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, gi as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, vi 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, mi as useIsScrollBottom, pi as useIsScrollTop, 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, hi as useScrollPosition, fn as useScrollPositionObserver, 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 };
+export { Pn as Accordion, I as Burger, R as BurgerButton, ft as Button, Jn as Carousel, tr as CodeInput, kn as Collection, kt as Conditional, sr as Counter, it as CoverImage, ut as CoverVideo, lr as Dial, pr as Dropdown, At as Each, Nt as ExtractChild, vi as ExtractChildren, yr as Form, nt as Image, Qe as ImageSource, xr as MasonryGrid, bi as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, pi as ScrollPositionProvider, Rr as ScrollableCarousel, Ur as Select, Ot as SelectableButton, Gr as Slider, Xr as StepSlider, P as Styled, ii as SwipeRegion, jt as Switch, ai as TextArea, or as TextField, oi as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, _i as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, yi 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, hi as useIsScrollBottom, mi as useIsScrollTop, Qt as useIsTouchDevice, $t as useKeyboardShortcut, Z as useLatest, Q as useLocalCache, sn as useMouseEnter, cn as useMouseLeave, ln as useOS, un as usePrevious, Ze as useRect, dn as useRightClick, gi as useScrollPosition, fn as useScrollPositionObserver, 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 };