etudes 22.1.0 → 22.2.0

package/build/etudes.js

@@ -1,4 +1,4 @@
-import Hs, { Fragment as Do, cloneElement as Bs, Children as Cn, isValidElement as An, forwardRef as Te, useRef as we, useEffect as Ee, useLayoutEffect as Re, useState as Oe, useCallback as me, useMemo as pt, Suspense as Ys } from "react";
+import Hs, { Fragment as Do, cloneElement as Bs, Children as Cn, isValidElement as An, forwardRef as Te, useRef as we, useEffect as Ee, useLayoutEffect as je, useState as Oe, useCallback as me, useMemo as pt, Suspense as Ys } from "react";
 function Ho(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -637,7 +637,7 @@ function Ws(e, r) {
     return console.error(i), !1;
   }
 }
-var je;
+var Ce;
 ((e) => {
   e.zero = r();
   function r(S = 0, $ = 0) {
@@ -726,7 +726,7 @@ var je;
     return S.width === 0 && S.height === 0;
   }
   e.isZero = A;
-})(je || (je = {}));
+})(Ce || (Ce = {}));
 var be;
 ((e) => {
   e.zero = r();
@@ -741,7 +741,7 @@ var be;
         width: E,
         height: M
       };
-    } else if (_e.isPoint(x) && je.isSize(P)) {
+    } else if (_e.isPoint(x) && Ce.isSize(P)) {
       const H = x, K = P;
       return {
         top: H.y,
@@ -773,7 +773,7 @@ var be;
   }
   e.center = i;
   function a(x) {
-    return je.make({
+    return Ce.make({
       width: x.width,
       height: x.height
     });
@@ -931,7 +931,7 @@ function Se(e) {
 }
 function Js(e, { onChange: r }) {
   const i = Se(r);
-  Re(() => {
+  je(() => {
     const a = e.current;
     if (!a) return;
     const c = new IntersectionObserver((u) => {
@@ -948,7 +948,7 @@ function Js(e, { onChange: r }) {
 }
 function mr(e, { onResize: r }) {
   const i = Se(r);
-  Re(() => {
+  je(() => {
     const a = e.current;
     if (!a) return;
     const c = new ResizeObserver(() => {
@@ -960,8 +960,8 @@ function mr(e, { onResize: r }) {
   }, [e.current]);
 }
 function Zs() {
-  const [e, r] = Oe(je.zero);
-  return Re(() => {
+  const [e, r] = Oe(Ce.zero);
+  return je(() => {
     const i = () => {
       const a = be.size(be.fromViewport());
       r(a);
@@ -983,10 +983,10 @@ function nt(e) {
       const u = be.from(c);
       u && i(u);
     }
-  }), Re(() => {
+  }), je(() => {
     const c = e.current, u = be.from(c);
     u && i(u);
-  }, [je.toString(a)]), r;
+  }, [Ce.toString(a)]), r;
 }
 var on;
 ((e) => {
@@ -1037,7 +1037,7 @@ var on;
 })(on || (on = {}));
 function Qs({ src: e, srcSet: r, sizes: i }, { onLoadStart: a, onLoadComplete: c, onLoadError: u } = {}) {
   const d = we(void 0), g = Se(a), m = Se(c), b = Se(u);
-  Re(() => {
+  je(() => {
     let T = !1;
     const _ = (A) => {
       if (T) return;
@@ -1078,7 +1078,7 @@ function Go({
 }
 function ea(e) {
   if (e && typeof e.width == "number" && typeof e.height == "number")
-    return je.make(e.width, e.height);
+    return Ce.make(e.width, e.height);
 }
 const qo = /* @__PURE__ */ Te(({
   alt: e,
@@ -1166,7 +1166,7 @@ const Jo = /* @__PURE__ */ Te(({
 }, _) => {
   const I = (P) => {
     $(P ? P.width / P.height : NaN);
-  }, j = we(null), A = _ ?? j, [S, $] = Oe(NaN), q = isNaN(i) ? S : i, W = nt(A), Y = W.width / W.height, J = je.make(
+  }, j = we(null), A = _ ?? j, [S, $] = Oe(NaN), q = isNaN(i) ? S : i, W = nt(A), Y = W.width / W.height, J = Ce.make(
     Y > 1 ? Math.max(W.width, W.height * q) : Math.max(W.width, Math.max(W.height, W.width / q) * q),
     Y > 1 ? Math.max(W.height, Math.max(W.width, W.height * q) / q) : Math.max(W.height, W.width / q)
   ), x = ze(e, {
@@ -1240,7 +1240,7 @@ function na(e, {
   onLoadError: a
 } = {}) {
   const c = Se(r), u = Se(i), d = Se(a);
-  Re(() => {
+  je(() => {
     if (!e) return;
     const g = window.document.createElement("video"), m = () => u.current?.(g), b = () => d.current?.(g);
     return g.addEventListener("loadedmetadata", m), g.addEventListener("error", b), g.src = e, c.current?.(g), () => {
@@ -1269,7 +1269,7 @@ function ra(e, {
 }
 function oa(e) {
   if (e && typeof e.videoWidth == "number" && typeof e.videoHeight == "number")
-    return je.make(e.videoWidth, e.videoHeight);
+    return Ce.make(e.videoWidth, e.videoHeight);
 }
 const Zo = /* @__PURE__ */ Te(({
   autoLoop: e = !0,
@@ -1387,7 +1387,7 @@ const Qo = /* @__PURE__ */ Te(({
 }, x) => {
   const P = (z) => {
     K(z ? z.width / z.height : NaN), Y?.(z);
-  }, E = x ?? we(null), M = nt(E), [H, K] = Oe(NaN), oe = isNaN(a) ? H : a, Q = M.width / M.height, X = je.make(
+  }, E = x ?? we(null), M = nt(E), [H, K] = Oe(NaN), oe = isNaN(a) ? H : a, Q = M.width / M.height, X = Ce.make(
     Q > 1 ? Math.max(M.width, M.height * oe) : Math.max(M.width, Math.max(M.height, M.width / oe) * oe),
     Q > 1 ? Math.max(M.height, Math.max(M.width, M.height * oe) / oe) : Math.max(M.height, M.width / oe)
   ), D = ze(r, {
@@ -2028,8 +2028,8 @@ function da() {
           for (var ie, re, le, ve = [], xe = 0; xe < B.length; xe++) {
             var de = B[xe], ye = B[ie];
             if (de && xe !== ie) if (ye) {
-              var Ae = k(de), Pe = k(ye);
-              if (Ae !== de.ownerDocument) if (Pe !== de.ownerDocument) if (Ae !== Pe) {
+              var Me = k(de), Pe = k(ye);
+              if (Me !== de.ownerDocument) if (Pe !== de.ownerDocument) if (Me !== Pe) {
                 ve = ve.length ? ve : U(ye);
                 var Ve = void 0;
                 if (ye instanceof D.HTMLElement && de instanceof D.SVGElement && !(de instanceof D.SVGSVGElement)) {
@@ -2094,8 +2094,8 @@ function da() {
             if (ve === "pointer") {
               var xe = Ye(F, B, "drag"), de = jr(C);
               de.x += xe.x, de.y += xe.y;
-              var ye = de.x > re.left && de.x < re.right, Ae = de.y > re.top && de.y < re.bottom;
-              le = ye && Ae;
+              var ye = de.x > re.left && de.x < re.right, Me = de.y > re.top && de.y < re.bottom;
+              le = ye && Me;
             }
             var Pe = F.getRect(B);
             if (Pe && ve === "center") {
@@ -3061,8 +3061,8 @@ function da() {
         }
         function h(y, O, C, V) {
           if (y.addEventListener && y.removeEventListener) {
-            var F = mt(o, (function(Ae) {
-              return Ae.eventTarget === y;
+            var F = mt(o, (function(Me) {
+              return Me.eventTarget === y;
             })), B = o[F];
             if (B && B.events) if (O !== "all") {
               var ie = !1, re = B.events[O];
@@ -3094,8 +3094,8 @@ function da() {
                 var de = le.listeners;
                 V.currentTarget = ie;
                 for (var ye = 0; ye < de.length; ye++) {
-                  var Ae = de[ye];
-                  Ut(Ae.options, C) && Ae.func(V);
+                  var Me = de[ye];
+                  Ut(Me.options, C) && Me.func(V);
                 }
               }
             }
@@ -3487,7 +3487,7 @@ function da() {
       function fo(n) {
         return n && n.replace(/\/.*$/, "");
       }
-      var po = new ds(), Ce = po.interactStatic, ps = typeof globalThis < "u" ? globalThis : window;
+      var po = new ds(), Ae = po.interactStatic, ps = typeof globalThis < "u" ? globalThis : window;
       po.init(ps);
       var hs = Object.freeze({ __proto__: null, edgeTarget: function() {
       }, elements: function() {
@@ -3616,8 +3616,8 @@ function da() {
           (re = E.func(ie) ? ie(C, V, t._proxy, O, F) : ie) && v.push({ x: (E.number(re.x) ? re.x : C) + O.x, y: (E.number(re.y) ? re.y : V) + O.y, range: E.number(re.range) ? re.range : l.range, source: ie, index: F, offset: O });
         }
         for (var le = { target: null, inRange: !1, distance: 0, range: 0, delta: { x: 0, y: 0 } }, ve = 0; ve < v.length; ve++) {
-          var xe = v[ve], de = xe.range, ye = xe.x - h.x, Ae = xe.y - h.y, Pe = ht(ye, Ae), Ve = Pe <= de;
-          de === 1 / 0 && le.inRange && le.range !== 1 / 0 && (Ve = !1), le.target && !(Ve ? le.inRange && de !== 1 / 0 ? Pe / de < le.distance / le.range : de === 1 / 0 && le.range !== 1 / 0 || Pe < le.distance : !le.inRange && Pe < le.distance) || (le.target = xe, le.distance = Pe, le.range = de, le.inRange = Ve, le.delta.x = ye, le.delta.y = Ae);
+          var xe = v[ve], de = xe.range, ye = xe.x - h.x, Me = xe.y - h.y, Pe = ht(ye, Me), Ve = Pe <= de;
+          de === 1 / 0 && le.inRange && le.range !== 1 / 0 && (Ve = !1), le.target && !(Ve ? le.inRange && de !== 1 / 0 ? Pe / de < le.distance / le.range : de === 1 / 0 && le.range !== 1 / 0 || Pe < le.distance : !le.inRange && Pe < le.distance) || (le.target = xe, le.distance = Pe, le.range = de, le.inRange = Ve, le.delta.x = ye, le.delta.y = Me);
         }
         return le.inRange && (o.x = le.target.x, o.y = le.target.y), s.closest = le, le;
       }, defaults: { range: 1 / 0, targets: null, offset: null, offsetWithOrigin: !0, origin: null, relativePoints: null, endOnly: !1, enabled: !1 } }, Ps = Ze(or, "snap"), qt = { start: function(n) {
@@ -3830,12 +3830,12 @@ function da() {
                   } };
                 })({ page: { x: B.x, y: B.y }, client: { x: B.x, y: B.y }, timeStamp: f.now() });
                 V = (function(re, le, ve, xe, de) {
-                  var ye = re.interactions.new({ pointerType: "reflow" }), Ae = { interaction: ye, event: de, pointer: de, eventTarget: ve, phase: "reflow" };
-                  ye.interactable = le, ye.element = ve, ye.prevEvent = de, ye.updatePointer(de, de, ve, !0), kr(ye.coords.delta), Gn(ye.prepared, xe), ye._doPhase(Ae);
+                  var ye = re.interactions.new({ pointerType: "reflow" }), Me = { interaction: ye, event: de, pointer: de, eventTarget: ve, phase: "reflow" };
+                  ye.interactable = le, ye.element = ve, ye.prevEvent = de, ye.updatePointer(de, de, ve, !0), kr(ye.coords.delta), Gn(ye.prepared, xe), ye._doPhase(Me);
                   var Pe = re.window, Ve = Pe.Promise, De = Ve ? new Ve((function(Ge) {
                     ye._reflowResolve = Ge;
                   })) : void 0;
-                  return ye._reflowPromise = De, ye.start(xe, le, ve), ye._interacting ? (ye.move(Ae), ye.end(de)) : (ye.stop(), ye._reflowResolve()), ye.removePointer(de, de), De;
+                  return ye._reflowPromise = De, ye.start(xe, le, ve), ye._interacting ? (ye.move(Me), ye.end(de)) : (ye.stop(), ye._reflowResolve()), ye.removePointer(de, de), De;
                 })(f, s, O, l, ie);
               }
               v && v.push(V);
@@ -3851,11 +3851,11 @@ function da() {
           s.splice(s.indexOf(l), 1);
         })(t.interactions.list, o));
       } } }, Ds = Vs;
-      if (Ce.use(Jr), Ce.use(ro), Ce.use(Ls), Ce.use(os), Ce.use($s), Ce.use(Ui), Ce.use(Mi), Ce.use(zi), Ce.use(Ds), Ce.default = Ce, c(e) === "object" && e) try {
-        e.exports = Ce;
+      if (Ae.use(Jr), Ae.use(ro), Ae.use(Ls), Ae.use(os), Ae.use($s), Ae.use(Ui), Ae.use(Mi), Ae.use(zi), Ae.use(Ds), Ae.default = Ae, c(e) === "object" && e) try {
+        e.exports = Ae;
       } catch {
       }
-      return Ce.default = Ce, Ce;
+      return Ae.default = Ae, Ae;
     }));
   })(en)), en.exports;
 }
@@ -3872,7 +3872,7 @@ function ga(e, {
   ...u
 }) {
   const d = Se(i), g = Se(a), m = Se(c);
-  Re(() => {
+  je(() => {
     if (!r) return;
     const b = e.current;
     if (!b) return;
@@ -3995,9 +3995,9 @@ function ma({ src: e = "", displacement: r = NaN }) {
 }
 function ni(e, r) {
   const { width: i, height: a } = e, { height: c } = r;
-  if (a <= 0) return je.zero;
+  if (a <= 0) return Ce.zero;
   const d = c / a * i;
-  return je.make(d, c);
+  return Ce.make(d, c);
 }
 function va(e, r, i, a) {
   const { width: c } = ni(r, i), { width: u } = i, d = u * a;
@@ -4266,7 +4266,7 @@ function Na({
   const T = we(null), _ = we(void 0), I = nt(T), j = me(() => {
     const $ = window.document.createElement("span");
     $.className = se(r), $.innerHTML = g, $.role = "tooltip";
-    const q = a ?? (T.current ? _a(T.current, b) : "tl"), W = Sa($), Y = Pa({ alignment: q, arrowSize: je.make(u, c), gap: d, maxDialogWidth: m, fullDialogWidth: W.width, targetWidth: I.width }), J = ce(i, Y.dialog);
+    const q = a ?? (T.current ? _a(T.current, b) : "tl"), W = Sa($), Y = Pa({ alignment: q, arrowSize: Ce.make(u, c), gap: d, maxDialogWidth: m, fullDialogWidth: W.width, targetWidth: I.width }), J = ce(i, Y.dialog);
     Object.keys(J).forEach((P) => $.style[P] = J[P]);
     const x = window.document.createElement("span");
     return Object.keys(Y.arrow).forEach((P) => x.style[P] = Y.arrow[P]), $.appendChild(x), $;
@@ -4291,11 +4291,11 @@ function Na({
   );
 }
 function Sa(e) {
-  if (typeof window > "u") return je.zero;
+  if (typeof window > "u") return Ce.zero;
   const r = e.cloneNode(!1);
   r.innerHTML = e.innerHTML, r.style.visibility = "hidden", r.style.whiteSpace = "pre", window.document.body.appendChild(r);
   const i = r.getBoundingClientRect();
-  return window.document.body.removeChild(r), je.make(i.width, i.height);
+  return window.document.body.removeChild(r), Ce.make(i.width, i.height);
 }
 function _a(e, r) {
   const i = be.fromViewport(), a = be.intersecting(e);
@@ -4491,7 +4491,7 @@ function Dl() {
   }, [e]);
 }
 function Hl(e, { element: r, isEnabled: i = !0 } = {}) {
-  Re(() => {
+  je(() => {
     if (!i) return;
     const a = r ?? window.document.documentElement, c = a.className;
     return a.classList.add(e), () => {
@@ -4501,7 +4501,7 @@ function Hl(e, { element: r, isEnabled: i = !0 } = {}) {
 }
 function Bl(e, r) {
   const i = Se(r);
-  Re(() => {
+  je(() => {
     const a = (c) => {
       if (!(c.target instanceof Node)) return;
       let u = !0, d = c.target;
@@ -4550,14 +4550,14 @@ function ka(e, {
     const $ = _e.make(A.clientX, A.clientY);
     d.current = $, g.current = $, S.addEventListener("mousemove", _), S.addEventListener("mouseup", I, { capture: !0 }), S.addEventListener("mouseleave", I), i && (S.style.cursor = "grabbing"), m.current?.($);
   }, [i, _, I]);
-  Re(() => {
+  je(() => {
     const A = e.current;
     if (!A || !r || !i) return;
     const S = A.style.cursor;
     return A.style.cursor = "grab", () => {
       A.style.cursor = S;
     };
-  }, [r, i]), Re(() => {
+  }, [r, i]), je(() => {
     const A = e.current;
     if (!(!A || !r))
       return A.addEventListener("mousedown", j), () => {
@@ -4676,7 +4676,7 @@ function Gl(e) {
 }
 function ql(e, r = []) {
   const i = Se(e), a = we(void 0), c = we(!1);
-  Re(() => {
+  je(() => {
     const u = () => {
       const g = Fa();
       g && (i.current(g, a.current), a.current = g);
@@ -4764,7 +4764,7 @@ function To(e, r, { element: i } = {}) {
   r === void 0 ? a.style.removeProperty(e) : a.style.setProperty(e, r);
 }
 function Jl(e, r, { element: i, isEnabled: a = !0 } = {}) {
-  Re(() => {
+  je(() => {
     if (!a) return;
     const c = i ?? window.document.documentElement, u = Ya(e, { element: c, computed: !1 });
     return To(e, r, { element: c }), () => {
@@ -4772,7 +4772,19 @@ function Jl(e, r, { element: i, isEnabled: a = !0 } = {}) {
     };
   }, [e, r, i, a]);
 }
-function Zl(e, {
+function Zl() {
+  const [e, r] = Oe("light");
+  return je(() => {
+    const i = window.matchMedia("(prefers-color-scheme: dark)");
+    function a(c) {
+      r(c.matches ? "dark" : "light");
+    }
+    return r(i.matches ? "dark" : "light"), i.addEventListener("change", a), () => {
+      i.removeEventListener("change", a);
+    };
+  }, []), e;
+}
+function Ql(e, {
   autoStarts: r = !0,
   onTimeout: i
 }, a = []) {
@@ -5146,7 +5158,7 @@ const fi = /* @__PURE__ */ Te(({
       }
     );
   } }) });
-}), ln = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), Sr = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, children: e }), _r = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, children: e }), dr = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("div", { ...r, children: e }), un = zn.Item, Ql = /* @__PURE__ */ Object.assign(fi, {
+}), ln = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), Sr = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, children: e }), _r = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, children: e }), dr = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("div", { ...r, children: e }), un = zn.Item, eu = /* @__PURE__ */ Object.assign(fi, {
   /**
    * Component for each section header of an {@link Accordion}.
    */
@@ -5316,9 +5328,9 @@ const Za = /* @__PURE__ */ Te(({
     onDragMove: U
   }), $a(K || !X ? -1 : e, {
     onInterval: k
-  }, [r]), Re(() => {
+  }, [r]), je(() => {
     !X || E || (K ? W.current?.() : Y.current?.());
-  }, [E, K, X]), Re(() => {
+  }, [E, K, X]), je(() => {
     const G = j.current;
     if (!G) return;
     const fe = I.current === void 0, he = I.current === r;
@@ -5493,7 +5505,7 @@ const pi = /* @__PURE__ */ Te(({
     autoCorrect: "off",
     type: "text"
   }
-), eu = /* @__PURE__ */ Object.assign(pi, {
+), tu = /* @__PURE__ */ Object.assign(pi, {
   /**
    * Component for the each field in a {@link CodeInput}.
    */
@@ -5637,7 +5649,7 @@ const gi = /* @__PURE__ */ Te(({
       }
     )
   ] });
-}), pn = ({ ...e }) => /* @__PURE__ */ w.jsx(hi, { ...e }), hn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), gn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), tu = /* @__PURE__ */ Object.assign(gi, {
+}), pn = ({ ...e }) => /* @__PURE__ */ w.jsx(hi, { ...e }), hn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), gn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), nu = /* @__PURE__ */ Object.assign(gi, {
   /**
    * Component for the text field in a {@link Counter}.
    */
@@ -5903,7 +5915,7 @@ const mi = /* @__PURE__ */ Te(({
       ] })
     }
   );
-}), yn = zn, bn = zn.Item, xn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), Tr = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, "aria-hidden": !0, children: e }), Or = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, "aria-hidden": !0, children: e }), nu = /* @__PURE__ */ Object.assign(mi, {
+}), yn = zn, bn = zn.Item, xn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("button", { ...r, children: e }), Tr = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, "aria-hidden": !0, children: e }), Or = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("figure", { ...r, "aria-hidden": !0, children: e }), ru = /* @__PURE__ */ Object.assign(mi, {
   /**
    * Component containing the items in a {@link Dropdown}.
    */
@@ -6057,11 +6069,11 @@ function bc(e, r) {
           m += e[u];
         if (m = m.trim(), m[m.length - 1] === "/" && (m = m.substring(0, m.length - 1), u--), !Oc(m)) {
           let _;
-          return m.trim().length === 0 ? _ = "Invalid space after '<'." : _ = "Tag '" + m + "' is an invalid name.", ke("InvalidTag", _, Me(e, u));
+          return m.trim().length === 0 ? _ = "Invalid space after '<'." : _ = "Tag '" + m + "' is an invalid name.", ke("InvalidTag", _, Re(e, u));
         }
         const b = Ec(e, u);
         if (b === !1)
-          return ke("InvalidAttr", "Attributes for '" + m + "' have open quote.", Me(e, u));
+          return ke("InvalidAttr", "Attributes for '" + m + "' have open quote.", Re(e, u));
         let T = b.value;
         if (u = b.index, T[T.length - 1] === "/") {
           const _ = u - T.length;
@@ -6070,32 +6082,32 @@ function bc(e, r) {
           if (I === !0)
             a = !0;
           else
-            return ke(I.err.code, I.err.msg, Me(e, _ + I.err.line));
+            return ke(I.err.code, I.err.msg, Re(e, _ + I.err.line));
         } else if (g)
           if (b.tagClosed) {
             if (T.trim().length > 0)
-              return ke("InvalidTag", "Closing tag '" + m + "' can't have attributes or invalid starting.", Me(e, d));
+              return ke("InvalidTag", "Closing tag '" + m + "' can't have attributes or invalid starting.", Re(e, d));
             if (i.length === 0)
-              return ke("InvalidTag", "Closing tag '" + m + "' has not been opened.", Me(e, d));
+              return ke("InvalidTag", "Closing tag '" + m + "' has not been opened.", Re(e, d));
             {
               const _ = i.pop();
               if (m !== _.tagName) {
-                let I = Me(e, _.tagStartPos);
+                let I = Re(e, _.tagStartPos);
                 return ke(
                   "InvalidTag",
                   "Expected closing tag '" + _.tagName + "' (opened in line " + I.line + ", col " + I.col + ") instead of closing tag '" + m + "'.",
-                  Me(e, d)
+                  Re(e, d)
                 );
               }
               i.length == 0 && (c = !0);
             }
-          } else return ke("InvalidTag", "Closing tag '" + m + "' doesn't have proper closing.", Me(e, u));
+          } else return ke("InvalidTag", "Closing tag '" + m + "' doesn't have proper closing.", Re(e, u));
         else {
           const _ = Co(T, r);
           if (_ !== !0)
-            return ke(_.err.code, _.err.msg, Me(e, u - T.length + _.err.line));
+            return ke(_.err.code, _.err.msg, Re(e, u - T.length + _.err.line));
           if (c === !0)
-            return ke("InvalidXml", "Multiple possible root nodes found.", Me(e, u));
+            return ke("InvalidXml", "Multiple possible root nodes found.", Re(e, u));
           r.unpairedTags.indexOf(m) !== -1 || i.push({ tagName: m, tagStartPos: d }), a = !0;
         }
         for (u++; u < e.length; u++)
@@ -6110,20 +6122,20 @@ function bc(e, r) {
           else if (e[u] === "&") {
             const _ = _c(e, u);
             if (_ == -1)
-              return ke("InvalidChar", "char '&' is not expected.", Me(e, u));
+              return ke("InvalidChar", "char '&' is not expected.", Re(e, u));
             u = _;
           } else if (c === !0 && !ko(e[u]))
-            return ke("InvalidXml", "Extra text at the end", Me(e, u));
+            return ke("InvalidXml", "Extra text at the end", Re(e, u));
         e[u] === "<" && u--;
       }
     } else {
       if (ko(e[u]))
         continue;
-      return ke("InvalidChar", "char '" + e[u] + "' is not expected.", Me(e, u));
+      return ke("InvalidChar", "char '" + e[u] + "' is not expected.", Re(e, u));
     }
   if (a) {
     if (i.length == 1)
-      return ke("InvalidTag", "Unclosed tag '" + i[0].tagName + "'.", Me(e, i[0].tagStartPos));
+      return ke("InvalidTag", "Unclosed tag '" + i[0].tagName + "'.", Re(e, i[0].tagStartPos));
     if (i.length > 0)
       return ke("InvalidXml", "Invalid '" + JSON.stringify(i.map((u) => u.tagName), null, 4).replace(/\r?\n/g, "") + "' found.", { line: 1, col: 1 });
   } else return ke("InvalidXml", "Start tag expected.", 1);
@@ -6139,7 +6151,7 @@ function $o(e, r) {
     if (e[r] == "?" || e[r] == " ") {
       const a = e.substr(i, r - i);
       if (r > 5 && a === "xml")
-        return ke("InvalidXml", "XML declaration allowed only at the start of the document.", Me(e, r));
+        return ke("InvalidXml", "XML declaration allowed only at the start of the document.", Re(e, r));
       if (e[r] == "?" && e[r + 1] == ">") {
         r++;
         break;
@@ -6249,7 +6261,7 @@ function Tc(e) {
 function Oc(e) {
   return Fn(e);
 }
-function Me(e, r) {
+function Re(e, r) {
   const i = e.substring(0, r).split(/\r?\n/);
   return {
     line: i.length,
@@ -7464,7 +7476,7 @@ const Ni = /* @__PURE__ */ Te(({
       ] })
     }
   );
-}), En = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), jt = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), Nn = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), Ct = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), tn = ({ ...e }) => /* @__PURE__ */ w.jsx("button", { ...e }), ru = /* @__PURE__ */ Object.assign(Ni, {
+}), En = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), jt = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), Nn = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), Ct = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), tn = ({ ...e }) => /* @__PURE__ */ w.jsx("button", { ...e }), ou = /* @__PURE__ */ Object.assign(Ni, {
   /**
    * Component for the gutter of a {@link RangeSlider}.
    */
@@ -7666,7 +7678,7 @@ const Si = /* @__PURE__ */ Te(({
     ),
     T.expandIcon && /* @__PURE__ */ w.jsx(ge, { element: T.expandIcon, style: fr.expandIcon })
   ] });
-}), Pr = ({ children: e, style: r, ...i }) => /* @__PURE__ */ w.jsx("figure", { ...i, "aria-hidden": !0, style: ce(r, { pointerEvents: "none" }), children: e }), Sn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("select", { ...r, children: e }), At = ({ ...e }) => /* @__PURE__ */ w.jsx("option", { ...e }), ou = /* @__PURE__ */ Object.assign(Si, {
+}), Pr = ({ children: e, style: r, ...i }) => /* @__PURE__ */ w.jsx("figure", { ...i, "aria-hidden": !0, style: ce(r, { pointerEvents: "none" }), children: e }), Sn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("select", { ...r, children: e }), At = ({ ...e }) => /* @__PURE__ */ w.jsx("option", { ...e }), iu = /* @__PURE__ */ Object.assign(Si, {
   /**
    * Component for the expand icon of a {@link Select}.
    */
@@ -7829,7 +7841,7 @@ const _i = /* @__PURE__ */ Te(({
       ] })
     }
   );
-}), Mt = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), _n = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), Tn = ({ ...e }) => /* @__PURE__ */ w.jsx("button", { ...e }), On = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), iu = /* @__PURE__ */ Object.assign(_i, {
+}), Mt = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), _n = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), Tn = ({ ...e }) => /* @__PURE__ */ w.jsx("button", { ...e }), On = ({ ...e }) => /* @__PURE__ */ w.jsx("div", { ...e }), su = /* @__PURE__ */ Object.assign(_i, {
   /**
    * Component for the slide track on either side of the knob of a
    * {@link Slider}.
@@ -8101,7 +8113,7 @@ function Oi(e) {
   const r = 1 / (e - 1);
   return Array(e).fill(null).map((i, a) => r * a);
 }
-const su = /* @__PURE__ */ Object.assign(Ti, {
+const au = /* @__PURE__ */ Object.assign(Ti, {
   /**
    * Component for the knob of a {@link StepSlider}.
    */
@@ -8320,7 +8332,7 @@ const Pi = /* @__PURE__ */ Te(({
     /* @__PURE__ */ w.jsx("input", { checked: a, style: j.input, type: "checkbox", onChange: (A) => d?.(A.target.checked) }),
     /* @__PURE__ */ w.jsx(ge, { className: I.track, element: _.track ?? /* @__PURE__ */ w.jsx($n, {}), style: j.track, children: /* @__PURE__ */ w.jsx("div", { style: { position: "relative", width: "100%", height: "100%" }, children: /* @__PURE__ */ w.jsx(ge, { ref: b, className: I.knob, element: _.knob ?? /* @__PURE__ */ w.jsx(jn, {}), style: j.knob }) }) })
   ] });
-}), $n = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("div", { ...r, children: e }), jn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("div", { ...r, children: e }), au = /* @__PURE__ */ Object.assign(Pi, {
+}), $n = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("div", { ...r, children: e }), jn = ({ children: e, ...r }) => /* @__PURE__ */ w.jsx("div", { ...r, children: e }), cu = /* @__PURE__ */ Object.assign(Pi, {
   /**
    * Component for the knob of a {@link Toggle}.
    */
@@ -8337,7 +8349,7 @@ function kl({ isOn: e = !1 }) {
     track: se({ active: e })
   };
 }
-function $l({ isOn: e = !1, isInverted: r = !1, knobSize: i = je.zero, orientation: a = "horizontal" }) {
+function $l({ isOn: e = !1, isInverted: r = !1, knobSize: i = Ce.zero, orientation: a = "horizontal" }) {
   return {
     root: {
       alignItems: "center",
@@ -8408,7 +8420,7 @@ function jl({
   return /* @__PURE__ */ w.jsx(w.Fragment, { children: Cn.map(e, (i) => An(i) ? gr(i, { ...r }) : i) });
 }
 process.env.NODE_ENV === "development" && (jl.displayName = "ExtractChildren");
-function cu({
+function lu({
   children: e,
   fallback: r = void 0
 }) {
@@ -8419,19 +8431,19 @@ function cu({
     return /* @__PURE__ */ w.jsx(Ys, { fallback: r, children: e });
 }
 export {
-  Ql as Accordion,
+  eu as Accordion,
   Xo as Burger,
   Rl as BurgerButton,
   ei as Button,
   Za as Carousel,
-  eu as CodeInput,
+  tu as CodeInput,
   zn as Collection,
   wa as Conditional,
-  tu as Counter,
+  nu as Counter,
   zl as CoverImage,
   Fl as CoverVideo,
   sc as Dial,
-  nu as Dropdown,
+  ru as Dropdown,
   Mn as Each,
   ii as ExtractChild,
   jl as ExtractChildren,
@@ -8440,23 +8452,23 @@ export {
   qo as Image,
   on as ImageSource,
   pl as MasonryGrid,
-  cu as NoSSR,
+  lu as NoSSR,
   ca as OptionButton,
   ti as Panorama,
   Ll as PanoramaSlider,
   Wo as Picture,
-  ru as RangeSlider,
+  ou as RangeSlider,
   nn as Repeat,
-  ou as Select,
+  iu as Select,
   xa as SelectableButton,
-  iu as Slider,
-  su as StepSlider,
+  su as Slider,
+  au as StepSlider,
   ge as Styled,
   Pl as SwipeRegion,
   Vl as Switch,
   Il as TextArea,
   hi as TextField,
-  au as Toggle,
+  cu as Toggle,
   Zo as Video,
   Na as WithTooltip,
   vr as _Content,
@@ -8501,7 +8513,8 @@ export {
   ci as useSize,
   mr as useSizeObserver,
   Jl as useStyle,
-  Zl as useTimeout,
+  Zl as useSystemColorScheme,
+  Ql as useTimeout,
   na as useVideoMetadataLoader,
   ra as useVideoSize,
   Zs as useViewportSize