@tempots/ui 3.0.0 → 4.0.0

package/index.js

@@ -1,6 +1,6 @@
 var ge = Object.defineProperty;
 var ye = (t, e, n) => e in t ? ge(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var pt = (t, e, n) => ye(t, typeof e != "symbol" ? e + "" : e, n);
+var mt = (t, e, n) => ye(t, typeof e != "symbol" ? e + "" : e, n);
 import { getWindow as J, prop as W, makeProviderMark as _t, Signal as It, Use as jt, html as Yt, on as qt, Value as D, attr as Kt, Empty as yt, OneOfType as Xt, WithElement as G, OnDispose as F, Portal as Jt, Fragment as At, renderableOfTNode as Rt, When as Gt, WithBrowserCtx as Qt, OneOfTuple as we, computedOf as xe, Prop as ve } from "@tempots/dom";
 import { delayed as Zt, AsyncResult as C, nearEquals as tt, interval as be } from "@tempots/std";
 const Ae = (t) => {
@@ -127,16 +127,21 @@ const Ae = (t) => {
     Kt.href(n),
     ...e
   ));
-}, Fn = {
+}, Mn = {
   mark: _t("Appearance"),
   create: () => {
-    const t = J(), e = t != null && t.matchMedia != null ? t.matchMedia("(prefers-color-scheme: dark)") : void 0, n = (e == null ? void 0 : e.matches) ?? !1, o = W(n ? "dark" : "light"), s = (i) => o.set(i.matches ? "dark" : "light");
-    return e == null || e.addEventListener("change", s), {
-      value: o,
-      dispose: () => e == null ? void 0 : e.removeEventListener("change", s)
+    const t = We();
+    return {
+      value: t,
+      dispose: t.dispose
     };
   }
-}, ne = (t, e) => {
+};
+function We() {
+  const t = J(), e = t != null && t.matchMedia != null ? t.matchMedia("(prefers-color-scheme: dark)") : void 0, n = (e == null ? void 0 : e.matches) ?? !1, o = W(n ? "dark" : "light"), s = (i) => o.set(i.matches ? "dark" : "light");
+  return e == null || e.addEventListener("change", s), o.onDispose(() => e == null ? void 0 : e.removeEventListener("change", s)), o;
+}
+const ne = (t, e) => {
   if (typeof e == "function")
     return ne(t, { success: e });
   const n = e.failure ?? ((r) => r.map((c) => `Error: ${c}`)), o = e.success, s = e.loading ?? (() => yt), i = e.notAsked ?? (() => yt);
@@ -146,15 +151,15 @@ const Ae = (t) => {
     Loading: (r) => s(r.map((c) => c.previousValue)),
     NotAsked: i
   });
-}, Mn = (t = 10) => G((e) => F(Zt(() => e == null ? void 0 : e.focus(), t))), Vn = (t = 10) => G((e) => {
+}, Vn = (t = 10) => G((e) => F(Zt(() => e == null ? void 0 : e.focus(), t))), Nn = (t = 10) => G((e) => {
   const n = Zt(() => e.select(), t);
   return F(n);
-}), Nn = G((t) => {
+}), $n = G((t) => {
   const e = t.style.getPropertyValue(":empty");
   return t.style.setProperty(":empty", "display:none"), F((n) => {
     n && t.style.setProperty(":empty", e);
   });
-}), $n = (t) => Jt("head > title", Kt.innerText(t)), We = {
+}), Bn = (t) => Jt("head > title", Kt.innerText(t)), Fe = {
   partial: {
     root: null,
     rootMargin: "0px",
@@ -172,19 +177,19 @@ const Ae = (t) => {
   partial: null,
   full: null
 };
-function Fe(t) {
+function Me(t) {
   return q[t] == null && (q[t] = new IntersectionObserver((e) => {
     e.forEach((n) => {
       const o = nt[t].get(n.target);
       o == null || o.set(n.isIntersecting);
     });
-  }, We[t])), q[t];
+  }, Fe[t])), q[t];
 }
-const Me = ({ mode: t = "partial", once: e = !1 }, n) => {
+const Ve = ({ mode: t = "partial", once: e = !1 }, n) => {
   const o = W(!1);
   return At(
     G((s) => {
-      const i = typeof IntersectionObserver < "u" ? Fe(t) : null;
+      const i = typeof IntersectionObserver < "u" ? Me(t) : null;
       nt[t].set(s, o), i == null || i.observe(s);
       function r() {
         var l;
@@ -199,15 +204,15 @@ const Me = ({ mode: t = "partial", once: e = !1 }, n) => {
     }),
     Rt(n(o))
   );
-}, Bn = (t, e, n) => Me(t, (o) => Gt(o, e, n ?? (() => yt))), ot = Math.min, V = Math.max, st = Math.round, et = Math.floor, L = (t) => ({
+}, Un = (t, e, n) => Ve(t, (o) => Gt(o, e, n ?? (() => yt))), ot = Math.min, V = Math.max, st = Math.round, et = Math.floor, L = (t) => ({
   x: t,
   y: t
-}), Ve = {
+}), Ne = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ne = {
+}, $e = {
   start: "end",
   end: "start"
 };
@@ -235,20 +240,20 @@ function z(t) {
 function ie(t) {
   return oe(z(t));
 }
-function $e(t, e, n) {
+function Be(t, e, n) {
   n === void 0 && (n = !1);
   const o = at(t), s = ie(t), i = se(s);
   let r = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return e.reference[i] > e.floating[i] && (r = it(r)), [r, it(r)];
 }
-function Be(t) {
+function Ue(t) {
   const e = it(t);
   return [xt(t), e, xt(e)];
 }
 function xt(t) {
-  return t.replace(/start|end/g, (e) => Ne[e]);
+  return t.replace(/start|end/g, (e) => $e[e]);
 }
-function Ue(t, e, n) {
+function He(t, e, n) {
   const o = ["left", "right"], s = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
   switch (t) {
     case "top":
@@ -261,15 +266,15 @@ function Ue(t, e, n) {
       return [];
   }
 }
-function He(t, e, n, o) {
+function ze(t, e, n, o) {
   const s = at(t);
-  let i = Ue(N(t), n === "start", o);
+  let i = He(N(t), n === "start", o);
   return s && (i = i.map((r) => r + "-" + s), e && (i = i.concat(i.map(xt)))), i;
 }
 function it(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Ve[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => Ne[e]);
 }
-function ze(t) {
+function _e(t) {
   return {
     top: 0,
     right: 0,
@@ -278,8 +283,8 @@ function ze(t) {
     ...t
   };
 }
-function _e(t) {
-  return typeof t != "number" ? ze(t) : {
+function Ie(t) {
+  return typeof t != "number" ? _e(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -352,7 +357,7 @@ function Ft(t, e, n) {
   }
   return h;
 }
-const Ie = async (t, e, n) => {
+const je = async (t, e, n) => {
   const {
     placement: o = "bottom",
     strategy: s = "absolute",
@@ -366,17 +371,17 @@ const Ie = async (t, e, n) => {
   }), {
     x: f,
     y: u
-  } = Ft(a, o, l), d = o, h = {}, m = 0;
+  } = Ft(a, o, l), d = o, h = {}, p = 0;
   for (let g = 0; g < c.length; g++) {
     const {
       name: y,
-      fn: p
+      fn: m
     } = c[g], {
       x: w,
       y: x,
       data: b,
       reset: v
-    } = await p({
+    } = await m({
       x: f,
       y: u,
       initialPlacement: o,
@@ -396,7 +401,7 @@ const Ie = async (t, e, n) => {
         ...h[y],
         ...b
       }
-    }, v && m <= 50 && (m++, typeof v == "object" && (v.placement && (d = v.placement), v.rects && (a = v.rects === !0 ? await r.getElementRects({
+    }, v && p <= 50 && (p++, typeof v == "object" && (v.placement && (d = v.placement), v.rects && (a = v.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: s
@@ -429,7 +434,7 @@ async function re(t, e) {
     elementContext: u = "floating",
     altBoundary: d = !1,
     padding: h = 0
-  } = lt(e, t), m = _e(h), y = c[d ? u === "floating" ? "reference" : "floating" : u], p = rt(await i.getClippingRect({
+  } = lt(e, t), p = Ie(h), y = c[d ? u === "floating" ? "reference" : "floating" : u], m = rt(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(y))) == null || n ? y : y.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
     boundary: a,
     rootBoundary: f,
@@ -452,13 +457,13 @@ async function re(t, e) {
     strategy: l
   }) : w);
   return {
-    top: (p.top - v.top + m.top) / b.y,
-    bottom: (v.bottom - p.bottom + m.bottom) / b.y,
-    left: (p.left - v.left + m.left) / b.x,
-    right: (v.right - p.right + m.right) / b.x
+    top: (m.top - v.top + p.top) / b.y,
+    bottom: (v.bottom - m.bottom + p.bottom) / b.y,
+    left: (m.left - v.left + p.left) / b.x,
+    right: (v.right - m.right + p.right) / b.x
   };
 }
-const je = function(t) {
+const Ye = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -476,26 +481,26 @@ const je = function(t) {
         crossAxis: u = !0,
         fallbackPlacements: d,
         fallbackStrategy: h = "bestFit",
-        fallbackAxisSideDirection: m = "none",
+        fallbackAxisSideDirection: p = "none",
         flipAlignment: g = !0,
         ...y
       } = lt(t, e);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const p = N(s), w = z(c), x = N(c) === c, b = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), v = d || (x || !g ? [it(c)] : Be(c)), B = m !== "none";
-      !d && B && v.push(...He(c, g, m, b));
-      const me = [c, ...v], mt = await re(e, y), Z = [];
+      const m = N(s), w = z(c), x = N(c) === c, b = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), v = d || (x || !g ? [it(c)] : Ue(c)), B = p !== "none";
+      !d && B && v.push(...ze(c, g, p, b));
+      const pe = [c, ...v], pt = await re(e, y), Z = [];
       let j = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (f && Z.push(mt[p]), u) {
-        const M = $e(s, r, b);
-        Z.push(mt[M[0]], mt[M[1]]);
+      if (f && Z.push(pt[m]), u) {
+        const M = Be(s, r, b);
+        Z.push(pt[M[0]], pt[M[1]]);
       }
       if (j = [...j, {
         placement: s,
         overflows: Z
       }], !Z.every((M) => M <= 0)) {
         var St, kt;
-        const M = (((St = i.flip) == null ? void 0 : St.index) || 0) + 1, Dt = me[M];
+        const M = (((St = i.flip) == null ? void 0 : St.index) || 0) + 1, Dt = pe[M];
         if (Dt)
           return {
             data: {
@@ -519,7 +524,7 @@ const je = function(t) {
                   k === "y";
                 }
                 return !0;
-              }).map((S) => [S.placement, S.overflows.filter((k) => k > 0).reduce((k, pe) => k + pe, 0)]).sort((S, k) => S[1] - k[1])[0]) == null ? void 0 : Ct[0];
+              }).map((S) => [S.placement, S.overflows.filter((k) => k > 0).reduce((k, me) => k + me, 0)]).sort((S, k) => S[1] - k[1])[0]) == null ? void 0 : Ct[0];
               U && (Y = U);
               break;
             }
@@ -538,7 +543,7 @@ const je = function(t) {
     }
   };
 };
-async function Ye(t, e) {
+async function qe(t, e) {
   const {
     placement: n,
     platform: o,
@@ -547,7 +552,7 @@ async function Ye(t, e) {
   let {
     mainAxis: d,
     crossAxis: h,
-    alignmentAxis: m
+    alignmentAxis: p
   } = typeof u == "number" ? {
     mainAxis: u,
     crossAxis: 0,
@@ -557,7 +562,7 @@ async function Ye(t, e) {
     crossAxis: u.crossAxis || 0,
     alignmentAxis: u.alignmentAxis
   };
-  return c && typeof m == "number" && (h = c === "end" ? m * -1 : m), l ? {
+  return c && typeof p == "number" && (h = c === "end" ? p * -1 : p), l ? {
     x: h * f,
     y: d * a
   } : {
@@ -565,7 +570,7 @@ async function Ye(t, e) {
     y: h * f
   };
 }
-const qe = function(t) {
+const Ke = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -576,7 +581,7 @@ const qe = function(t) {
         y: i,
         placement: r,
         middlewareData: c
-      } = e, l = await Ye(e, t);
+      } = e, l = await qe(e, t);
       return r === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
         x: s + l.x,
         y: i + l.y,
@@ -587,7 +592,7 @@ const qe = function(t) {
       };
     }
   };
-}, Ke = function(t) {
+}, Xe = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -602,11 +607,11 @@ const qe = function(t) {
         limiter: c = {
           fn: (y) => {
             let {
-              x: p,
+              x: m,
               y: w
             } = y;
             return {
-              x: p,
+              x: m,
               y: w
             };
           }
@@ -616,19 +621,19 @@ const qe = function(t) {
         x: n,
         y: o
       }, f = await re(e, l), u = z(N(s)), d = oe(u);
-      let h = a[d], m = a[u];
+      let h = a[d], p = a[u];
       if (i) {
-        const y = d === "y" ? "top" : "left", p = d === "y" ? "bottom" : "right", w = h + f[y], x = h - f[p];
+        const y = d === "y" ? "top" : "left", m = d === "y" ? "bottom" : "right", w = h + f[y], x = h - f[m];
         h = Wt(w, h, x);
       }
       if (r) {
-        const y = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", w = m + f[y], x = m - f[p];
-        m = Wt(w, m, x);
+        const y = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", w = p + f[y], x = p - f[m];
+        p = Wt(w, p, x);
       }
       const g = c.fn({
         ...e,
         [d]: h,
-        [u]: m
+        [u]: p
       });
       return {
         ...g,
@@ -679,7 +684,7 @@ function Q(t) {
   } = E(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(s);
 }
-function Xe(t) {
+function Je(t) {
   return ["table", "td", "th"].includes(I(t));
 }
 function ft(t) {
@@ -695,7 +700,7 @@ function Et(t) {
   const e = Lt(), n = R(t) ? E(t) : t;
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function Je(t) {
+function Ge(t) {
   let e = P(t);
   for (; O(e) && !_(e); ) {
     if (Et(e))
@@ -781,15 +786,15 @@ function H(t) {
     y: c
   };
 }
-const Ge = /* @__PURE__ */ L(0);
+const Qe = /* @__PURE__ */ L(0);
 function ue(t) {
   const e = A(t);
-  return !Lt() || !e.visualViewport ? Ge : {
+  return !Lt() || !e.visualViewport ? Qe : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Qe(t, e, n) {
+function Ze(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== A(t) ? !1 : e;
 }
 function $(t, e, n, o) {
@@ -797,14 +802,14 @@ function $(t, e, n, o) {
   const s = t.getBoundingClientRect(), i = Ot(t);
   let r = L(1);
   e && (o ? R(o) && (r = H(o)) : r = H(t));
-  const c = Qe(i, n, o) ? ue(i) : L(0);
+  const c = Ze(i, n, o) ? ue(i) : L(0);
   let l = (s.left + c.x) / r.x, a = (s.top + c.y) / r.y, f = s.width / r.x, u = s.height / r.y;
   if (i) {
     const d = A(i), h = o && R(o) ? A(o) : o;
-    let m = d, g = vt(m);
-    for (; g && o && h !== m; ) {
-      const y = H(g), p = g.getBoundingClientRect(), w = E(g), x = p.left + (g.clientLeft + parseFloat(w.paddingLeft)) * y.x, b = p.top + (g.clientTop + parseFloat(w.paddingTop)) * y.y;
-      l *= y.x, a *= y.y, f *= y.x, u *= y.y, l += x, a += b, m = A(g), g = vt(m);
+    let p = d, g = vt(p);
+    for (; g && o && h !== p; ) {
+      const y = H(g), m = g.getBoundingClientRect(), w = E(g), x = m.left + (g.clientLeft + parseFloat(w.paddingLeft)) * y.x, b = m.top + (g.clientTop + parseFloat(w.paddingTop)) * y.y;
+      l *= y.x, a *= y.y, f *= y.x, u *= y.y, l += x, a += b, p = A(g), g = vt(p);
     }
   }
   return rt({
@@ -829,7 +834,7 @@ function fe(t, e, n) {
     y: i
   };
 }
-function Ze(t) {
+function tn(t) {
   let {
     elements: e,
     rect: n,
@@ -856,10 +861,10 @@ function Ze(t) {
     y: n.y * a.y - l.scrollTop * a.y + f.y + d.y
   };
 }
-function tn(t) {
+function en(t) {
   return Array.from(t.getClientRects());
 }
-function en(t) {
+function nn(t) {
   const e = T(t), n = ht(t), o = t.ownerDocument.body, s = V(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = V(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + Tt(t);
   const c = -n.scrollTop;
@@ -870,7 +875,7 @@ function en(t) {
     y: c
   };
 }
-function nn(t, e) {
+function on(t, e) {
   const n = A(t), o = T(t), s = n.visualViewport;
   let i = o.clientWidth, r = o.clientHeight, c = 0, l = 0;
   if (s) {
@@ -885,7 +890,7 @@ function nn(t, e) {
     y: l
   };
 }
-function on(t, e) {
+function sn(t, e) {
   const n = $(t, !0, e === "fixed"), o = n.top + t.clientTop, s = n.left + t.clientLeft, i = O(t) ? H(t) : L(1), r = t.clientWidth * i.x, c = t.clientHeight * i.y, l = s * i.x, a = o * i.y;
   return {
     width: r,
@@ -897,11 +902,11 @@ function on(t, e) {
 function Vt(t, e, n) {
   let o;
   if (e === "viewport")
-    o = nn(t, n);
+    o = on(t, n);
   else if (e === "document")
-    o = en(T(t));
+    o = nn(T(t));
   else if (R(e))
-    o = on(e, n);
+    o = sn(e, n);
   else {
     const s = ue(t);
     o = {
@@ -917,7 +922,7 @@ function he(t, e) {
   const n = P(t);
   return n === e || !R(n) || _(n) ? !1 : E(n).position === "fixed" || he(n, e);
 }
-function sn(t, e) {
+function rn(t, e) {
   const n = e.get(t);
   if (n)
     return n;
@@ -930,14 +935,14 @@ function sn(t, e) {
   }
   return e.set(t, o), o;
 }
-function rn(t) {
+function cn(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: o,
     strategy: s
   } = t;
-  const r = [...n === "clippingAncestors" ? ft(e) ? [] : sn(e, this._c) : [].concat(n), o], c = r[0], l = r.reduce((a, f) => {
+  const r = [...n === "clippingAncestors" ? ft(e) ? [] : rn(e, this._c) : [].concat(n), o], c = r[0], l = r.reduce((a, f) => {
     const u = Vt(e, f, s);
     return a.top = V(u.top, a.top), a.right = ot(u.right, a.right), a.bottom = ot(u.bottom, a.bottom), a.left = V(u.left, a.left), a;
   }, Vt(e, c, s));
@@ -948,7 +953,7 @@ function rn(t) {
     y: l.top
   };
 }
-function cn(t) {
+function ln(t) {
   const {
     width: e,
     height: n
@@ -958,7 +963,7 @@ function cn(t) {
     height: n
   };
 }
-function ln(t, e, n) {
+function an(t, e, n) {
   const o = O(e), s = T(e), i = n === "fixed", r = $(t, !0, i, e);
   let c = {
     scrollLeft: 0,
@@ -1003,14 +1008,14 @@ function de(t, e) {
     return n;
   }
   let o = Nt(t, e);
-  for (; o && Xe(o) && gt(o); )
+  for (; o && Je(o) && gt(o); )
     o = Nt(o, e);
-  return o && _(o) && gt(o) && !Et(o) ? n : o || Je(t) || n;
+  return o && _(o) && gt(o) && !Et(o) ? n : o || Ge(t) || n;
 }
-const an = async function(t) {
+const un = async function(t) {
   const e = this.getOffsetParent || de, n = this.getDimensions, o = await n(t.floating);
   return {
-    reference: ln(t.reference, await e(t.floating), t.strategy),
+    reference: an(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1019,22 +1024,22 @@ const an = async function(t) {
     }
   };
 };
-function un(t) {
+function fn(t) {
   return E(t).direction === "rtl";
 }
-const fn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ze,
+const hn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: tn,
   getDocumentElement: T,
-  getClippingRect: rn,
+  getClippingRect: cn,
   getOffsetParent: de,
-  getElementRects: an,
-  getClientRects: tn,
-  getDimensions: cn,
+  getElementRects: un,
+  getClientRects: en,
+  getDimensions: ln,
   getScale: H,
   isElement: R,
-  isRTL: un
+  isRTL: fn
 };
-function hn(t, e) {
+function dn(t, e) {
   let n = null, o;
   const s = T(t);
   function i() {
@@ -1051,8 +1056,8 @@ function hn(t, e) {
     } = t.getBoundingClientRect();
     if (c || e(), !u || !d)
       return;
-    const h = et(f), m = et(s.clientWidth - (a + u)), g = et(s.clientHeight - (f + d)), y = et(a), w = {
-      rootMargin: -h + "px " + -m + "px " + -g + "px " + -y + "px",
+    const h = et(f), p = et(s.clientWidth - (a + u)), g = et(s.clientHeight - (f + d)), y = et(a), w = {
+      rootMargin: -h + "px " + -p + "px " + -g + "px " + -y + "px",
       threshold: V(0, ot(1, l)) || 1
     };
     let x = !0;
@@ -1080,7 +1085,7 @@ function hn(t, e) {
   }
   return r(!0), i;
 }
-function dn(t, e, n, o) {
+function pn(t, e, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: s = !0,
@@ -1089,46 +1094,46 @@ function dn(t, e, n, o) {
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: l = !1
   } = o, a = Ot(t), f = s || i ? [...a ? K(a) : [], ...K(e)] : [];
-  f.forEach((p) => {
-    s && p.addEventListener("scroll", n, {
+  f.forEach((m) => {
+    s && m.addEventListener("scroll", n, {
       passive: !0
-    }), i && p.addEventListener("resize", n);
+    }), i && m.addEventListener("resize", n);
   });
-  const u = a && c ? hn(a, n) : null;
+  const u = a && c ? dn(a, n) : null;
   let d = -1, h = null;
-  r && (h = new ResizeObserver((p) => {
-    let [w] = p;
+  r && (h = new ResizeObserver((m) => {
+    let [w] = m;
     w && w.target === a && h && (h.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
       var x;
       (x = h) == null || x.observe(e);
     })), n();
   }), a && !l && h.observe(a), h.observe(e));
-  let m, g = l ? $(t) : null;
+  let p, g = l ? $(t) : null;
   l && y();
   function y() {
-    const p = $(t);
-    g && (p.x !== g.x || p.y !== g.y || p.width !== g.width || p.height !== g.height) && n(), g = p, m = requestAnimationFrame(y);
+    const m = $(t);
+    g && (m.x !== g.x || m.y !== g.y || m.width !== g.width || m.height !== g.height) && n(), g = m, p = requestAnimationFrame(y);
   }
   return n(), () => {
-    var p;
+    var m;
     f.forEach((w) => {
       s && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
-    }), u == null || u(), (p = h) == null || p.disconnect(), h = null, l && cancelAnimationFrame(m);
+    }), u == null || u(), (m = h) == null || m.disconnect(), h = null, l && cancelAnimationFrame(p);
   };
 }
-const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
+const mn = Ke, gn = Xe, $t = Ye, yn = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), s = {
-    platform: fn,
+    platform: hn,
     ...n
   }, i = {
     ...s.platform,
     _c: o
   };
-  return Ie(t, e, {
+  return je(t, e, {
     ...s,
     platform: i
   });
-}, Un = ({
+}, Hn = ({
   content: t,
   open: e,
   placement: n,
@@ -1143,14 +1148,14 @@ const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
         G((l) => {
           const a = l;
           return a.style.position = "absolute", F(
-            dn(c, a, async () => {
-              const { x: f, y: u } = await gn(c, a, {
+            pn(c, a, async () => {
+              const { x: f, y: u } = await yn(c, a, {
                 placement: n,
                 strategy: "absolute",
                 middleware: [
                   $t(),
                   mn({ mainAxis: o, crossAxis: s }),
-                  pn(),
+                  gn(),
                   $t()
                 ]
               });
@@ -1162,7 +1167,7 @@ const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
       )
     )
   );
-}), yn = (t, e, n) => {
+}), wn = (t, e, n) => {
   const o = W(C.notAsked), s = o.map(
     (u) => C.isSuccess(u) ? u.value : void 0
   ), i = o.map(
@@ -1174,10 +1179,10 @@ const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
     const d = c.signal, h = o.get();
     o.set(C.loading(C.getOrUndefined(h)));
     try {
-      const m = await e({ request: u, abortSignal: d, previous: h });
-      await Promise.resolve(), c = void 0, o.set(C.success(m));
-    } catch (m) {
-      c = void 0, o.set(C.failure(n(m)));
+      const p = await e({ request: u, abortSignal: d, previous: h });
+      await Promise.resolve(), c = void 0, o.set(C.success(p));
+    } catch (p) {
+      c = void 0, o.set(C.failure(n(p)));
     }
   }, a = () => l(D.get(t)), f = () => {
     c == null || c.abort(), c = void 0, o.dispose();
@@ -1190,7 +1195,7 @@ const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
     reload: a,
     dispose: f
   };
-}, wn = (t, e) => {
+}, xn = (t, e) => {
   const { status: n, dispose: o, reload: s } = t, { loading: i, failure: r, success: c } = e;
   return At(
     F(o),
@@ -1200,16 +1205,16 @@ const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
       success: (l) => c(l, s)
     })
   );
-}, Hn = ({
+}, zn = ({
   request: t,
   load: e,
   mapError: n = (o) => o
 }) => {
-  const o = yn(t, e, n);
-  return (s) => wn(o, s);
-}, xn = (t, e) => {
+  const o = wn(t, e, n);
+  return (s) => xn(o, s);
+}, vn = (t, e) => {
   if (typeof e == "function")
-    return xn(t, { success: e });
+    return vn(t, { success: e });
   const n = e.failure ?? ((s) => At(
     F(s.on(console.error)),
     s.map((i) => `Error: ${i}`)
@@ -1218,7 +1223,7 @@ const mn = qe, pn = Ke, $t = je, gn = (t, e, n) => {
     Success: (s) => o(s.$.value),
     Failure: (s) => n(s.$.error)
   });
-}, zn = () => qt.focus((t) => {
+}, _n = () => qt.focus((t) => {
   var e;
   return (e = t.target) == null ? void 0 : e.select();
 });
@@ -1261,7 +1266,7 @@ class dt {
      * console.log(rect1.equals(rect3)); // true (within tolerance)
      * ```
      */
-    pt(this, "equals", (e) => tt(this.left, e.left) && tt(this.top, e.top) && tt(this.width, e.width) && tt(this.height, e.height));
+    mt(this, "equals", (e) => tt(this.left, e.left) && tt(this.top, e.top) && tt(this.width, e.width) && tt(this.height, e.height));
     this.left = e, this.top = n, this.width = o, this.height = s;
   }
   /**
@@ -1370,7 +1375,7 @@ function Bt(t) {
     height: e.height
   });
 }
-const vn = (t) => Qt((e) => {
+const bn = (t) => Qt((e) => {
   const { element: n } = e, o = W(Bt(n)), s = Rt(t(o))(e), i = () => {
     o.set(dt.of(Bt(n)));
   };
@@ -1378,7 +1383,7 @@ const vn = (t) => Qt((e) => {
   return typeof ResizeObserver == "function" && (r = new ResizeObserver(i), r.observe(n)), F((c) => {
     r == null || r.disconnect(), s(c);
   });
-}), _n = (t) => vn(t), In = (t) => (e) => {
+}), In = (t) => bn(t), jn = (t) => (e) => {
   const n = J(), o = W({
     width: (n == null ? void 0 : n.innerWidth) ?? 0,
     height: (n == null ? void 0 : n.innerHeight) ?? 0
@@ -1391,7 +1396,7 @@ const vn = (t) => Qt((e) => {
   return n == null || n.addEventListener("resize", i), (r) => {
     n == null || n.removeEventListener("resize", i), s(r);
   };
-}, bn = (t, e) => {
+}, An = (t, e) => {
   const n = e.split("/").filter((s) => s !== ""), o = {};
   for (let s = 0; s < t.length; s++) {
     const i = t[s], r = n[s];
@@ -1406,21 +1411,21 @@ const vn = (t) => Qt((e) => {
       return { params: o, path: e };
   }
   return n.length !== t.length ? null : { params: o, path: e };
-}, An = (t) => t.split("/").map((e) => e.startsWith(":") ? { type: "param", name: e.slice(1) } : e === "*" ? { type: "catch-all" } : { type: "literal", value: e }).filter((e) => e.type !== "literal" || e.value !== ""), Rn = (t) => {
+}, Rn = (t) => t.split("/").map((e) => e.startsWith(":") ? { type: "param", name: e.slice(1) } : e === "*" ? { type: "catch-all" } : { type: "literal", value: e }).filter((e) => e.type !== "literal" || e.value !== ""), En = (t) => {
   const e = t.map((n) => {
-    const o = An(n);
+    const o = Rn(n);
     return { route: n, segments: o };
   });
   return function(o) {
     for (const { segments: s, route: i } of e) {
-      const r = bn(s, o);
+      const r = An(s, o);
       if (r)
         return { ...r, route: i };
     }
     return null;
   };
-}, jn = (t) => {
-  const e = Rn(Object.keys(t));
+}, Yn = (t) => {
+  const e = En(Object.keys(t));
   return jt(ee, (n) => {
     const o = n.map((s) => {
       const i = e(s.pathname);
@@ -1440,7 +1445,7 @@ const vn = (t) => Qt((e) => {
       t
     );
   });
-}, ct = 60 * 1e3, bt = 60 * ct, X = 24 * bt, Ut = 7 * X, Ht = 30 * X, En = 365 * X, Ln = [
+}, ct = 60 * 1e3, bt = 60 * ct, X = 24 * bt, Ut = 7 * X, Ht = 30 * X, Ln = 365 * X, On = [
   {
     max: ct * 90,
     value: ct,
@@ -1478,7 +1483,7 @@ const vn = (t) => Qt((e) => {
   },
   {
     max: 1 / 0,
-    value: En,
+    value: Ln,
     name: "year",
     past: { singular: "last year", plural: "{} years ago" },
     future: { singular: "in a year", plural: "in {} years" }
@@ -1494,76 +1499,77 @@ function zt(t, e, n, o) {
     })
   );
 }
-const On = (t = 1e3) => {
+const Tn = (t = 1e3) => {
   const e = W(/* @__PURE__ */ new Date()), n = be(() => e.set(/* @__PURE__ */ new Date()), t);
   return e.onDispose(n), e;
-}, Tn = (t) => {
+}, Sn = (t) => {
   const e = Math.abs(t);
   if (e < ct)
     return t < 0 ? "just now" : "in a moment";
-  for (const n of Ln)
+  for (const n of On)
     if (e < n.max)
       return t < 0 ? zt(e, n.value, n.past.singular, n.past.plural) : zt(e, n.value, n.future.singular, n.future.plural);
   throw new Error("unreachable");
-}, Sn = (t, { now: e, frequency: n = 1e4 } = {}) => {
-  const o = e != null ? It.is(e) ? e.derive() : W(e) : On(n), s = xe(
+}, kn = (t, { now: e, frequency: n = 1e4 } = {}) => {
+  const o = e != null ? It.is(e) ? e.derive() : W(e) : Tn(n), s = xe(
     t,
     o
   )((i, r) => i.getTime() - r.getTime());
   return s.onDispose(() => D.dispose(o)), s;
-}, kn = (t, e = {}) => {
-  const n = Sn(t, e), o = n.map(Tn);
+}, Cn = (t, e = {}) => {
+  const n = kn(t, e), o = n.map(Sn);
   return o.onDispose(n.dispose), o;
-}, Yn = (t, e = {}) => kn(t, e);
-class Cn extends ve {
+}, qn = (t, e = {}) => Cn(t, e);
+class Dn extends ve {
   constructor() {
     super(...arguments);
     /**
      * Triggers an update of the Ticker by incrementing its internal value.
      * @returns void
      */
-    pt(this, "tick", () => this.update((n) => n + 1));
+    mt(this, "tick", () => this.update((n) => n + 1));
   }
 }
-const qn = (t = 0) => new Cn(t, (e, n) => e === n);
+const Kn = (t = 0) => new Dn(t, (e, n) => e === n);
 export {
   Pe as Anchor,
-  Fn as Appearance,
+  Mn as Appearance,
   ne as AsyncResultView,
-  Mn as AutoFocus,
-  Vn as AutoSelect,
-  vn as ElementRect,
-  _n as ElementSize,
-  $n as HTMLTitle,
-  Nn as HiddenWhenEmpty,
-  Me as InViewport,
+  Vn as AutoFocus,
+  Nn as AutoSelect,
+  bn as ElementRect,
+  In as ElementSize,
+  Bn as HTMLTitle,
+  $n as HiddenWhenEmpty,
+  Ve as InViewport,
   ee as Location,
-  Un as PopOver,
+  Hn as PopOver,
   dt as Rect,
-  Hn as Resource,
-  wn as ResourceDisplay,
-  xn as ResultView,
-  jn as Router,
-  zn as SelectOnFocus,
-  Cn as Ticker,
-  Bn as WhenInViewport,
-  In as WindowSize,
+  zn as Resource,
+  xn as ResourceDisplay,
+  vn as ResultView,
+  Yn as Router,
+  _n as SelectOnFocus,
+  Dn as Ticker,
+  Un as WhenInViewport,
+  jn as WindowSize,
   Re as _checkExtensionCondition,
   Ae as _getExtension,
-  Rn as _makeRouteMatcher,
-  An as _parseRouteSegments,
+  En as _makeRouteMatcher,
+  Rn as _parseRouteSegments,
   Oe as areLocationsEqual,
   Bt as getAbsoluteRect,
   Le as handleAnchorClick,
   te as locationFromURL,
-  yn as makeResource,
-  bn as matchesRoute,
-  On as nowSignal,
-  Yn as relativeTime,
-  Sn as relativeTimeMillisSignal,
-  kn as relativeTimeSignal,
+  wn as makeResource,
+  An as matchesRoute,
+  Tn as nowSignal,
+  qn as relativeTime,
+  kn as relativeTimeMillisSignal,
+  Cn as relativeTimeSignal,
   Pt as setLocationFromUrl,
-  qn as ticker,
-  Tn as timeDiffToString,
-  wt as urlFromLocation
+  Kn as ticker,
+  Sn as timeDiffToString,
+  wt as urlFromLocation,
+  We as useAppearance
 };