etudes 32.6.0 → 32.7.0

package/build/etudes.js

@@ -4713,9 +4713,9 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 		function an(e) {
 			return e && e.replace(/\/.*$/, "");
 		}
-		var on = new rn(), Q = on.interactStatic, sn = typeof globalThis < "u" ? globalThis : window;
-		on.init(sn);
-		var cn = Object.freeze({
+		var on = new rn(), sn = on.interactStatic, cn = typeof globalThis < "u" ? globalThis : window;
+		on.init(cn);
+		var ln = Object.freeze({
 			__proto__: null,
 			edgeTarget: function() {},
 			elements: function() {},
@@ -4750,13 +4750,13 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				};
 				return n.grid = e, n.coordFields = t, n;
 			}
-		}), ln = {
+		}), un = {
 			id: "snappers",
 			install: function(e) {
 				var t = e.interactStatic;
-				t.snappers = W(t.snappers || {}, cn), t.createSnapGrid = t.snappers.grid;
+				t.snappers = W(t.snappers || {}, ln), t.createSnapGrid = t.snappers.grid;
 			}
-		}, un = {
+		}, dn = {
 			start: function(e) {
 				var t = e.state, r = e.rect, i = e.edges, a = e.pageCoords, o = t.options, s = o.ratio, c = o.enabled, l = t.options, u = l.equalDelta, d = l.modifiers;
 				s === "preserve" && (s = r.width / r.height), t.startCoords = W({}, a), t.startRect = W({}, r), t.ratio = s, t.equalDelta = u;
@@ -4782,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 ? dn : fn;
+				var t = e.state, r = e.rect, i = e.coords, a = t.linkedEdges, o = W({}, i), s = t.equalDelta ? fn : pn;
 				if (W(e.edges, a), s(t, t.xIsPrimaryAxis, i, r), !t.subModification) return null;
 				var c = W({}, r);
 				re(a, c, {
@@ -4805,11 +4805,11 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				enabled: !1
 			}
 		};
-		function dn(e, t, n) {
+		function fn(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 fn(e, t, n, r) {
+		function pn(e, t, n, r) {
 			var i = e.startRect, a = e.startCoords, o = e.ratio, s = e.edgeSign;
 			if (t) {
 				var c = r.width / o;
@@ -4819,17 +4819,17 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				n.x = a.x + (l - i.width) * s.x;
 			}
 		}
-		var pn = yt(un, "aspectRatio"), mn = function() {};
-		mn._defaults = {};
-		var hn = mn;
-		function gn(e, t, n) {
+		var mn = yt(dn, "aspectRatio"), hn = function() {};
+		hn._defaults = {};
+		var gn = hn;
+		function _n(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 _n = {
+		var vn = {
 			start: function(e) {
 				var t = e.rect, n = e.startOffset, r = e.state, i = e.interaction, a = e.pageCoords, o = r.options, s = o.elementRect, c = W({
 					left: 0,
@@ -4838,7 +4838,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					bottom: 0
 				}, o.offset || {});
 				if (t && s) {
-					var l = gn(o.restriction, i, a);
+					var l = _n(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);
@@ -4848,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 = gn(i.restriction, n, t);
+				var t = e.coords, n = e.interaction, r = e.state, i = r.options, a = r.offset, o = _n(i.restriction, n, t);
 				if (o) {
 					var s = function(e) {
 						return !e || "left" in e && "top" in e || ((e = 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;
@@ -4863,18 +4863,18 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, vn = yt(_n, "restrict"), yn = {
+		}, yn = yt(vn, "restrict"), bn = {
 			top: Infinity,
 			left: Infinity,
 			bottom: -Infinity,
 			right: -Infinity
-		}, bn = {
+		}, xn = {
 			top: -Infinity,
 			left: -Infinity,
 			bottom: Infinity,
 			right: Infinity
 		};
-		function xn(e, t) {
+		function Sn(e, t) {
 			for (var n = 0, r = [
 				"top",
 				"left",
@@ -4886,12 +4886,12 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 			}
 			return e;
 		}
-		var Sn = {
-			noInner: yn,
-			noOuter: bn,
+		var Cn = {
+			noInner: bn,
+			noOuter: xn,
 			start: function(e) {
 				var t, n = e.interaction, r = e.startOffset, i = e.state, a = i.options;
-				a && (t = G(gn(a.offset, n, n.coords.start.page))), t ||= {
+				a && (t = G(_n(a.offset, n, n.coords.start.page))), t ||= {
 					x: 0,
 					y: 0
 				}, i.offset = {
@@ -4904,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 = 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));
+					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));
 				}
 			},
 			defaults: {
@@ -4915,7 +4915,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, Cn = yt(Sn, "restrictEdges"), wn = W({
+		}, wn = yt(Cn, "restrictEdges"), Tn = W({
 			get elementRect() {
 				return {
 					top: 0,
@@ -4925,29 +4925,29 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				};
 			},
 			set elementRect(e) {}
-		}, _n.defaults), Tn = yt({
-			start: _n.start,
-			set: _n.set,
-			defaults: wn
-		}, "restrictRect"), En = {
+		}, vn.defaults), En = yt({
+			start: vn.start,
+			set: vn.set,
+			defaults: Tn
+		}, "restrictRect"), Dn = {
 			width: -Infinity,
 			height: -Infinity
-		}, Dn = {
+		}, On = {
 			width: Infinity,
 			height: Infinity
-		}, On = yt({
+		}, kn = yt({
 			start: function(e) {
-				return Sn.start(e);
+				return Cn.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(gn(a.min, t, e.coords)) || En, s = ne(gn(a.max, t, e.coords)) || Dn;
+					var o = ne(_n(a.min, t, e.coords)) || Dn, s = ne(_n(a.max, t, e.coords)) || On;
 					n.options = {
 						endOnly: a.endOnly,
-						inner: 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;
+						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;
 				}
 			},
 			defaults: {
@@ -4956,7 +4956,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, "restrictSize"), kn = {
+		}, "restrictSize"), An = {
 			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;
@@ -5030,7 +5030,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, An = yt(kn, "snap"), jn = {
+		}, jn = yt(An, "snap"), Mn = {
 			start: function(e) {
 				var t = e.state, n = e.edges, r = t.options;
 				if (!n) return null;
@@ -5046,7 +5046,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 						y: 0
 					},
 					range: r.range
-				} }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], kn.start(e), t.offsets = e.state.offsets, e.state = t;
+				} }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], An.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 = {
@@ -5067,7 +5067,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 						n.options.targets.push(u);
 					}
 				}
-				var g = kn.set(e);
+				var g = An.set(e);
 				return n.options = i, g;
 			},
 			defaults: {
@@ -5077,19 +5077,19 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				endOnly: !1,
 				enabled: !1
 			}
-		}, Mn = yt(jn, "snapSize"), Nn = {
-			aspectRatio: pn,
-			restrictEdges: Cn,
-			restrict: vn,
-			restrictRect: Tn,
-			restrictSize: On,
+		}, Nn = yt(Mn, "snapSize"), Pn = {
+			aspectRatio: mn,
+			restrictEdges: wn,
+			restrict: yn,
+			restrictRect: En,
+			restrictSize: kn,
 			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"]], jn.start(e)) : null;
+					return t ? (e.state.targetFields = e.state.targetFields || [[t.left ? "left" : "right", t.top ? "top" : "bottom"]], Mn.start(e)) : null;
 				},
-				set: jn.set,
-				defaults: W(gt(jn.defaults), {
+				set: Mn.set,
+				defaults: W(gt(Mn.defaults), {
 					targets: void 0,
 					range: void 0,
 					offset: {
@@ -5098,22 +5098,22 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					}
 				})
 			}, "snapEdges"),
-			snap: An,
-			snapSize: Mn,
-			spring: hn,
-			avoid: hn,
-			transform: hn,
-			rubberband: hn
-		}, Pn = {
+			snap: jn,
+			snapSize: Nn,
+			spring: gn,
+			avoid: gn,
+			transform: gn,
+			rubberband: gn
+		}, Fn = {
 			id: "modifiers",
 			install: function(e) {
 				var t = e.interactStatic;
-				for (var n in e.usePlugin(xt), e.usePlugin(ln), t.modifiers = Nn, Nn) {
-					var r = Nn[n], i = r._defaults;
+				for (var n in e.usePlugin(xt), e.usePlugin(un), t.modifiers = Pn, Pn) {
+					var r = Pn[n], i = r._defaults;
 					i._methods = r._methods, e.defaults.perAction[n] = i;
 				}
 			}
-		}, Fn = function(e) {
+		}, In = function(e) {
 			c(n, e);
 			var t = f(n);
 			function n(e, r, a, o, s, c) {
@@ -5148,7 +5148,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					}
 				}
 			]), n;
-		}(Ce), In = {
+		}(Ce), Ln = {
 			id: "pointer-events/base",
 			before: [
 				"inertia",
@@ -5157,7 +5157,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				"actions"
 			],
 			install: function(e) {
-				e.pointerEvents = In, e.defaults.actions.pointerEvents = In.defaults, W(e.actions.phaselessTypes, In.types);
+				e.pointerEvents = Ln, e.defaults.actions.pointerEvents = Ln.defaults, W(e.actions.phaselessTypes, Ln.types);
 			},
 			listeners: {
 				"interactions:new": function(e) {
@@ -5173,7 +5173,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				},
 				"interactions:move": function(e, t) {
 					var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget;
-					e.duplicate || n.pointerIsDown && !n.pointerWasMoved || (n.pointerIsDown && zn(e), Ln({
+					e.duplicate || n.pointerIsDown && !n.pointerWasMoved || (n.pointerIsDown && Bn(e), Rn({
 						interaction: n,
 						pointer: r,
 						event: i,
@@ -5199,7 +5199,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 								m < d && (d = m);
 							}
 							s.duration = d, s.timeout = setTimeout((function() {
-								Ln({
+								Rn({
 									interaction: n,
 									eventTarget: a,
 									pointer: r,
@@ -5208,12 +5208,12 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 								}, t);
 							}), d);
 						}
-					})(e, t), Ln(e, t);
+					})(e, t), Rn(e, t);
 				},
 				"interactions:up": function(e, t) {
-					zn(e), Ln(e, t), function(e, t) {
+					Bn(e), Rn(e, t), function(e, t) {
 						var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget;
-						n.pointerWasMoved || Ln({
+						n.pointerWasMoved || Rn({
 							interaction: n,
 							eventTarget: a,
 							pointer: r,
@@ -5223,12 +5223,12 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					}(e, t);
 				},
 				"interactions:cancel": function(e, t) {
-					zn(e), Ln(e, t);
+					Bn(e), Rn(e, t);
 				}
 			},
-			PointerEvent: Fn,
-			fire: Ln,
-			collectEventTargets: Rn,
+			PointerEvent: In,
+			fire: Rn,
+			collectEventTargets: zn,
 			defaults: {
 				holdDuration: 600,
 				ignoreFrom: null,
@@ -5248,8 +5248,8 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				hold: !0
 			}
 		};
-		function Ln(e, t) {
-			var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.type, s = e.targets, c = s === void 0 ? Rn(e, t) : s, l = new Fn(o, r, i, a, n, t.now());
+		function Rn(e, t) {
+			var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.type, s = e.targets, c = s === void 0 ? zn(e, t) : s, l = new In(o, r, i, a, n, t.now());
 			t.fire("pointerEvents:new", { pointerEvent: l });
 			for (var u = {
 				interaction: n,
@@ -5266,7 +5266,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				if (l._subtractOrigin(m), l.eventable = f.eventable, l.currentTarget = f.node, f.eventable.fire(l), l._addOrigin(m), l.immediatePropagationStopped || l.propagationStopped && d + 1 < c.length && c[d + 1].node !== l.currentTarget) break;
 			}
 			if (t.fire("pointerEvents:fired", u), o === "tap") {
-				var h = l.double ? Ln({
+				var h = l.double ? Rn({
 					interaction: n,
 					pointer: r,
 					event: i,
@@ -5277,7 +5277,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 			}
 			return l;
 		}
-		function Rn(e, t) {
+		function zn(e, t) {
 			var n = e.interaction, r = e.pointer, i = e.event, a = e.eventTarget, o = e.type, s = n.getPointerIndex(r), c = n.pointers[s];
 			if (o === "tap" && (n.pointerWasMoved || !c || c.downTarget !== a)) return [];
 			for (var l = H(a), u = {
@@ -5295,22 +5295,22 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				return e.eventable.options.holdDuration === ((t = n.pointers[s]) == null || (r = t.hold) == null ? void 0 : r.duration);
 			}))), u.targets;
 		}
-		function zn(e) {
+		function Bn(e) {
 			var t = e.interaction, n = e.pointerIndex, r = t.pointers[n].hold;
 			r && r.timeout && (clearTimeout(r.timeout), r.timeout = null);
 		}
-		var Bn = Object.freeze({
+		var Vn = Object.freeze({
 			__proto__: null,
-			default: In
+			default: Ln
 		});
-		function Vn(e) {
+		function Hn(e) {
 			var t = e.interaction;
 			t.holdIntervalHandle &&= (clearInterval(t.holdIntervalHandle), null);
 		}
-		var Hn = {
+		var Un = {
 			id: "pointer-events/holdRepeat",
 			install: function(e) {
-				e.usePlugin(In);
+				e.usePlugin(Ln);
 				var t = e.pointerEvents;
 				t.defaults.holdRepeatInterval = 0, t.types.holdrepeat = e.actions.phaselessTypes.holdrepeat = !0;
 			},
@@ -5320,7 +5320,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				"cancel",
 				"endall"
 			].reduce((function(e, t) {
-				return e[`pointerEvents:${t}`] = Vn, e;
+				return e[`pointerEvents:${t}`] = Hn, e;
 			}), {
 				"pointerEvents:new": function(e) {
 					var t = e.pointerEvent;
@@ -5342,7 +5342,7 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					}
 				}
 			})
-		}, Un = {
+		}, Wn = {
 			id: "pointer-events/interactableTargets",
 			install: function(e) {
 				var t = e.Interactable;
@@ -5379,12 +5379,12 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 				}
 			}
 		};
-		if (Q.use(mt), Q.use(Nt), Q.use({
+		if (sn.use(mt), sn.use(Nt), sn.use({
 			id: "pointer-events",
 			install: function(e) {
-				e.usePlugin(Bn), e.usePlugin(Hn), e.usePlugin(Un);
+				e.usePlugin(Vn), e.usePlugin(Un), e.usePlugin(Wn);
 			}
-		}), Q.use(zt), Q.use(Pn), Q.use(dt), Q.use(We), Q.use(Z), Q.use({
+		}), sn.use(zt), sn.use(Fn), sn.use(dt), sn.use(We), sn.use(Z), sn.use({
 			id: "reflow",
 			install: function(e) {
 				var t = e.Interactable;
@@ -5481,10 +5481,10 @@ var gt = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 					e.splice(e.indexOf(t), 1);
 				}(t.interactions.list, n));
 			} }
-		}), Q.default = Q, (t === void 0 ? "undefined" : r(t)) === "object" && t) try {
-			t.exports = Q;
+		}), sn.default = sn, (t === void 0 ? "undefined" : r(t)) === "object" && t) try {
+			t.exports = sn;
 		} catch {}
-		return Q.default = Q, Q;
+		return sn.default = sn, sn;
 	}));
 })))(), 1);
 function _t(e) {
@@ -6295,12 +6295,12 @@ function on(e, t, n) {
 }
 //#endregion
 //#region src/hooks/useLocalCache.ts
-function Q(e) {
+function sn(e) {
 	return d(() => tn({ defaultTTL: e }), [e]);
 }
 //#endregion
 //#region src/hooks/useMouseEnter.ts
-function sn(e, t, { isEnabled: n = !0 } = {}) {
+function cn(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t);
 	u(() => {
 		if (!n) return;
@@ -6317,7 +6317,7 @@ function sn(e, t, { isEnabled: n = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useMouseLeave.ts
-function cn(e, t, { isEnabled: n = !0 } = {}) {
+function ln(e, t, { isEnabled: n = !0 } = {}) {
 	let r = Z(t);
 	u(() => {
 		if (!n) return;
@@ -6334,7 +6334,7 @@ function cn(e, t, { isEnabled: n = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useOS.ts
-function ln() {
+function un() {
 	let e = navigator.userAgent || navigator.vendor || window.opera;
 	return d(() => {
 		switch (!0) {
@@ -6349,7 +6349,7 @@ function ln() {
 }
 //#endregion
 //#region src/hooks/usePrevious.ts
-function un(e, t) {
+function dn(e, t) {
 	let n = f(t);
 	return u(() => {
 		n.current = e;
@@ -6357,7 +6357,7 @@ function un(e, t) {
 }
 //#endregion
 //#region src/hooks/useRightClick.ts
-function dn(e, t, n = {}) {
+function fn(e, t, n = {}) {
 	let r = Z(typeof e == "function" ? e : typeof t == "function" ? t : () => {}), i = typeof e == "function" ? void 0 : e, { isEnabled: a = !0 } = typeof t == "function" ? n : t ?? {}, o = typeof e == "function";
 	l(() => {
 		if (a) if (o) {
@@ -6383,11 +6383,11 @@ function dn(e, t, n = {}) {
 }
 //#endregion
 //#region src/hooks/useScrollPositionObserver.ts
-function fn(...e) {
+function pn(...e) {
 	let t = typeof e[0] == "function" ? void 0 : e[0], n = typeof e[0] == "function" ? e[0] : e[1], r = typeof e[0] == "function" ? e[1] ?? [] : e[2] ?? [], i = Z(n), a = f(void 0), o = f(!1);
 	u(() => {
-		let e = pn(t), n = () => {
-			let t = e ? hn(e) : mn();
+		let e = mn(t), n = () => {
+			let t = e ? gn(e) : hn();
 			t && (i.current(t, a.current), a.current = t);
 		}, r = () => {
 			o.current || typeof requestAnimationFrame == "function" && (o.current = !0, requestAnimationFrame(() => {
@@ -6399,10 +6399,10 @@ function fn(...e) {
 		};
 	}, [...r]);
 }
-function pn(e) {
+function mn(e) {
 	if (e != null) return e instanceof HTMLElement ? e : e.current ?? void 0;
 }
-function mn() {
+function hn() {
 	let e = window.scrollX, t = window.scrollY, n = document.documentElement.scrollWidth - window.innerWidth, r = document.documentElement.scrollHeight - window.innerHeight;
 	return {
 		current: K.make(e, t),
@@ -6411,7 +6411,7 @@ function mn() {
 		start: K.make(0, 0)
 	};
 }
-function hn(e) {
+function gn(e) {
 	let t = e.scrollLeft, n = e.scrollTop, r = e.scrollWidth - e.clientWidth, i = e.scrollHeight - e.clientHeight;
 	return {
 		current: K.make(t, n),
@@ -6422,68 +6422,68 @@ function hn(e) {
 }
 //#endregion
 //#region src/utils/createSessionCache.ts
-var gn = typeof window < "u" ? window.sessionStorage : void 0;
-function _n({ defaultTTL: e = 300 } = {}) {
+var _n = typeof window < "u" ? window.sessionStorage : void 0;
+function vn({ defaultTTL: e = 300 } = {}) {
 	return {
-		get: bn,
-		invalidate: vn,
-		set: (t, n, r = e) => xn(t, n, r)
+		get: xn,
+		invalidate: yn,
+		set: (t, n, r = e) => Sn(t, n, r)
 	};
 }
-function vn(e) {
-	gn?.removeItem(e);
-}
 function yn(e) {
+	_n?.removeItem(e);
+}
+function bn(e) {
 	let { timestamp: t, ttl: n } = e;
 	return (Date.now() - t) / 1e3 >= n;
 }
-function bn(e) {
-	let t = gn?.getItem(e);
+function xn(e) {
+	let t = _n?.getItem(e);
 	if (!t) return;
 	let n = JSON.parse(t);
-	if (n) if (yn(n)) {
-		vn(e);
+	if (n) if (bn(n)) {
+		yn(e);
 		return;
 	} else return n.value;
 }
-function xn(e, t, n) {
+function Sn(e, t, n) {
 	let r = {
 		timestamp: Date.now(),
 		ttl: n,
 		value: e
 	};
-	return gn?.setItem(t, JSON.stringify(r)), e;
+	return _n?.setItem(t, JSON.stringify(r)), e;
 }
 //#endregion
 //#region src/hooks/useSessionCache.ts
-function Sn(e) {
-	return d(() => _n({ defaultTTL: e }), [e]);
+function Cn(e) {
+	return d(() => vn({ defaultTTL: e }), [e]);
 }
 //#endregion
 //#region src/utils/getStyle.ts
-function Cn(e, { computed: t, target: n }) {
+function wn(e, { computed: t, target: n }) {
 	if (typeof window > "u") return;
 	let r = n ?? window.document.documentElement;
 	return t ? window.getComputedStyle(r).getPropertyValue(e) || void 0 : r.style.getPropertyValue(e) || void 0;
 }
 //#endregion
 //#region src/utils/setStyle.ts
-function wn(e, t, { target: n } = {}) {
+function Tn(e, t, { target: n } = {}) {
 	if (typeof window > "u") return;
 	let r = n ?? window.document.documentElement;
 	t === void 0 ? r.style.removeProperty(e) : r.style.setProperty(e, t);
 }
 //#endregion
 //#region src/hooks/useStyle.ts
-function Tn(e, t, { target: n, isEnabled: r = !0 } = {}) {
+function En(e, t, { target: n, isEnabled: r = !0 } = {}) {
 	u(() => {
 		if (!r) return;
-		let i = n ?? window.document.documentElement, a = Cn(e, {
+		let i = n ?? window.document.documentElement, a = wn(e, {
 			computed: !1,
 			target: i
 		});
-		return wn(e, t, { target: i }), () => {
-			wn(e, a, { target: i });
+		return Tn(e, t, { target: i }), () => {
+			Tn(e, a, { target: i });
 		};
 	}, [
 		e,
@@ -6494,7 +6494,7 @@ function Tn(e, t, { target: n, isEnabled: r = !0 } = {}) {
 }
 //#endregion
 //#region src/hooks/useSystemColorScheme.ts
-function En(e = "light") {
+function Dn(e = "light") {
 	let [t, n] = p(e);
 	return u(() => {
 		let e = window.matchMedia("(prefers-color-scheme: dark)");
@@ -6508,7 +6508,7 @@ function En(e = "light") {
 }
 //#endregion
 //#region src/hooks/useTimeout.ts
-function Dn(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0 } = {}, i = []) {
+function On(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0 } = {}, i = []) {
 	let a = f(void 0), o = Z(t), s = c(() => {
 		a.current !== void 0 && (clearTimeout(a.current), a.current = void 0);
 	}, []), u = c(() => {
@@ -6534,7 +6534,7 @@ function Dn(e, t, { isEnabled: n = !0, shouldAutoStart: r = !0 } = {}, i = []) {
 }
 //#endregion
 //#region src/primitives/Collection.tsx
-var On = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
+var kn = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 	t.exports = function e(t, n) {
 		if (t === n) return !0;
 		if (t && n && typeof t == "object" && typeof n == "object") {
@@ -6559,8 +6559,8 @@ var On = /* @__PURE__ */ S((/* @__PURE__ */ b(((e, t) => {
 		return t !== t && n !== n;
 	};
 })))(), 1);
-function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, itemLength: a, itemPadding: o = 0, items: s = [], layout: c = "list", numSegments: u = 1, orientation: d = "vertical", selection: f, selectionMode: p = "none", isSelectionTogglable: m = !1, onActivateAt: h, onCustomEvent: g, onDeselectAt: _, onSelectAt: v, onSelectionChange: y, ...b }) {
-	let x = jn(f ?? [], s), S = Nn({
+function An({ className: e, ref: t, style: n, children: r, ItemComponent: i, itemLength: a, itemPadding: o = 0, items: s = [], layout: c = "list", numSegments: u = 1, orientation: d = "vertical", selection: f, selectionMode: p = "none", isSelectionTogglable: m = !1, onActivateAt: h, onCustomEvent: g, onDeselectAt: _, onSelectAt: v, onSelectionChange: y, ...b }) {
+	let x = Mn(f ?? [], s), S = Pn({
 		itemLength: a,
 		itemPadding: o,
 		layout: c,
@@ -6573,7 +6573,7 @@ function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		let t;
 		switch (p) {
 			case "multiple":
-				t = (t) => Mn([...t.filter((t) => t !== e), e]);
+				t = (t) => Nn([...t.filter((t) => t !== e), e]);
 				break;
 			case "single":
 				t = (t) => [e];
@@ -6586,7 +6586,7 @@ function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 	}, k = (e) => {
 		h?.(e), p !== "none" && (m ? T(e) : E(e));
 	}, A = (e, t) => {
-		if ((0, On.default)(e, t)) return;
+		if ((0, kn.default)(e, t)) return;
 		let n = e?.filter((e) => t.indexOf(e) === -1) ?? [], r = t.filter((t) => e?.indexOf(t) === -1);
 		n.forEach((e) => _?.(e)), r.forEach((e) => v?.(e)), y?.(t);
 	};
@@ -6605,7 +6605,7 @@ function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		}
 		A(e, t);
 	}, [p]);
-	let M = j(r, { item: kn.Item });
+	let M = j(r, { item: An.Item });
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		...b,
 		className: w(e),
@@ -6635,7 +6635,7 @@ function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 					className: w({ active: r }),
 					style: a,
 					"aria-selected": r,
-					element: M.item ?? /* @__PURE__ */ (0, O.jsx)(kn.Item, {}),
+					element: M.item ?? /* @__PURE__ */ (0, O.jsx)(An.Item, {}),
 					role: n,
 					selectionMode: p,
 					onActivateAt: h,
@@ -6654,17 +6654,17 @@ function kn({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 		...r,
 		children: e
 	});
-})(kn ||= {});
-function An(e, t) {
+})(An ||= {});
+function jn(e, t) {
 	return !!(isNaN(e) || e >= t.length || e < 0);
 }
-function jn(e, t) {
-	return Mn(e).filter((e) => !An(e, t));
+function Mn(e, t) {
+	return Nn(e).filter((e) => !jn(e, t));
 }
-function Mn(e) {
+function Nn(e) {
 	return e.sort((e, t) => e - t);
 }
-function Nn({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection", numSegments: r = 1, orientation: i = "vertical" }) {
+function Pn({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection", numSegments: r = 1, orientation: i = "vertical" }) {
 	return M({
 		item: {
 			counterIncrement: "item-counter",
@@ -6702,11 +6702,11 @@ function Nn({ itemLength: e = NaN, itemPadding: t = 0, layout: n = "collection",
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (kn.displayName = "Collection", kn.Item.displayName = "Collection.Item");
+process.env.NODE_ENV === "development" && (An.displayName = "Collection", An.Item.displayName = "Collection.Item");
 //#endregion
 //#region src/primitives/Accordion.tsx
-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) => {
+function Fn({ 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 = zn(l ?? {}, c), T = Rn(r ?? [], c), E = Vn({ 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) => {
@@ -6716,7 +6716,7 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 			case "multiple":
 				n = (n) => ({
 					...n,
-					[t]: zn([...(n[t] ?? []).filter((t) => t !== e), e])
+					[t]: Bn([...(n[t] ?? []).filter((t) => t !== e), e])
 				});
 				break;
 			case "single":
@@ -6731,11 +6731,11 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 			[t]: (n[t] ?? []).filter((t) => t !== e)
 		}))(C));
 	}, R = (e, t) => {
-		if ((0, On.default)(e, t)) return;
+		if ((0, kn.default)(e, t)) return;
 		let n = e?.filter((e) => t.indexOf(e) === -1) ?? [], r = t.filter((t) => e?.indexOf(t) === -1);
 		n.forEach((e) => m?.(e)), r.forEach((e) => _?.(e)), g?.(t);
 	}, z = (e, t) => {
-		if ((0, On.default)(e, t)) return;
+		if ((0, kn.default)(e, t)) return;
 		let n = c.length, r = [], i = [];
 		for (let a = 0; a < n; a++) {
 			let n = e?.[a] ?? [], o = t[a] ?? [], s = n.filter((e) => o.indexOf(e) === -1), c = o.filter((e) => n?.indexOf(e) === -1);
@@ -6743,11 +6743,11 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 		}
 		r.forEach((e) => h?.(e[0], e[1])), i.forEach((e) => b?.(e[0], e[1])), x?.(t);
 	}, B = j(n, {
-		collapseIcon: Pn.CollapseIcon,
-		expandIcon: Pn.ExpandIcon,
-		header: Pn.Header,
-		item: Pn.Item,
-		section: Pn.Section
+		collapseIcon: Fn.CollapseIcon,
+		expandIcon: Fn.ExpandIcon,
+		header: Fn.Header,
+		item: Fn.Item,
+		section: Fn.Section
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		ref: e,
@@ -6765,7 +6765,7 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 						marginLeft: t === 0 ? "0px" : `${s}px`,
 						...S.width > 0 ? { width: `${T}px` } : { visibility: "hidden" }
 					}),
-					element: B.section ?? /* @__PURE__ */ (0, O.jsx)(Pn.Section, {}),
+					element: B.section ?? /* @__PURE__ */ (0, O.jsx)(Fn.Section, {}),
 					children: [/* @__PURE__ */ (0, O.jsx)("div", {
 						ref: D[t],
 						style: F(E.headerContainer),
@@ -6789,7 +6789,7 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 							}),
 							style: F(E.header),
 							"aria-expanded": !x,
-							element: B.header ?? /* @__PURE__ */ (0, O.jsx)(Pn.Header, {}),
+							element: B.header ?? /* @__PURE__ */ (0, O.jsx)(Fn.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 +6814,7 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 							width: `${b}px`
 						}),
 						role: "region",
-						children: /* @__PURE__ */ (0, O.jsx)(kn, {
+						children: /* @__PURE__ */ (0, O.jsx)(An, {
 							className: w({
 								collapsed: x,
 								expanded: !x
@@ -6834,7 +6834,7 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 							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)(Pn.Item, {}))
+							children: !a && (B.item ?? /* @__PURE__ */ (0, O.jsx)(Fn.Item, {}))
 						})
 					})]
 				});
@@ -6855,30 +6855,30 @@ function Pn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 	}), e.Section = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("div", {
 		...t,
 		children: e
-	}), e.Item = kn.Item;
-})(Pn ||= {});
-function Fn(e, t) {
+	}), e.Item = An.Item;
+})(Fn ||= {});
+function In(e, t) {
 	return e >= t.length || e < 0;
 }
-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 Ln(e, t, n) {
+	return !!(In(t, n) || e >= (n[t].items ?? []).length || e < 0);
 }
 function Rn(e, t) {
+	return Bn(e).filter((e) => !In(e, t));
+}
+function zn(e, t) {
 	let n = {};
 	for (let r in t) {
 		if (!Object.hasOwn(t, r)) continue;
-		let i = zn([...e[r] ?? []]);
-		n[Number(r)] = zn(i).filter((e) => !In(e, Number(r), t));
+		let i = Bn([...e[r] ?? []]);
+		n[Number(r)] = Bn(i).filter((e) => !Ln(e, Number(r), t));
 	}
 	return n;
 }
-function zn(e) {
+function Bn(e) {
 	return e.sort((e, t) => e - t);
 }
-function Bn({ orientation: e = "vertical" }) {
+function Vn({ orientation: e = "vertical" }) {
 	return M({
 		collapseIcon: {
 			pointerEvents: "none",
@@ -6930,162 +6930,189 @@ function Bn({ orientation: e = "vertical" }) {
 		}
 	});
 }
-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");
+process.env.NODE_ENV === "development" && (Fn.displayName = "Accordion", Fn.Header.displayName = "Accordion.Header", Fn.ExpandIcon.displayName = "Accordion.ExpandIcon", Fn.CollapseIcon.displayName = "Accordion.CollapseIcon", Fn.Item.displayName = "Accordion.Item");
 //#endregion
 //#region src/primitives/Carousel.tsx
-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 = {
+var Hn = .5, Un = .02, Wn = 1e3 / 60, Gn = 5, Kn = .7, qn = .5, Jn = .9, Yn = .08, Xn = 100, Zn = .4 * Wn;
+function Qn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1, index: a = 0, orientation: o = "horizontal", shouldTrackExposure: s = !1, onAutoAdvancePause: c, onAutoAdvanceResume: l, onIndexChange: u, ...d }) {
+	let f = j(r, {
+		content: Qn.Content,
+		item: Qn.Item,
+		viewport: Qn.Viewport
+	}), p = t.toArray(f.content?.props.children), m = p.length, { clickHandler: h, contentRef: g, exposures: _, safeIndex: v, viewportRef: y, isDragging: b } = $n({
 		dragSpeed: i,
-		dragStartThreshold: a,
-		itemCount: re,
-		maxDisplacement: 0,
-		minDisplacement: ce,
-		orientation: s,
-		overscrollResistance: c,
-		safeIndex: ie,
-		swipeLiftWindow: d,
-		swipeVelocityThreshold: m,
-		viewportLength: se,
-		shouldTrackExposure: h
+		index: a,
+		itemCount: m,
+		orientation: o,
+		shouldTrackExposure: s,
+		onIndexChange: u
+	});
+	return er({
+		index: v,
+		interval: n,
+		itemCount: m,
+		isDragging: b,
+		onIndexChange: u,
+		onPause: c,
+		onResume: l
+	}), /* @__PURE__ */ (0, O.jsx)("div", {
+		...d,
+		ref: e,
+		role: "region",
+		onClick: h,
+		children: /* @__PURE__ */ (0, O.jsx)(P, {
+			ref: y,
+			style: F(lr.viewport, {
+				cursor: b ? "grabbing" : "grab",
+				touchAction: m > 1 ? o === "horizontal" ? "pan-y" : "pan-x" : "auto"
+			}),
+			element: f.viewport ?? /* @__PURE__ */ (0, O.jsx)(Qn.Viewport, {}),
+			children: /* @__PURE__ */ (0, O.jsx)(P, {
+				ref: g,
+				style: {
+					...lr.content,
+					flexDirection: o === "horizontal" ? "row" : "column"
+				},
+				element: f.content ?? /* @__PURE__ */ (0, O.jsx)(Qn.Content, {}),
+				children: p.map((e, t) => {
+					let n = e.key ?? t, r = _?.[t], i = t === v;
+					return /* @__PURE__ */ (0, O.jsx)(Qn.ItemContext, {
+						value: {
+							exposure: r,
+							index: t,
+							isActive: i
+						},
+						children: /* @__PURE__ */ (0, O.jsx)(P, {
+							style: lr.itemContainer,
+							"aria-hidden": !i,
+							element: f.item ?? /* @__PURE__ */ (0, O.jsx)(Qn.Item, {}),
+							children: e
+						})
+					}, n);
+				})
+			})
+		})
+	});
+}
+function $n({ dragSpeed: e, index: t, itemCount: n, orientation: r, shouldTrackExposure: i, onIndexChange: a }) {
+	let o = f(null), s = f(null), c = f(0), d = f(0), m = f(0), h = f(0), g = f(cr(Xn)), _ = f({
+		activeId: void 0,
+		didDrag: !1,
+		gesture: "idle",
+		startAxial: 0,
+		startPosition: K.zero,
+		startTranslation: 0
+	}), v = f(0), y = Z(a), [b, x] = p(), [S, C] = p(!1), { height: w, width: T } = yt(o), E = ar(T, w, r), D = sr(t, n), O = -E * Math.max(0, n - 1), k = f(void 0);
+	k.current = {
+		dragSpeed: e,
+		itemCount: n,
+		maxTranslation: 0,
+		minTranslation: O,
+		orientation: r,
+		safeIndex: D,
+		viewportLength: E,
+		shouldTrackExposure: i
 	};
-	let ue = (e) => {
-		L.current &&= (e.stopPropagation(), !1);
-	}, K = () => {
-		if (re <= 1) return;
-		let e = (ie + 1) % re;
-		V.current?.(e);
-	}, de = () => {
-		let e = le.current;
-		if (!e.shouldTrackExposure) return;
-		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) * 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();
+	let A = (e) => {
+		_.current.didDrag && (e.stopPropagation(), _.current.didDrag = !1);
+	}, j = () => {
+		let e = s.current;
+		if (e) {
+			let t = c.current;
+			e.style.transform = k.current.orientation === "horizontal" ? `translate3d(${t}px,0,0)` : `translate3d(0,${t}px,0)`;
+		}
+	}, M = () => {
+		let e = k.current, t = e.shouldTrackExposure ? nr(c.current, e.viewportLength, e.itemCount) : void 0;
+		x((e) => tr(e, t) ? e : t);
+	}, N = () => {
+		j(), M();
+	}, P = () => {
+		h.current ||= requestAnimationFrame(I);
+	}, F = () => {
+		h.current &&= (cancelAnimationFrame(h.current), 0);
+	}, I = () => {
+		let e = k.current, t = m.current, n = (t - c.current) * Yn;
+		if (d.current = d.current * qn + n, c.current += d.current, (c.current > e.maxTranslation || c.current < e.minTranslation) && (d.current *= Jn), Math.abs(d.current) < Un && Math.abs(t - c.current) < Hn) {
+			c.current = t, d.current = 0, h.current = 0, N();
 			return;
 		}
-		Yn(x.current, S.current, n), de(), T.current = requestAnimationFrame(me);
+		N(), h.current = requestAnimationFrame(I);
 	};
 	return u(() => {
-		let e = b.current;
+		let e = o.current;
 		if (!e) return;
 		let t = (e) => {
-			let { itemCount: t, orientation: n } = le.current;
-			if (!e.isPrimary || e.button !== 0 || t <= 1 || I.current !== null) return;
-			I.current = e.pointerId;
-			let r = n === "horizontal" ? e.clientX : e.clientY;
-			D.current = S.current, k.current = r, A.current = e.clientX, M.current = e.clientY, E.current = [{
-				p: r,
-				t: performance.now()
-			}], L.current = !1, N.current = "pending";
+			let t = k.current;
+			if (!e.isPrimary || e.button !== 0 || t.itemCount <= 1 || _.current.activeId !== void 0) return;
+			let n = ar(e.clientX, e.clientY, t.orientation);
+			_.current.activeId = e.pointerId, _.current.didDrag = !1, _.current.gesture = "pending", _.current.startAxial = n, _.current.startPosition = K.make(e.clientX, e.clientY), _.current.startTranslation = c.current, g.current.reset(n);
 		}, n = (t) => {
-			if (I.current !== t.pointerId || N.current === "idle" || N.current === "cross") return;
-			let { dragSpeed: n, dragStartThreshold: r, maxDisplacement: i, minDisplacement: a, orientation: o, overscrollResistance: s } = le.current;
-			if (N.current === "pending") {
-				let n = Math.abs(t.clientX - A.current), i = Math.abs(t.clientY - M.current), a = o === "horizontal" ? n : i, s = o === "horizontal" ? i : n;
-				if (Math.max(a, s) < r) return;
-				if (a >= s) N.current = "axis", pe(), e.setPointerCapture(t.pointerId), ee(!0);
-				else {
-					N.current = "cross";
+			if (_.current.activeId !== t.pointerId || _.current.gesture === "idle" || _.current.gesture === "cross") return;
+			let n = k.current, r = _.current, i = ar(t.clientX, t.clientY, n.orientation);
+			if (r.gesture === "pending") {
+				let a = Math.abs(t.clientX - r.startPosition.x), o = Math.abs(t.clientY - r.startPosition.y), s = ar(a, o, n.orientation), l = or(a, o, n.orientation), u = Math.max(s, l) >= Gn, f = l > s;
+				if (!u) return;
+				if (f) {
+					r.gesture = "cross";
 					return;
 				}
+				F(), d.current = 0, r.gesture = "axis", r.startTranslation = ir(c.current, n.minTranslation, n.maxTranslation, Kn), r.startAxial = i, e.setPointerCapture(t.pointerId), C(!0);
 			}
-			let c = o === "horizontal" ? t.clientX : t.clientY, l = (c - k.current) * n;
-			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 > Kn;) d.shift();
+			let a = (i - r.startAxial) * n.dragSpeed;
+			c.current = rr(r.startTranslation + a, n.minTranslation, n.maxTranslation, Kn), N(), Math.abs(a) >= Gn && (r.didDrag = !0), g.current.add(i);
 		}, r = (t) => {
-			if (I.current !== t.pointerId) return;
-			e.hasPointerCapture(t.pointerId) && e.releasePointerCapture(t.pointerId), I.current = null;
-			let n = N.current === "axis";
-			if (N.current = "idle", !n) {
-				E.current = [];
+			if (_.current.activeId !== t.pointerId) return;
+			e.hasPointerCapture(t.pointerId) && e.releasePointerCapture(t.pointerId), _.current.activeId = void 0;
+			let n = _.current.gesture === "axis";
+			if (_.current.gesture = "idle", !n) {
+				g.current.clear();
 				return;
 			}
-			let { dragSpeed: r, itemCount: i, safeIndex: a, swipeLiftWindow: o, swipeVelocityThreshold: s, viewportLength: c } = le.current, l = E.current, u = performance.now(), d = 0;
-			if (l.length >= 2) {
-				let e = l[0], t = l[l.length - 1], n = t.t - e.t;
-				n > 0 && (d = (t.p - e.p) / n);
-			}
-			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);
+			let r = k.current, { sinceLast: i, velocity: a } = g.current.release(), o = sr(i <= Xn && Math.abs(a) > Zn ? r.safeIndex + (a < 0 ? 1 : -1) : r.viewportLength > 0 ? Math.round(-c.current / r.viewportLength) : r.safeIndex, r.itemCount);
+			g.current.clear(), m.current = -r.viewportLength * o;
+			let s = a * r.dragSpeed, l = m.current - c.current;
+			d.current = Math.sign(s) === Math.sign(l) ? s : 0, P(), C(!1), o !== r.safeIndex && y.current?.(o);
 		}, i = (e) => {
-			let t = N.current;
+			e.preventDefault();
+		}, a = (e) => {
+			let t = _.current.gesture;
 			(t === "pending" || t === "axis") && e.cancelable && e.preventDefault();
 		};
-		return e.addEventListener("pointerdown", t, { passive: !0 }), e.addEventListener("pointermove", n, { passive: !0 }), e.addEventListener("pointerup", r, { passive: !0 }), e.addEventListener("pointercancel", r, { passive: !0 }), e.addEventListener("touchmove", i, { passive: !1 }), () => {
-			pe(), e.removeEventListener("pointerdown", t), e.removeEventListener("pointermove", n), e.removeEventListener("pointerup", r), e.removeEventListener("pointercancel", r), e.removeEventListener("touchmove", i), I.current = null, N.current = "idle";
+		return e.addEventListener("dragstart", i), e.addEventListener("pointerdown", t, { passive: !0 }), e.addEventListener("pointermove", n, { passive: !0 }), e.addEventListener("pointerup", r, { passive: !0 }), e.addEventListener("pointercancel", r, { passive: !0 }), e.addEventListener("touchmove", a, { passive: !1 }), () => {
+			F(), e.removeEventListener("dragstart", i), e.removeEventListener("pointerdown", t), e.removeEventListener("pointermove", n), e.removeEventListener("pointerup", r), e.removeEventListener("pointercancel", r), e.removeEventListener("touchmove", a), _.current.activeId = void 0, _.current.gesture = "idle";
 		};
 	}, []), 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, Yn(x.current, e, s), de()) : (S.current !== e || C.current !== 0) && fe();
+		if (S || E <= 0) return;
+		let e = -E * D, t = v.current !== E, n = c.current !== e, r = d.current !== 0;
+		v.current = E, m.current = e, t ? (F(), c.current = e, d.current = 0, N()) : (n || r) && P();
 	}, [
-		ie,
-		se,
-		W,
-		s,
-		h
+		D,
+		E,
+		S,
+		r,
+		i
 	]), l(() => {
-		h ? de() : U(void 0);
+		M();
 	}, [
-		h,
-		se,
-		re
-	]), Yt(n, K, { isEnabled: !W }, [ie]), l(() => {
-		n <= 0 || te !== W && (W ? z.current?.() : B.current?.());
-	}, [W, n]), /* @__PURE__ */ (0, O.jsx)("div", {
-		...y,
-		ref: e,
-		role: "region",
-		onClick: ue,
-		children: /* @__PURE__ */ (0, O.jsx)(P, {
-			ref: b,
-			style: F(er.viewport, {
-				cursor: W ? "grabbing" : "grab",
-				touchAction: re > 1 ? s === "horizontal" ? "pan-y" : "pan-x" : "auto"
-			}),
-			element: G.viewport ?? /* @__PURE__ */ (0, O.jsx)(Jn.Viewport, {}),
-			children: /* @__PURE__ */ (0, O.jsx)(P, {
-				ref: x,
-				style: {
-					...er.content,
-					flexDirection: s === "horizontal" ? "row" : "column"
-				},
-				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)(Jn.ItemContext, {
-						value: {
-							exposure: r,
-							index: t,
-							isActive: i
-						},
-						children: /* @__PURE__ */ (0, O.jsx)(P, {
-							style: F(er.itemContainer),
-							"aria-hidden": !i,
-							element: G.itemContainer ?? /* @__PURE__ */ (0, O.jsx)(Jn.ItemContainer, {}),
-							children: e
-						})
-					}, n);
-				})
-			})
-		})
-	});
+		E,
+		n,
+		i
+	]), {
+		clickHandler: A,
+		contentRef: s,
+		exposures: b,
+		safeIndex: D,
+		viewportRef: o,
+		isDragging: S
+	};
+}
+function er({ index: e, interval: t, itemCount: n, isDragging: r, onIndexChange: i, onPause: a, onResume: o }) {
+	let s = Z(i), c = Z(a), u = Z(o), d = dn(r, r);
+	l(() => {
+		t <= 0 || d !== r && (r ? c.current?.() : u.current?.());
+	}, [r, t]), Yt(t, () => {
+		n <= 1 || s.current?.((e + 1) % n);
+	}, { isEnabled: !r }, [e]);
 }
 (function(e) {
 	let t = e.ItemContext = a(void 0);
@@ -7095,7 +7122,7 @@ function Jn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 	}), e.Content = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("div", {
 		...t,
 		children: e
-	}), e.ItemContainer = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("div", {
+	}), e.Item = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("div", {
 		...t,
 		children: e
 	});
@@ -7105,20 +7132,14 @@ function Jn({ ref: e, autoAdvanceInterval: n = 0, children: r, dragSpeed: i = 1,
 		return e;
 	}
 	e.useItem = 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 Xn(e, t) {
-	return t <= 0 ? 0 : Math.max(0, Math.min(t - 1, e));
-}
-function Zn(e, t) {
+})(Qn ||= {});
+function tr(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 Qn(e, t, n) {
+function nr(e, t, n) {
 	if (n <= 0) return [];
 	if (t <= 0) return Array(n).fill(0);
 	let r = [];
@@ -7128,11 +7149,56 @@ function Qn(e, t, n) {
 	}
 	return r;
 }
-function $n(e, t, n, r) {
+function rr(e, t, n, r) {
 	let i = 1 - r;
 	return e > n ? n + (e - n) * i : e < t ? t + (e - t) * i : e;
 }
-var er = M({
+function ir(e, t, n, r) {
+	let i = 1 - r;
+	return i <= 0 ? e : e > n ? n + (e - n) / i : e < t ? t + (e - t) / i : e;
+}
+function ar(e, t, n) {
+	return n === "horizontal" ? e : t;
+}
+function or(e, t, n) {
+	return n === "horizontal" ? t : e;
+}
+function sr(e, t) {
+	return t <= 0 ? 0 : Math.max(0, Math.min(t - 1, e));
+}
+function cr(e) {
+	let t = [];
+	return {
+		add: (n) => {
+			let r = performance.now();
+			for (t.push({
+				p: n,
+				t: r
+			}); t.length > 0 && r - t[0].t > e;) t.shift();
+		},
+		clear: () => {
+			t = [];
+		},
+		release: () => {
+			let e = performance.now(), n = 0;
+			if (t.length >= 2) {
+				let e = t[0], r = t[t.length - 1], i = r.t - e.t;
+				i > 0 && (n = (r.p - e.p) / i * Wn);
+			}
+			return {
+				sinceLast: t.length > 0 ? e - t[t.length - 1].t : Infinity,
+				velocity: n
+			};
+		},
+		reset: (e) => {
+			t = [{
+				p: e,
+				t: performance.now()
+			}];
+		}
+	};
+}
+var lr = M({
 	content: {
 		alignItems: "center",
 		display: "flex",
@@ -7157,15 +7223,15 @@ var er = M({
 		width: "100%"
 	}
 });
-process.env.NODE_ENV === "development" && (Jn.displayName = "Carousel", Jn.Viewport.displayName = "Carousel.Viewport", Jn.Content.displayName = "Carousel.Content", Jn.ItemContainer.displayName = "Carousel.ItemContainer");
+process.env.NODE_ENV === "development" && (Qn.displayName = "Carousel", Qn.Viewport.displayName = "Carousel.Viewport", Qn.Content.displayName = "Carousel.Content", Qn.Item.displayName = "Carousel.Item");
 //#endregion
 //#region src/primitives/CodeInput.tsx
-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) => {
+function ur({ 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 = fr(c, s), g = f([]), _ = dr(), v = j(i, { field: ur.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 = ar(t.target.value, n);
-		p(ir(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
+		let n = h[e], r = mr(t.target.value, n);
+		p(pr(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
 	}, x = (e) => (t) => {
 		switch (t.key) {
 			case "ArrowLeft":
@@ -7185,7 +7251,7 @@ function tr({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 	}, S = (e) => (t) => {
 		t.preventDefault();
 		let n = t.clipboardData.getData("text").trim();
-		p(ir(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
+		p(pr(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
 	};
 	return l(() => {
 		if (!r) return;
@@ -7204,7 +7270,7 @@ function tr({ 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)(tr.Field, {}),
+				element: v.field ?? /* @__PURE__ */ (0, O.jsx)(ur.Field, {}),
 				inputMode: a,
 				placeholder: o,
 				required: d,
@@ -7223,8 +7289,8 @@ function tr({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 		autoCorrect: "off",
 		type: "text"
 	});
-})(tr ||= {});
-function nr() {
+})(ur ||= {});
+function dr() {
 	return M({
 		field: {
 			caretColor: "transparent",
@@ -7238,24 +7304,24 @@ function nr() {
 		}
 	});
 }
-function rr(e, t) {
+function fr(e, t) {
 	let n = e.slice(0, t);
 	for (; n.length < t;) n.push("");
 	return n;
 }
-function ir(e, t, n = 0) {
+function pr(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 ar(e, t) {
+function mr(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" && (tr.displayName = "CodeInput", tr.Field.displayName = "CodeInput.Field");
+process.env.NODE_ENV === "development" && (ur.displayName = "CodeInput", ur.Field.displayName = "CodeInput.Field");
 //#endregion
 //#region src/primitives/TextField.tsx
-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 }) {
+function hr({ 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);
@@ -7277,10 +7343,10 @@ function or({ className: e, ref: t, emptyValue: n = "", formatter: r, placeholde
 		onFocus: ({ target: e }) => d?.(e.value)
 	});
 }
-process.env.NODE_ENV === "development" && (or.displayName = "TextField");
+process.env.NODE_ENV === "development" && (hr.displayName = "TextField");
 //#endregion
 //#region src/primitives/Counter.tsx
-function sr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN, min: a = NaN, quantity: o = 0, onChange: s, ...c }) {
+function gr({ 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 = () => {
@@ -7296,7 +7362,7 @@ function sr({ 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 = un(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
+	}, [v, y] = p(h(o)), b = dn(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
 	l(() => {
 		b === void 0 || b === o || y(h(_(o)));
 	}, [
@@ -7305,24 +7371,24 @@ function sr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 		i
 	]);
 	let C = j(r, {
-		addButton: sr.AddButton,
-		subscribeButton: sr.SubtractButton,
-		textField: sr.TextField
+		addButton: gr.AddButton,
+		subscribeButton: gr.SubtractButton,
+		textField: gr.TextField
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		...c,
 		ref: e,
-		style: F(t, cr.root),
+		style: F(t, _r.root),
 		children: [
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ disabled: S }),
-				style: F(cr.subtract),
-				element: C.subscribeButton ?? /* @__PURE__ */ (0, O.jsx)(sr.SubtractButton, {}),
+				style: F(_r.subtract),
+				element: C.subscribeButton ?? /* @__PURE__ */ (0, O.jsx)(gr.SubtractButton, {}),
 				onClick: () => u()
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
-				style: F(cr.textField),
-				element: C.textField ?? /* @__PURE__ */ (0, O.jsx)(sr.TextField, {}),
+				style: F(_r.textField),
+				element: C.textField ?? /* @__PURE__ */ (0, O.jsx)(gr.TextField, {}),
 				value: v,
 				isDisabled: !n,
 				onChange: f,
@@ -7330,23 +7396,23 @@ function sr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 			}),
 			/* @__PURE__ */ (0, O.jsx)(P, {
 				className: w({ disabled: x }),
-				style: F(cr.add),
-				element: C.addButton ?? /* @__PURE__ */ (0, O.jsx)(sr.AddButton, {}),
+				style: F(_r.add),
+				element: C.addButton ?? /* @__PURE__ */ (0, O.jsx)(gr.AddButton, {}),
 				onClick: () => d()
 			})
 		]
 	});
 }
 (function(e) {
-	e.TextField = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)(or, { ...e }), e.AddButton = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
+	e.TextField = ({ ...e }) => /* @__PURE__ */ (0, O.jsx)(hr, { ...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
 	});
-})(sr ||= {});
-var cr = M({
+})(gr ||= {});
+var _r = M({
 	add: { flex: "0 0 auto" },
 	root: {
 		alignItems: "stretch",
@@ -7357,14 +7423,14 @@ var cr = M({
 	subtract: { flex: "0 0 auto" },
 	textField: { width: "100%" }
 });
-process.env.NODE_ENV === "development" && (sr.displayName = "Counter", sr.AddButton.displayName = "Counter.AddButton", sr.SubtractButton.displayName = "Counter.SubtractButton", sr.TextField.displayName = "Counter.TextField");
+process.env.NODE_ENV === "development" && (gr.displayName = "Counter", gr.AddButton.displayName = "Counter.AddButton", gr.SubtractButton.displayName = "Counter.SubtractButton", gr.TextField.displayName = "Counter.TextField");
 //#endregion
 //#region src/primitives/Dial.tsx
-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 }) {
+function vr({ 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: lr.Knob,
-		track: lr.Track
-	}), p = fr({
+		knob: vr.Knob,
+		track: vr.Track
+	}), p = xr({
 		angle: n,
 		diameter: u
 	});
@@ -7382,7 +7448,7 @@ function lr({ 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)(lr.Track, {}),
+					element: f.track ?? /* @__PURE__ */ (0, O.jsx)(vr.Track, {}),
 					fill: "none",
 					r: o - c / 2,
 					strokeDasharray: s,
@@ -7396,8 +7462,8 @@ function lr({ 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: dr(o, o, o - a / 2 - (c - a) / 2, -d / 2, d / 2),
-					element: f.knob ?? /* @__PURE__ */ (0, O.jsx)(lr.Knob, {}),
+					d: br(o, o, o - a / 2 - (c - a) / 2, -d / 2, d / 2),
+					element: f.knob ?? /* @__PURE__ */ (0, O.jsx)(vr.Knob, {}),
 					fill: "none",
 					strokeWidth: a
 				})
@@ -7407,16 +7473,16 @@ function lr({ 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 });
-})(lr ||= {});
-function ur(e, t, n, r) {
+})(vr ||= {});
+function yr(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 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";
+function br(e, t, n, r, i) {
+	let a = yr(e, t, n, i), o = yr(e, t, n, r), s = i - r <= 180 ? "0" : "1";
 	return [
 		"M",
 		a.x,
@@ -7431,7 +7497,7 @@ function dr(e, t, n, r, i) {
 		o.y
 	].join(" ");
 }
-function fr({ angle: e = 0, diameter: t = 0 }) {
+function xr({ angle: e = 0, diameter: t = 0 }) {
 	return M({
 		knobContainer: {
 			backgroundPosition: "center",
@@ -7465,11 +7531,11 @@ function fr({ angle: e = 0, diameter: t = 0 }) {
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (lr.displayName = "Dial", lr.Track.displayName = "Dial.Track", lr.Knob.displayName = "Dial.Knob");
+process.env.NODE_ENV === "development" && (vr.displayName = "Dial", vr.Track.displayName = "Dial.Track", vr.Knob.displayName = "Dial.Knob");
 //#endregion
 //#region src/primitives/Dropdown.tsx
-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({
+function Sr({ 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 = Er(c, m, h, d), V = o ?? (g === "vertical" ? R.height : R.width), H = V * B + s * (B - 1), U = wr(_, c), [W, ee] = p(b ?? !0), te = Dr({
 		collectionPadding: i,
 		maxVisibleItems: m,
 		menuLength: H,
@@ -7478,11 +7544,11 @@ function pr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 		isCollapsed: W,
 		isInverted: x
 	}), G = j(r, {
-		collapseIcon: pr.CollapseIcon,
-		collection: pr.Collection,
-		expandIcon: pr.ExpandIcon,
-		item: pr.Item,
-		toggle: pr.Toggle
+		collapseIcon: Sr.CollapseIcon,
+		collection: Sr.Collection,
+		expandIcon: Sr.ExpandIcon,
+		item: Sr.Item,
+		toggle: Sr.Toggle
 	}), ne = () => {
 		W && (ee(!1), k?.());
 	}, re = () => {
@@ -7540,7 +7606,7 @@ function pr({ 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)(pr.Toggle, {}),
+				element: G.toggle ?? /* @__PURE__ */ (0, O.jsx)(Sr.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({
@@ -7552,7 +7618,7 @@ function pr({ 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)(pr.Collection, {}),
+				element: G.collection ?? /* @__PURE__ */ (0, O.jsx)(Sr.Collection, {}),
 				ItemComponent: a,
 				itemLength: V,
 				itemPadding: s,
@@ -7567,13 +7633,13 @@ function pr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 				onDeselectAt: D,
 				onSelectAt: ae,
 				onSelectionChange: M,
-				children: !a && (G.item ?? /* @__PURE__ */ (0, O.jsx)(pr.Item, {}))
+				children: !a && (G.item ?? /* @__PURE__ */ (0, O.jsx)(Sr.Item, {}))
 			}, g)]
 		})
 	});
 }
 (function(e) {
-	e.Collection = kn, e.CollapseIcon = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("figure", {
+	e.Collection = An, e.CollapseIcon = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("figure", {
 		...t,
 		"aria-hidden": !0,
 		children: e
@@ -7581,21 +7647,21 @@ function pr({ className: e, ref: t, style: n, children: r, collectionPadding: i
 		...t,
 		"aria-hidden": !0,
 		children: e
-	}), e.Item = kn.Item, e.Toggle = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
+	}), e.Item = An.Item, e.Toggle = ({ children: e, ...t }) => /* @__PURE__ */ (0, O.jsx)("button", {
 		...t,
 		children: e
 	});
-})(pr ||= {});
-function mr(e, t) {
+})(Sr ||= {});
+function Cr(e, t) {
 	return !!(isNaN(e) || e >= t.length || e < 0);
 }
-function hr(e, t) {
-	return gr(e).filter((e) => !mr(e, t));
+function wr(e, t) {
+	return Tr(e).filter((e) => !Cr(e, t));
 }
-function gr(e) {
+function Tr(e) {
 	return e.sort((e, t) => e - t);
 }
-function _r(e, t, n, r) {
+function Er(e, t, n, r) {
 	let i = e.length;
 	switch (r) {
 		case "grid": {
@@ -7605,7 +7671,7 @@ function _r(e, t, n, r) {
 		default: return t < 0 ? i : Math.min(i, t);
 	}
 }
-function vr({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n = NaN, numItems: r = 0, orientation: i = "vertical", isCollapsed: a = !0, isInverted: o = !1 }) {
+function Dr({ 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%",
@@ -7664,10 +7730,10 @@ function vr({ collectionPadding: e = 0, maxVisibleItems: t = 0, menuLength: n =
 		}
 	});
 }
-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");
+process.env.NODE_ENV === "development" && (Sr.displayName = "Dropdown", Sr.Collection.displayName = "Dropdown.Collection", Sr.CollapseIcon.displayName = "Dropdown.CollapseIcon", Sr.ExpandIcon.displayName = "Dropdown.ExpandIcon", Sr.Item.displayName = "Dropdown.Item", Sr.Toggle.displayName = "Dropdown.Toggle");
 //#endregion
 //#region src/primitives/Form.tsx
-function yr({ ref: e, onSubmit: t, ...n }) {
+function Or({ ref: e, onSubmit: t, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)("form", {
 		...n,
 		ref: e,
@@ -7676,11 +7742,11 @@ function yr({ ref: e, onSubmit: t, ...n }) {
 		}
 	});
 }
-process.env.NODE_ENV !== "production" && (yr.displayName = "Form");
+process.env.NODE_ENV !== "production" && (Or.displayName = "Form");
 //#endregion
 //#region src/primitives/MasonryGrid.tsx
-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 }) {
+var kr = "base-";
+function Ar({ 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;
@@ -7693,29 +7759,29 @@ function xr({ 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 = Er(e, o), [c, l] = wr(a, t);
+				let t = Fr(e, o), [c, l] = Nr(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 = Tr(a);
+					let e = Pr(a);
 					for (let t = 0; t < r; t++) a[t] = e;
 				}
 			}
-			let c = C(), l = Tr(a, r);
+			let c = C(), l = Pr(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 = Er(e, o), [c, l] = wr(a, t);
+				let t = Fr(e, o), [c, l] = Nr(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 = Tr(a);
+					let e = Pr(a);
 					for (let t = 0; t < r; t++) a[t] = e;
 				}
 			}
-			let c = T(), l = Tr(a, r);
+			let c = T(), l = Pr(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)`);
 		}
 	};
@@ -7730,7 +7796,7 @@ function xr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 		s,
 		a
 	])), l(() => {
-		let e = Dr(m.current?.innerHTML);
+		let e = Ir(m.current?.innerHTML);
 		if (e.length === 0) return E();
 		let t = e.length;
 		for (let n = 0; n < t; n++) {
@@ -7738,7 +7804,7 @@ function xr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 			r.src = t, r.onload = () => E();
 		}
 	}, [r]);
-	let D = Sr({ orientation: a }), k = Cr({
+	let D = jr({ orientation: a }), k = Mr({
 		minHeight: _,
 		minWidth: h,
 		orientation: a
@@ -7755,10 +7821,10 @@ function xr({ className: e, ref: t, alignSections: n = !1, children: r, horizont
 		})
 	});
 }
-function Sr({ orientation: e = "horizontal" }) {
+function jr({ orientation: e = "horizontal" }) {
 	return A({ root: w(e) });
 }
-function Cr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizontal" }) {
+function Mr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizontal" }) {
 	return M({ body: {
 		height: n === "horizontal" ? "100%" : "auto",
 		minHeight: n === "vertical" && !isNaN(e) ? `${e}px` : "",
@@ -7767,28 +7833,28 @@ function Cr({ minHeight: e = NaN, minWidth: t = NaN, orientation: n = "horizonta
 		width: n === "horizontal" ? "auto" : "100%"
 	} });
 }
-function wr(e, t) {
+function Nr(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, Tr(e, t)] : [r, i];
+	return isNaN(r) ? [0, Pr(e, t)] : [r, i];
 }
-function Tr(e, t) {
+function Pr(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 Er(e, t) {
+function Fr(e, t) {
 	let n = e.classList;
-	for (let e of Array.from(n)) if (e.startsWith(br)) {
-		let n = parseFloat(e.replace(br, ""));
+	for (let e of Array.from(n)) if (e.startsWith(kr)) {
+		let n = parseFloat(e.replace(kr, ""));
 		if (!isNaN(n)) return Math.min(Math.max(n, 1), t);
 	}
 	return 1;
 }
-function Dr(e) {
+function Ir(e) {
 	if (!e) return [];
 	let t = /<img.*?src=(["'])(.*?)\1/g, n = /<img.*?src=(["'])(.*?)\1/, r = t.exec(e) ?? [], i = [];
 	for (let e of r) {
@@ -7797,23 +7863,23 @@ function Dr(e) {
 	}
 	return i;
 }
-process.env.NODE_ENV === "development" && (xr.displayName = "MasonryGrid");
+process.env.NODE_ENV === "development" && (Ar.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(() => Ir(o, a, p), [
+function Q({ 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(() => Gr(o, a, p), [
 		o,
 		a,
 		p
 	]), L = j(t, {
-		knob: $.Knob,
-		knobContainer: $.KnobContainer,
-		label: $.Label,
-		track: $.Track,
-		trackHighlight: $.TrackHighlight
+		knob: Q.Knob,
+		knobContainer: Q.KnobContainer,
+		label: Q.Label,
+		track: Q.Track,
+		trackHighlight: Q.TrackHighlight
 	}), R = c((e, t, r) => {
-		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);
+		let c = s === "horizontal" ? t : r, l = Ur(o, o, a, s, N.width, N.height, i, n, m), u = Ur(M.current, o, a, s, N.width, N.height, i, n, m);
+		return Vr(Kr(Ur(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,
@@ -7824,8 +7890,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 = 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);
+		let c = s === "horizontal" ? t : r, l = Ur(A.current, o, a, s, N.width, N.height, i, n, m), u = Ur(a, o, a, s, N.width, N.height, i, n, m);
+		return Vr(Kr(Ur(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,
@@ -7836,7 +7902,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 = kr(e, o, a), d = `${u * 100}%`, f = kr(t, o, a), p = `${f * 100}%`;
+		let r = S.current, c = C.current, l = w.current, u = Rr(e, o, a), d = `${u * 100}%`, f = Rr(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,
@@ -7852,7 +7918,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 	vt(S, {
 		onDragEnd: () => {
 			V(S.current, !1);
-			let e = I ? Fr(A.current, I) : A.current;
+			let e = I ? Wr(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 }) => {
@@ -7865,7 +7931,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 	}), vt(C, {
 		onDragEnd: () => {
 			V(C.current, !1);
-			let e = I ? Fr(M.current, I) : M.current;
+			let e = I ? Wr(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 }) => {
@@ -7882,7 +7948,7 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 		k,
 		B
 	]);
-	let H = d(() => Or({
+	let H = d(() => Lr({
 		knobHeight: n,
 		knobPadding: r,
 		knobWidth: i,
@@ -7907,39 +7973,39 @@ function $({ ref: e, children: t, knobHeight: n = 28, knobPadding: r = 0, knobWi
 			children: [
 				/* @__PURE__ */ (0, O.jsx)(P, {
 					style: F(H.track),
-					element: L.track ?? /* @__PURE__ */ (0, O.jsx)($.Track, {})
+					element: L.track ?? /* @__PURE__ */ (0, O.jsx)(Q.Track, {})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
 					ref: w,
 					style: F(H.trackHighlight),
-					element: L.trackHighlight ?? /* @__PURE__ */ (0, O.jsx)($.TrackHighlight, {})
+					element: L.trackHighlight ?? /* @__PURE__ */ (0, O.jsx)(Q.TrackHighlight, {})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
 					ref: S,
-					style: F(H.knobContainer, { pointerEvents: (0, On.default)([D, k], [o, o]) ? "none" : "auto" }, s === "horizontal" ? { top: "50%" } : { left: "50%" }),
-					disabled: (0, On.default)([D, k], [o, o]),
-					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
+					style: F(H.knobContainer, { pointerEvents: (0, kn.default)([D, k], [o, o]) ? "none" : "auto" }, s === "horizontal" ? { top: "50%" } : { left: "50%" }),
+					disabled: (0, kn.default)([D, k], [o, o]),
+					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Q.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
 						style: F(H.knob),
-						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)($.Knob, {}),
+						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)(Q.Knob, {}),
 						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: H.knobHitBox }), L.label && h && /* @__PURE__ */ (0, O.jsx)(P, {
 							style: F(H.label),
-							element: L.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
+							element: L.label ?? /* @__PURE__ */ (0, O.jsx)(Q.Label, {}),
 							children: h(D, "start")
 						})]
 					})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(P, {
 					ref: C,
-					style: F(H.knobContainer, { pointerEvents: (0, On.default)([D, k], [a, a]) ? "none" : "auto" }, s === "horizontal" ? { top: "50%" } : { left: "50%" }),
-					disabled: (0, On.default)([D, k], [a, a]),
-					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
+					style: F(H.knobContainer, { pointerEvents: (0, kn.default)([D, k], [a, a]) ? "none" : "auto" }, s === "horizontal" ? { top: "50%" } : { left: "50%" }),
+					disabled: (0, kn.default)([D, k], [a, a]),
+					element: L.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(Q.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
 						style: F(H.knob),
-						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)($.Knob, {}),
+						element: L.knob ?? /* @__PURE__ */ (0, O.jsx)(Q.Knob, {}),
 						children: [/* @__PURE__ */ (0, O.jsx)("div", { style: H.knobHitBox }), L.label && h && /* @__PURE__ */ (0, O.jsx)(P, {
 							style: F(H.label),
-							element: L.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
+							element: L.label ?? /* @__PURE__ */ (0, O.jsx)(Q.Label, {}),
 							children: h(k, "end")
 						})]
 					})
@@ -7950,8 +8016,8 @@ 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 Or({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "horizontal" }) {
+})(Q ||= {});
+function Lr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "horizontal" }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8000,10 +8066,10 @@ function Or({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientati
 		}
 	});
 }
-function kr(e, t, n) {
+function Rr(e, t, n) {
 	return (e - t) / (n - t);
 }
-function Ar(e, t, n, r, i, a, o) {
+function zr(e, t, n, r, i, a, o) {
 	switch (t) {
 		case "horizontal": {
 			let t = o ? n - i : n;
@@ -8016,23 +8082,23 @@ function Ar(e, t, n, r, i, a, o) {
 		default: return console.error(`[etudes::RangeSlider] Invalid orientation: ${t}`), NaN;
 	}
 }
-function jr(e, t, n) {
+function Br(e, t, n) {
 	return e * (n - t) + t;
 }
-function Mr(e, t, n, r, i, a, o, s, c) {
-	return jr(Ar(e, r, i, a, o, s, c), t, n);
+function Vr(e, t, n, r, i, a, o, s, c) {
+	return Br(zr(e, r, i, a, o, s, c), t, n);
 }
-function Nr(e, t, n, r, i, a, o) {
+function Hr(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 Pr(e, t, n, r, i, a, o, s, c) {
-	return Nr(kr(e, t, n), r, i, a, o, s, c);
+function Ur(e, t, n, r, i, a, o, s, c) {
+	return Hr(Rr(e, t, n), r, i, a, o, s, c);
 }
-function Fr(e, t) {
+function Wr(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);
@@ -8040,21 +8106,21 @@ function Fr(e, t) {
 	}
 	return t[r];
 }
-function Ir(e, t, n) {
+function Gr(e, t, n) {
 	if (!(n < 0)) return [
 		e,
 		...[...Array(n)].map((r, i) => e + (i + 1) * (t - e) / (1 + n)),
 		t
 	];
 }
-function Lr(e, t, n) {
+function Kr(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");
+process.env.NODE_ENV === "development" && (Q.displayName = "RangeSlider", Q.Knob.displayName = "RangeSlider.Knob", Q.Label.displayName = "RangeSlider.Label", Q.Track.displayName = "RangeSlider.Track", Q.TrackHighlight.displayName = "RangeSlider.TrackHighlight");
 //#endregion
 //#region src/primitives/ScrollableCarousel.tsx
-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({
+function qr({ 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(Yr(v, o)), [N, P] = p(!1), I = Zr({
 		orientation: o,
 		scrollSnapEnabled: A || !N
 	}), L = t > 0, R = c(() => {
@@ -8064,9 +8130,9 @@ function Rr({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 			clearTimeout(x.current), x.current = void 0;
 		}, S);
 	}, [S, R]), B = c(() => {
-		zr(v, r, o), z();
+		Jr(v, r, o), z();
 	}, [r, o]), V = c(() => {
-		M(Br(v, o));
+		M(Yr(v, o));
 	}, [o]), H = c((e) => {
 		A || (y.current = K.make(e.clientX, e.clientY), P(!0));
 	}, [A]), U = c((e) => {
@@ -8163,7 +8229,7 @@ function Rr({ ref: e, autoAdvanceInterval: t = 0, dragSpeed: n = 1, index: r = 0
 		})
 	});
 }
-function zr(e, t, n) {
+function Jr(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;
@@ -8173,14 +8239,14 @@ function zr(e, t, n) {
 		top: i
 	});
 }
-function Br(e, t) {
+function Yr(e, t) {
 	let n = e?.current;
 	if (!n) return;
 	let r = [];
-	for (let i = 0; i < n.children.length; i++) r.push(Vr(i, e, t));
+	for (let i = 0; i < n.children.length; i++) r.push(Xr(i, e, t));
 	return r;
 }
-function Vr(e, t, n) {
+function Xr(e, t, n) {
 	let r = t?.current, i = r?.children[e];
 	if (!i) return 0;
 	let a = X.intersecting(i, r);
@@ -8190,7 +8256,7 @@ function Vr(e, t, n) {
 		default: return console.error(`[etudes::ScrollableCarousel] Unsupported orientation: ${n}`), NaN;
 	}
 }
-function Hr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
+function Zr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
 	return M({
 		item: {
 			height: "100%",
@@ -8226,40 +8292,40 @@ function Hr({ orientation: e = "horizontal", scrollSnapEnabled: t = !1 }) {
 		}
 	});
 }
-process.env.NODE_ENV === "development" && (Rr.displayName = "ScrollableCarousel");
+process.env.NODE_ENV === "development" && (qr.displayName = "ScrollableCarousel");
 //#endregion
 //#region src/primitives/Select.tsx
-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 }) {
+function Qr({ 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: Ur.ExpandIcon,
-		option: Ur.Option,
-		toggle: Ur.Toggle
+		expandIcon: Qr.ExpandIcon,
+		option: Qr.Option,
+		toggle: Qr.Toggle
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		...u,
 		ref: t,
-		style: Wr.root,
+		style: $r.root,
 		children: [/* @__PURE__ */ (0, O.jsxs)(P, {
-			style: Wr.select,
+			style: $r.select,
 			"aria-required": s ? "true" : void 0,
-			element: d.toggle ?? /* @__PURE__ */ (0, O.jsx)(Ur.Toggle, {}),
+			element: d.toggle ?? /* @__PURE__ */ (0, O.jsx)(Qr.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)(Ur.Option, {}),
+				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Qr.Option, {}),
 				hidden: !0,
 				value: "",
 				children: a
 			}), i.map((e, t) => /* @__PURE__ */ (0, O.jsx)(P, {
-				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Ur.Option, {}),
+				element: d.option ?? /* @__PURE__ */ (0, O.jsx)(Qr.Option, {}),
 				value: e,
 				children: c(e)
 			}, `${t}-${e}`))]
 		}), d.expandIcon && /* @__PURE__ */ (0, O.jsx)(P, {
-			style: Wr.expandIcon,
+			style: $r.expandIcon,
 			element: d.expandIcon
 		})]
 	});
@@ -8274,8 +8340,8 @@ function Ur({ id: e, ref: t, children: n, name: r, options: i, placeholder: a, v
 		...t,
 		children: e
 	});
-})(Ur ||= {});
-var Wr = M({
+})(Qr ||= {});
+var $r = M({
 	expandIcon: {
 		pointerEvents: "none",
 		zIndex: 1
@@ -8297,20 +8363,20 @@ var Wr = M({
 		width: "100%"
 	}
 });
-process.env.NODE_ENV === "development" && (Ur.displayName = "Select", Ur.ExpandIcon.displayName = "Select.ExpandIcon", Ur.Option.displayName = "Select.Option", Ur.Toggle.displayName = "Select.Toggle");
+process.env.NODE_ENV === "development" && (Qr.displayName = "Select", Qr.ExpandIcon.displayName = "Select.ExpandIcon", Qr.Option.displayName = "Select.Option", Qr.Toggle.displayName = "Select.Toggle");
 //#endregion
 //#region src/primitives/Slider.tsx
-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 }) {
+function ei({ 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 = Jr(e, p);
+		let o = ri(e, p);
 		switch (a) {
 			case "horizontal": {
 				let n = l ? D.width - i : D.width;
-				return n <= 0 ? e : qr(Yr((o * n + t) / n), p);
+				return n <= 0 ? e : ni(ii((o * n + t) / n), p);
 			}
 			case "vertical": {
 				let t = l ? D.height - n : D.height;
-				return t <= 0 ? e : qr(Yr((o * t + r) / t), p);
+				return t <= 0 ? e : ni(ii((o * t + r) / t), p);
 			}
 			default: return console.error(`[etudes::Slider] Invalid orientation: ${a}`), NaN;
 		}
@@ -8323,7 +8389,7 @@ function Gr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 		n,
 		a
 	]), A = c((e) => {
-		let t = Jr(e, p), r = S.current, o = C.current, c = w.current, u = (e) => `${s <= 0 ? 0 : e * .5}px - ${s}px`;
+		let t = ri(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)})`);
@@ -8353,11 +8419,11 @@ function Gr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 		switch (a) {
 			case "horizontal":
 				if (D.width <= 0) return;
-				n = qr((e.clientX + t.left - D.left) / D.width, p);
+				n = ni((e.clientX + t.left - D.left) / D.width, p);
 				break;
 			case "vertical":
 				if (D.height <= 0) return;
-				n = qr((e.clientY + t.top - D.top) / D.height, p);
+				n = ni((e.clientY + t.top - D.top) / D.height, p);
 				break;
 			default:
 				console.error(`[etudes::Slider] Invalid orientation: ${a}`);
@@ -8387,7 +8453,7 @@ function Gr({ 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(() => Kr({
+	let I = p ? o === 0 : o === 1, L = p ? o === 1 : o === 0, R = d(() => ti({
 		knobHeight: n,
 		knobPadding: r,
 		knobWidth: i,
@@ -8400,10 +8466,10 @@ function Gr({ ref: e, children: t, knobHeight: n = 30, knobPadding: r = 0, knobW
 		a,
 		m
 	]), z = j(t, {
-		knob: Gr.Knob,
-		knobContainer: Gr.KnobContainer,
-		label: Gr.Label,
-		track: Gr.Track
+		knob: ei.Knob,
+		knobContainer: ei.KnobContainer,
+		label: ei.Label,
+		track: ei.Track
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		...y,
@@ -8422,7 +8488,7 @@ function Gr({ 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)(Gr.Track, {}),
+					element: z.track ?? /* @__PURE__ */ (0, O.jsx)(ei.Track, {}),
 					onClick: N,
 					children: /* @__PURE__ */ (0, O.jsx)("div", { style: R.trackHitBox })
 				}),
@@ -8430,20 +8496,20 @@ function Gr({ 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)(Gr.Track, {}),
+					element: z.track ?? /* @__PURE__ */ (0, O.jsx)(ei.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)(Gr.KnobContainer, {}),
+					element: z.knobContainer ?? /* @__PURE__ */ (0, O.jsx)(ei.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
 						style: F(R.knob),
-						element: z.knob ?? /* @__PURE__ */ (0, O.jsx)(Gr.Knob, {}),
+						element: z.knob ?? /* @__PURE__ */ (0, O.jsx)(ei.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)(Gr.Label, {}),
+							element: z.label ?? /* @__PURE__ */ (0, O.jsx)(ei.Label, {}),
 							children: h(o)
 						})]
 					})
@@ -8454,8 +8520,8 @@ function Gr({ 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 });
-})(Gr ||= {});
-function Kr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !0 }) {
+})(ei ||= {});
+function ti({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !0 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8514,29 +8580,29 @@ function Kr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientati
 		}
 	});
 }
-function qr(e, t) {
+function ni(e, t) {
 	return t ? 1 - e : e;
 }
-function Jr(e, t) {
+function ri(e, t) {
 	return t ? 1 - e : e;
 }
-function Yr(e, t = 1, n = 0) {
+function ii(e, t = 1, n = 0) {
 	return Math.max(n, Math.min(t, e));
 }
-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");
+process.env.NODE_ENV === "development" && (ei.displayName = "Slider", ei.Track.displayName = "Slider.Track", ei.Knob.displayName = "Slider.Knob", ei.KnobContainer.displayName = "Slider.KnobContainer", ei.Label.displayName = "Slider.Label");
 //#endregion
 //#region src/primitives/StepSlider.tsx
-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);
+function $({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding: i = 0, knobWidth: a = 30, orientation: o = "vertical", steps: s = oi(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(ci(n, s)), k = f(n), A = f(!1), M = Ze(C), N = c((e, t, n) => {
+		let i = ui(e, m);
 		switch (o) {
 			case "horizontal": {
 				let n = p ? M.width - a : M.width;
-				return n <= 0 ? e : ti(ri((i * n + t) / n), m);
+				return n <= 0 ? e : li(di((i * n + t) / n), m);
 			}
 			case "vertical": {
 				let t = p ? M.height - r : M.height;
-				return t <= 0 ? e : ti(ri((i * t + n) / t), m);
+				return t <= 0 ? e : li(di((i * t + n) / t), m);
 			}
 			default: return console.error(`[etudes::StepSlider] Invalid orientation: ${o}`), NaN;
 		}
@@ -8549,7 +8615,7 @@ function Xr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		r,
 		o
 	]), I = c((e) => {
-		let t = ni(e, m), n = w.current, i = T.current, s = E.current, c = (e) => `${l <= 0 ? 0 : e * .5}px - ${l}px`;
+		let t = ui(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)})`);
@@ -8579,19 +8645,19 @@ function Xr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		switch (o) {
 			case "horizontal":
 				if (M.width <= 0) return;
-				n = ti((e.clientX + t.left - M.left) / M.width, m);
+				n = li((e.clientX + t.left - M.left) / M.width, m);
 				break;
 			case "vertical":
 				if (M.height <= 0) return;
-				n = ti((e.clientY + t.top - M.top) / M.height, m);
+				n = li((e.clientY + t.top - M.top) / M.height, m);
 				break;
 			default:
 				console.error(`[etudes::StepSlider] Invalid orientation: ${o}`);
 				return;
 		}
-		let r = $r(n, s), i = r === k.current ? ri(n > D.current ? r + 1 : r - 1, s.length - 1) : r;
+		let r = si(n, s), i = r === k.current ? di(n > D.current ? r + 1 : r - 1, s.length - 1) : r;
 		if (i !== k.current) {
-			let e = ei(i, s);
+			let e = ci(i, s);
 			k.current = i, D.current = e, I(e), b?.(e, !1), y?.(i, !1);
 		}
 	}, [
@@ -8608,14 +8674,14 @@ function Xr({ 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 = $r(D.current, s), t = ei(e, s);
+			let e = si(D.current, s), t = ci(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 = $r(n, s);
+				let e = si(n, s);
 				e !== k.current && (k.current = e, y?.(e, !0));
 			}
 			A.current = !0, S.current?.classList.add("dragging"), w.current?.classList.add("dragging");
@@ -8625,14 +8691,14 @@ function Xr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		}
 	}), u(() => {
 		if (A.current) return;
-		let e = ei(n, s);
+		let e = ci(n, s);
 		k.current = n, D.current = e, I(e);
 	}, [
 		n,
 		I,
 		_t(s)
 	]);
-	let z = ei(n, s), B = m ? z === 0 : z === 1, V = m ? z === 1 : z === 0, H = d(() => Zr({
+	let z = ci(n, s), B = m ? z === 0 : z === 1, V = m ? z === 1 : z === 0, H = d(() => ai({
 		knobHeight: r,
 		knobPadding: i,
 		knobWidth: a,
@@ -8645,10 +8711,10 @@ function Xr({ ref: e, children: t, index: n = 0, knobHeight: r = 30, knobPadding
 		o,
 		h
 	]), U = j(t, {
-		knob: Xr.Knob,
-		knobContainer: Xr.KnobContainer,
-		label: Xr.Label,
-		track: Xr.Track
+		knob: $.Knob,
+		knobContainer: $.KnobContainer,
+		label: $.Label,
+		track: $.Track
 	});
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		...x,
@@ -8667,7 +8733,7 @@ function Xr({ 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)(Xr.Track, {}),
+					element: U.track ?? /* @__PURE__ */ (0, O.jsx)($.Track, {}),
 					onClick: R,
 					children: /* @__PURE__ */ (0, O.jsx)("div", { style: H.trackHitBox })
 				}),
@@ -8675,20 +8741,20 @@ function Xr({ 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)(Xr.Track, {}),
+					element: U.track ?? /* @__PURE__ */ (0, O.jsx)($.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)(Xr.KnobContainer, {}),
+					element: U.knobContainer ?? /* @__PURE__ */ (0, O.jsx)($.KnobContainer, {}),
 					children: /* @__PURE__ */ (0, O.jsxs)(P, {
 						style: F(H.knob),
-						element: U.knob ?? /* @__PURE__ */ (0, O.jsx)(Xr.Knob, {}),
+						element: U.knob ?? /* @__PURE__ */ (0, O.jsx)($.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)(Xr.Label, {}),
+							element: U.label ?? /* @__PURE__ */ (0, O.jsx)($.Label, {}),
 							children: g(z, n)
 						})]
 					})
@@ -8698,9 +8764,9 @@ function Xr({ 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 = Qr;
-})(Xr ||= {});
-function Zr({ 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 = oi;
+})($ ||= {});
+function ai({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientation: r = "vertical", isTrackInteractive: i = !1 }) {
 	return M({
 		body: {
 			height: "100%",
@@ -8759,38 +8825,38 @@ function Zr({ knobHeight: e = 0, knobPadding: t = 0, knobWidth: n = 0, orientati
 		}
 	});
 }
-function Qr(e) {
+function oi(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 $r(e, t) {
+function si(e, t) {
 	let n = -1, r = NaN;
 	for (let i = 0, a = t.length; i < a; i++) {
-		let a = ei(i, t);
+		let a = ci(i, t);
 		if (isNaN(a)) continue;
 		let o = Math.abs(e - a);
 		(isNaN(r) || o < r) && (r = o, n = i);
 	}
 	return n;
 }
-function ei(e, t) {
+function ci(e, t) {
 	return e >= t.length ? NaN : t[e];
 }
-function ti(e, t) {
+function li(e, t) {
 	return t ? 1 - e : e;
 }
-function ni(e, t) {
+function ui(e, t) {
 	return t ? 1 - e : e;
 }
-function ri(e, t = 1, n = 0) {
+function di(e, t = 1, n = 0) {
 	return Math.max(n, Math.min(t, e));
 }
-process.env.NODE_ENV === "development" && (Xr.displayName = "StepSlider", Xr.Track.displayName = "StepSlider.Track", Xr.Knob.displayName = "StepSlider.Knob", Xr.KnobContainer.displayName = "StepSlider.KnobContainer", Xr.Label.displayName = "StepSlider.Label");
+process.env.NODE_ENV === "development" && ($.displayName = "StepSlider", $.Track.displayName = "StepSlider.Track", $.Knob.displayName = "StepSlider.Knob", $.KnobContainer.displayName = "StepSlider.KnobContainer", $.Label.displayName = "StepSlider.Label");
 //#endregion
 //#region src/primitives/SwipeRegion.tsx
-function ii({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipeDown: i, onSwipeLeft: a, onSwipeRight: o, onSwipeUp: s, ...c }) {
+function fi({ 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));
@@ -8818,24 +8884,24 @@ function ii({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipe
 		children: t
 	});
 }
-process.env.NODE_ENV === "development" && (ii.displayName = "SwipeRegion");
+process.env.NODE_ENV === "development" && (fi.displayName = "SwipeRegion");
 //#endregion
 //#region src/primitives/TextArea.tsx
-function ai({ ref: e, onChange: t, ...n }) {
+function pi({ ref: e, onChange: t, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)("textarea", {
 		...n,
 		ref: e,
 		onChange: (e) => t(e.target.value)
 	});
 }
-process.env.NODE_ENV === "development" && (ai.displayName = "TextArea");
+process.env.NODE_ENV === "development" && (pi.displayName = "TextArea");
 //#endregion
 //#region src/primitives/Toggle.tsx
-function oi({ className: e, ref: t, style: n, children: r, orientation: i = "horizontal", isInverted: a = !1, isOn: o = !1, onChange: s, ...c }) {
+function mi({ 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: oi.Knob,
-		track: oi.Track
-	}), p = si({ isOn: o }), m = ci({
+		knob: mi.Knob,
+		track: mi.Track
+	}), p = hi({ isOn: o }), m = gi({
 		knobSize: u,
 		orientation: i,
 		isInverted: a,
@@ -8854,7 +8920,7 @@ function oi({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 		}), /* @__PURE__ */ (0, O.jsx)(P, {
 			className: p.track,
 			style: m.track,
-			element: d.track ?? /* @__PURE__ */ (0, O.jsx)(oi.Track, {}),
+			element: d.track ?? /* @__PURE__ */ (0, O.jsx)(mi.Track, {}),
 			children: /* @__PURE__ */ (0, O.jsx)("div", {
 				style: {
 					height: "100%",
@@ -8865,7 +8931,7 @@ function oi({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 					className: p.knob,
 					ref: l,
 					style: m.knob,
-					element: d.knob ?? /* @__PURE__ */ (0, O.jsx)(oi.Knob, {})
+					element: d.knob ?? /* @__PURE__ */ (0, O.jsx)(mi.Knob, {})
 				})
 			})
 		})]
@@ -8879,15 +8945,15 @@ function oi({ className: e, ref: t, style: n, children: r, orientation: i = "hor
 		...t,
 		children: e
 	});
-})(oi ||= {});
-function si({ isOn: e = !1 }) {
+})(mi ||= {});
+function hi({ isOn: e = !1 }) {
 	return A({
 		knob: w({ active: e }),
 		root: w({ active: e }),
 		track: w({ active: e })
 	});
 }
-function ci({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n = !1, isOn: r = !1 }) {
+function gi({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n = !1, isOn: r = !1 }) {
 	return M({
 		input: {
 			height: 0,
@@ -8917,40 +8983,40 @@ function ci({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n
 		track: { position: "relative" }
 	});
 }
-process.env.NODE_ENV === "development" && (oi.displayName = "Toggle", oi.Knob.displayName = "Toggle.Knob", oi.Track.displayName = "Toggle.Track");
+process.env.NODE_ENV === "development" && (mi.displayName = "Toggle", mi.Knob.displayName = "Toggle.Knob", mi.Track.displayName = "Toggle.Track");
 //#endregion
 //#region src/providers/ScrollPositionProvider.tsx
-var li = {
+var _i = {
 	current: K.zero,
 	end: K.zero,
 	progress: K.zero,
 	start: K.zero
-}, 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) => {
+}, vi = a(_i), yi = a(!0), bi = a(!1);
+function xi({ children: e, scrollBottomOffset: t = 0, scrollTopOffset: n = 0, target: r }) {
+	let [i, a] = p(!0), [o, s] = p(!1), [c, l] = p(_i);
+	return pn(r, (e) => {
 		l(e), a(e.current.y <= e.start.y + n), s(e.current.y >= e.end.y - t);
-	}), /* @__PURE__ */ (0, O.jsx)(di.Provider, {
+	}), /* @__PURE__ */ (0, O.jsx)(yi.Provider, {
 		value: i,
-		children: /* @__PURE__ */ (0, O.jsx)(fi.Provider, {
+		children: /* @__PURE__ */ (0, O.jsx)(bi.Provider, {
 			value: o,
-			children: /* @__PURE__ */ (0, O.jsx)(ui.Provider, {
+			children: /* @__PURE__ */ (0, O.jsx)(vi.Provider, {
 				value: c,
 				children: e
 			})
 		})
 	});
 }
-function mi() {
-	let e = s(di);
+function Si() {
+	let e = s(yi);
 	return e === void 0 && console.warn("[etudes::useIsScrollTop] `useIsScrollTop` must be used within a `ScrollPositionProvider`"), e ?? !0;
 }
-function hi() {
-	let e = s(fi);
+function Ci() {
+	let e = s(bi);
 	return e === void 0 && console.warn("[etudes::useIsScrollBottom] `useIsScrollBottom` must be used within a `ScrollPositionProvider`"), e ?? !1;
 }
-function gi() {
-	let e = s(ui);
+function wi() {
+	let e = s(vi);
 	return e || console.warn("[etudes::useScrollPosition] `useScrollPosition` must be used within a `ScrollPositionProvider`"), e ?? {
 		current: K.zero,
 		end: K.zero,
@@ -8958,26 +9024,26 @@ function gi() {
 		start: K.zero
 	};
 }
-process.env.NODE_ENV === "development" && (pi.displayName = "ScrollPositionProvider", ui.displayName = "ScrollPositionContext", di.displayName = "ScrollTopContext", fi.displayName = "ScrollBottomContext");
+process.env.NODE_ENV === "development" && (xi.displayName = "ScrollPositionProvider", vi.displayName = "ScrollPositionContext", yi.displayName = "ScrollTopContext", bi.displayName = "ScrollBottomContext");
 //#endregion
 //#region src/utils/createKeyDeep.ts
-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);
+function Ti(e) {
+	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(Ti)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, Ti(t)])) : _t(e);
 }
 //#endregion
 //#region src/utils/ExtractChildren.tsx
-function vi({ children: e, ...n }) {
+function Ei({ 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" && (vi.displayName = "ExtractChildren");
+process.env.NODE_ENV === "development" && (Ei.displayName = "ExtractChildren");
 //#endregion
 //#region src/utils/getSystemColorScheme.ts
-function yi() {
+function Di() {
 	return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 //#endregion
 //#region src/utils/NoSSR.tsx
-function bi({ children: e, fallback: t = void 0 }) {
+function Oi({ children: e, fallback: t = void 0 }) {
 	let [n, i] = p(!1);
 	if (l(() => {
 		i(typeof window < "u");
@@ -8987,4 +9053,4 @@ function bi({ children: e, fallback: t = void 0 }) {
 	});
 }
 //#endregion
-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 };
+export { Fn as Accordion, I as Burger, R as BurgerButton, ft as Button, Qn as Carousel, ur as CodeInput, An as Collection, kt as Conditional, gr as Counter, it as CoverImage, ut as CoverVideo, vr as Dial, Sr as Dropdown, At as Each, Nt as ExtractChild, Ei as ExtractChildren, Or as Form, nt as Image, Qe as ImageSource, Ar as MasonryGrid, Oi as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, Q as RangeSlider, k as Repeat, xi as ScrollPositionProvider, qr as ScrollableCarousel, Qr as Select, Ot as SelectableButton, ei as Slider, $ as StepSlider, P as Styled, fi as SwipeRegion, jt as Switch, pi as TextArea, hr as TextField, mi as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, Ti as createKeyDeep, tn as createLocalCache, vn as createSessionCache, wn as getStyle, Di as getSystemColorScheme, Zt as isTouchDevice, Pt as measureIntrinsicSize, Tn 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, Ci as useIsScrollBottom, Si 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, fn as useRightClick, wi as useScrollPosition, pn as useScrollPositionObserver, Cn as useSessionCache, yt as useSize, Ye as useSizeObserver, En as useStyle, Dn as useSystemColorScheme, On as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };