@openpawlabs/diy-guides-ui 1.5.1 → 1.5.2

package/dist/diy-guides-ui.js

@@ -855,7 +855,7 @@ function Gt(t, e, n, r) {
 function Dn(t, e, n = {}) {
   let { block: r = "nearest", inline: o = "nearest" } = n;
   if (t === e) return;
-  let i = t.scrollTop, l = t.scrollLeft, s = e.getBoundingClientRect(), a = t.getBoundingClientRect(), c = window.getComputedStyle(e), u = window.getComputedStyle(t), d = document.scrollingElement || document.documentElement, h = t === d, f = t === d ? 0 : a.top, m = t === d ? t.clientHeight : a.bottom, g = t === d ? 0 : a.left, y = t === d ? t.clientWidth : a.right, x = parseFloat(c.scrollMarginTop) || 0, v = parseFloat(c.scrollMarginBottom) || 0, T = parseFloat(c.scrollMarginLeft) || 0, w = parseFloat(c.scrollMarginRight) || 0, D = parseFloat(u.scrollPaddingTop) || 0, B = parseFloat(u.scrollPaddingBottom) || 0, N = parseFloat(u.scrollPaddingLeft) || 0, I = parseFloat(u.scrollPaddingRight) || 0, A = parseFloat(u.borderTopWidth) || 0, k = parseFloat(u.borderBottomWidth) || 0, O = parseFloat(u.borderLeftWidth) || 0, W = parseFloat(u.borderRightWidth) || 0, V = s.top - x, p = s.bottom + v, E = s.left - T, L = s.right + w, S = t === d ? 0 : O + W, M = t === d ? 0 : A + k, $ = t === d ? 0 : t.offsetWidth - t.clientWidth - S, P = t === d ? 0 : t.offsetHeight - t.clientHeight - M, R = f + (h ? 0 : A) + D, J = m - (h ? 0 : k) - B - P, ee = g + (h ? 0 : O) + N, te = y - (h ? 0 : W) - I;
+  let i = t.scrollTop, l = t.scrollLeft, s = e.getBoundingClientRect(), a = t.getBoundingClientRect(), c = window.getComputedStyle(e), u = window.getComputedStyle(t), d = document.scrollingElement || document.documentElement, h = t === d, f = t === d ? 0 : a.top, m = t === d ? t.clientHeight : a.bottom, y = t === d ? 0 : a.left, g = t === d ? t.clientWidth : a.right, x = parseFloat(c.scrollMarginTop) || 0, v = parseFloat(c.scrollMarginBottom) || 0, T = parseFloat(c.scrollMarginLeft) || 0, w = parseFloat(c.scrollMarginRight) || 0, D = parseFloat(u.scrollPaddingTop) || 0, B = parseFloat(u.scrollPaddingBottom) || 0, N = parseFloat(u.scrollPaddingLeft) || 0, I = parseFloat(u.scrollPaddingRight) || 0, A = parseFloat(u.borderTopWidth) || 0, k = parseFloat(u.borderBottomWidth) || 0, O = parseFloat(u.borderLeftWidth) || 0, W = parseFloat(u.borderRightWidth) || 0, V = s.top - x, p = s.bottom + v, E = s.left - T, L = s.right + w, S = t === d ? 0 : O + W, M = t === d ? 0 : A + k, $ = t === d ? 0 : t.offsetWidth - t.clientWidth - S, P = t === d ? 0 : t.offsetHeight - t.clientHeight - M, R = f + (h ? 0 : A) + D, J = m - (h ? 0 : k) - B - P, ee = y + (h ? 0 : O) + N, te = g - (h ? 0 : W) - I;
   u.direction === "rtl" && !pt() ? ee += $ : te -= $;
   let ae = V < R || p > J, pe = E < ee || L > te;
   if (ae && r === "start") i += V - R;
@@ -1187,15 +1187,15 @@ var Ue = Zu(), Ju = (t) => {
       defaultVariants: u = {}
     } = r, d = { ...Xu, ...o }, h = i != null && i.base ? en(i.base, r == null ? void 0 : r.base) : r == null ? void 0 : r.base, f = i != null && i.variants && !Ce(i.variants) ? Fr(s, i.variants) : s, m = i != null && i.defaultVariants && !Ce(i.defaultVariants) ? { ...i.defaultVariants, ...u } : u;
     !Ce(d.twMergeConfig) && !qu(d.twMergeConfig, Ue.cachedTwMergeConfig) && (Ue.didTwMergeConfigChange = !0, Ue.cachedTwMergeConfig = d.twMergeConfig);
-    const g = Ce(i == null ? void 0 : i.slots), y = Ce(l) ? {} : {
+    const y = Ce(i == null ? void 0 : i.slots), g = Ce(l) ? {} : {
       // add "base" to the slots object
-      base: en(r == null ? void 0 : r.base, g && (i == null ? void 0 : i.base)),
+      base: en(r == null ? void 0 : r.base, y && (i == null ? void 0 : i.base)),
       ...l
-    }, x = g ? y : Yu(
+    }, x = y ? g : Yu(
       { ...i == null ? void 0 : i.slots },
-      Ce(y) ? { base: r == null ? void 0 : r.base } : y
+      Ce(g) ? { base: r == null ? void 0 : r.base } : g
     ), v = Ce(i == null ? void 0 : i.compoundVariants) ? a : Hl(i == null ? void 0 : i.compoundVariants, a), T = (D) => {
-      if (Ce(f) && Ce(l) && g)
+      if (Ce(f) && Ce(l) && y)
         return t(h, D == null ? void 0 : D.class, D == null ? void 0 : D.className)(d);
       if (v && !Array.isArray(v))
         throw new TypeError(
@@ -1314,7 +1314,7 @@ var Ue = Zu(), Ju = (t) => {
         }
         return E;
       };
-      if (!Ce(l) || !g) {
+      if (!Ce(l) || !y) {
         const p = {};
         if (typeof x == "object" && !Ce(x)) {
           const E = t;
@@ -1497,19 +1497,19 @@ const Qu = (t, e) => {
     const i = [];
     let l = 0, s = 0, a = 0, c;
     const u = o.length;
-    for (let g = 0; g < u; g++) {
-      const y = o[g];
+    for (let y = 0; y < u; y++) {
+      const g = o[y];
       if (l === 0 && s === 0) {
-        if (y === si) {
-          i.push(o.slice(a, g)), a = g + 1;
+        if (g === si) {
+          i.push(o.slice(a, y)), a = y + 1;
           continue;
         }
-        if (y === "/") {
-          c = g;
+        if (g === "/") {
+          c = y;
           continue;
         }
       }
-      y === "[" ? l++ : y === "]" ? l-- : y === "(" ? s++ : y === ")" && s--;
+      g === "[" ? l++ : g === "]" ? l-- : g === "(" ? s++ : g === ")" && s--;
     }
     const d = i.length === 0 ? o : o.slice(a);
     let h = d, f = !1;
@@ -1567,15 +1567,15 @@ const Qu = (t, e) => {
       modifiers: h,
       hasImportantModifier: f,
       baseClassName: m,
-      maybePostfixModifierPosition: g
+      maybePostfixModifierPosition: y
     } = n(u);
     if (d) {
       a = u + (a.length > 0 ? " " + a : a);
       continue;
     }
-    let y = !!g, x = r(y ? m.substring(0, g) : m);
+    let g = !!y, x = r(g ? m.substring(0, y) : m);
     if (!x) {
-      if (!y) {
+      if (!g) {
         a = u + (a.length > 0 ? " " + a : a);
         continue;
       }
@@ -1583,13 +1583,13 @@ const Qu = (t, e) => {
         a = u + (a.length > 0 ? " " + a : a);
         continue;
       }
-      y = !1;
+      g = !1;
     }
     const v = h.length === 0 ? "" : h.length === 1 ? h[0] : i(h).join(":"), T = f ? v + _r : v, w = T + x;
     if (l.indexOf(w) > -1)
       continue;
     l.push(w);
-    const D = o(x, y);
+    const D = o(x, g);
     for (let B = 0; B < D.length; ++B) {
       const N = D[B];
       l.push(T + N);
@@ -1637,7 +1637,7 @@ const Qu = (t, e) => {
   const r = Yl.exec(t);
   return r ? r[1] ? e(r[1]) : n : !1;
 }, Zl = (t) => t === "position" || t === "percentage", Jl = (t) => t === "image" || t === "url", Ql = (t) => t === "length" || t === "size" || t === "bg-size", es = (t) => t === "length", Od = (t) => t === "number", Ad = (t) => t === "family-name", ts = (t) => t === "shadow", Vr = () => {
-  const t = ye("color"), e = ye("font"), n = ye("text"), r = ye("font-weight"), o = ye("tracking"), i = ye("leading"), l = ye("breakpoint"), s = ye("container"), a = ye("spacing"), c = ye("radius"), u = ye("shadow"), d = ye("inset-shadow"), h = ye("text-shadow"), f = ye("drop-shadow"), m = ye("blur"), g = ye("perspective"), y = ye("aspect"), x = ye("ease"), v = ye("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], w = () => [
+  const t = ye("color"), e = ye("font"), n = ye("text"), r = ye("font-weight"), o = ye("tracking"), i = ye("leading"), l = ye("breakpoint"), s = ye("container"), a = ye("spacing"), c = ye("radius"), u = ye("shadow"), d = ye("inset-shadow"), h = ye("text-shadow"), f = ye("drop-shadow"), m = ye("blur"), y = ye("perspective"), g = ye("aspect"), x = ye("ease"), v = ye("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], w = () => [
     "center",
     "top",
     "bottom",
@@ -1711,7 +1711,7 @@ const Qu = (t, e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", xt, z, H, y]
+        aspect: ["auto", "square", xt, z, H, g]
       }],
       /**
        * Container
@@ -3611,7 +3611,7 @@ const Qu = (t, e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [g, H, z]
+        perspective: [y, H, z]
       }],
       /**
        * Perspective Origin
@@ -5327,7 +5327,7 @@ class xn {
 Mt = new WeakMap();
 const gi = Symbol("linkClicked"), yi = "react-aria-pressable-style", vi = "data-react-aria-pressable";
 function it(t) {
-  let { onPress: e, onPressChange: n, onPressStart: r, onPressEnd: o, onPressUp: i, onClick: l, isDisabled: s, isPressed: a, preventFocusOnPress: c, shouldCancelOnPointerExit: u, allowTextSelectionOnPress: d, ref: h, ...f } = Mf(t), [m, g] = G(!1), y = K({
+  let { onPress: e, onPressChange: n, onPressStart: r, onPressEnd: o, onPressUp: i, onClick: l, isDisabled: s, isPressed: a, preventFocusOnPress: c, shouldCancelOnPointerExit: u, allowTextSelectionOnPress: d, ref: h, ...f } = Mf(t), [m, y] = G(!1), g = K({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     didFirePressStart: !1,
@@ -5338,20 +5338,20 @@ function it(t) {
     pointerType: null,
     disposables: []
   }), { addGlobalListener: x, removeAllGlobalListeners: v } = Qn(), T = X((p, E) => {
-    let L = y.current;
+    let L = g.current;
     if (s || L.didFirePressStart) return !1;
     let S = !0;
     if (L.isTriggeringEvent = !0, r) {
       let M = new xn("pressstart", E, p);
       r(M), S = M.shouldStopPropagation;
     }
-    return n && n(!0), L.isTriggeringEvent = !1, L.didFirePressStart = !0, g(!0), S;
+    return n && n(!0), L.isTriggeringEvent = !1, L.didFirePressStart = !0, y(!0), S;
   }, [
     s,
     r,
     n
   ]), w = X((p, E, L = !0) => {
-    let S = y.current;
+    let S = g.current;
     if (!S.didFirePressStart) return !1;
     S.didFirePressStart = !1, S.isTriggeringEvent = !0;
     let M = !0;
@@ -5359,7 +5359,7 @@ function it(t) {
       let $ = new xn("pressend", E, p);
       o($), M = $.shouldStopPropagation;
     }
-    if (n && n(!1), g(!1), e && L && !s) {
+    if (n && n(!1), y(!1), e && L && !s) {
       let $ = new xn("press", E, p);
       e($), M && (M = $.shouldStopPropagation);
     }
@@ -5370,7 +5370,7 @@ function it(t) {
     n,
     e
   ]), D = Ke(w), B = X((p, E) => {
-    let L = y.current;
+    let L = g.current;
     if (s) return !1;
     if (i) {
       L.isTriggeringEvent = !0;
@@ -5382,7 +5382,7 @@ function it(t) {
     s,
     i
   ]), N = Ke(B), I = X((p) => {
-    let E = y.current;
+    let E = g.current;
     if (E.isPressed && E.target) {
       E.didFirePressStart && E.pointerType != null && w(dt(E.target, p), E.pointerType, !1), E.isPressed = !1, E.isOverTarget = !1, E.activePointerId = null, E.pointerType = null, v(), d || wr(E.target);
       for (let L of E.disposables) L();
@@ -5394,8 +5394,8 @@ function it(t) {
     w
   ]), A = Ke(I);
   Z(() => {
-    s && y.current.isPressed && A({
-      currentTarget: y.current.target,
+    s && g.current.isPressed && A({
+      currentTarget: g.current.target,
       shiftKey: !1,
       ctrlKey: !1,
       metaKey: !1,
@@ -5423,7 +5423,7 @@ function it(t) {
     s,
     l
   ]), V = Q(() => {
-    let p = y.current, E = {
+    let p = g.current, E = {
       onKeyDown(S) {
         var M;
         if (Er(S.nativeEvent, S.currentTarget) && Y(S.currentTarget, _(S))) {
@@ -5606,7 +5606,7 @@ function it(t) {
   }, [
     h
   ]), Z(() => {
-    let p = y.current;
+    let p = g.current;
     return () => {
       d || wr(p.target ?? void 0);
       for (let E of p.disposables) E();
@@ -5703,9 +5703,9 @@ function vs(t, e) {
   return t.type === "checkbox" || t.type === "radio" ? e === " " : Rf.has(t.type);
 }
 function Kf(t, e) {
-  let { elementType: n = "button", isDisabled: r, onPress: o, onPressStart: i, onPressEnd: l, onPressUp: s, onPressChange: a, preventFocusOnPress: c, allowFocusWhenDisabled: u, onClick: d, href: h, target: f, rel: m, type: g = "button" } = t, y;
-  n === "button" ? y = {
-    type: g,
+  let { elementType: n = "button", isDisabled: r, onPress: o, onPressStart: i, onPressEnd: l, onPressUp: s, onPressChange: a, preventFocusOnPress: c, allowFocusWhenDisabled: u, onClick: d, href: h, target: f, rel: m, type: y = "button" } = t, g;
+  n === "button" ? g = {
+    type: y,
     disabled: r,
     form: t.form,
     formAction: t.formAction,
@@ -5715,11 +5715,11 @@ function Kf(t, e) {
     formTarget: t.formTarget,
     name: t.name,
     value: t.value
-  } : y = {
+  } : g = {
     role: "button",
     href: n === "a" && !r ? h : void 0,
     target: n === "a" ? f : void 0,
-    type: n === "input" ? g : void 0,
+    type: n === "input" ? y : void 0,
     disabled: n === "input" ? r : void 0,
     "aria-disabled": !r || n === "input" ? void 0 : r,
     rel: n === "a" ? m : void 0
@@ -5741,7 +5741,7 @@ function Kf(t, e) {
   }));
   return {
     isPressed: v,
-    buttonProps: ne(y, w, {
+    buttonProps: ne(g, w, {
       "aria-haspopup": t["aria-haspopup"],
       "aria-expanded": t["aria-expanded"],
       "aria-controls": t["aria-controls"],
@@ -5767,14 +5767,14 @@ function To(t) {
     const f = se(h), m = ue(f);
     if (!i.current.isFocusWithin && m === h) {
       r && r(d), o && o(!0), i.current.isFocusWithin = !0, c(d);
-      let g = d.currentTarget;
-      l(f, "focus", (y) => {
-        let x = _(y);
-        if (i.current.isFocusWithin && !Y(g, x)) {
+      let y = d.currentTarget;
+      l(f, "focus", (g) => {
+        let x = _(g);
+        if (i.current.isFocusWithin && !Y(y, x)) {
           let v = new f.defaultView.FocusEvent("blur", {
             relatedTarget: x
           });
-          ds(v, g);
+          ds(v, y);
           let T = Co(v);
           a(T);
         }
@@ -5858,37 +5858,37 @@ function hn(t) {
   }).current;
   Z(Of, []);
   let { addGlobalListener: a, removeAllGlobalListeners: c } = Qn(), { hoverProps: u, triggerHoverEnd: d } = Q(() => {
-    let h = (g, y) => {
-      if (s.pointerType = y, o || y === "touch" || s.isHovered || !Y(g.currentTarget, _(g))) return;
+    let h = (y, g) => {
+      if (s.pointerType = g, o || g === "touch" || s.isHovered || !Y(y.currentTarget, _(y))) return;
       s.isHovered = !0;
-      let x = g.currentTarget;
-      s.target = x, a(se(_(g)), "pointerover", (v) => {
+      let x = y.currentTarget;
+      s.target = x, a(se(_(y)), "pointerover", (v) => {
         s.isHovered && s.target && !Y(s.target, _(v)) && f(v, v.pointerType);
       }, {
         capture: !0
       }), e && e({
         type: "hoverstart",
         target: x,
-        pointerType: y
+        pointerType: g
       }), n && n(!0), l(!0);
-    }, f = (g, y) => {
+    }, f = (y, g) => {
       let x = s.target;
-      s.pointerType = "", s.target = null, !(y === "touch" || !s.isHovered || !x) && (s.isHovered = !1, c(), r && r({
+      s.pointerType = "", s.target = null, !(g === "touch" || !s.isHovered || !x) && (s.isHovered = !1, c(), r && r({
         type: "hoverend",
         target: x,
-        pointerType: y
+        pointerType: g
       }), n && n(!1), l(!1));
     }, m = {};
-    return typeof PointerEvent < "u" ? (m.onPointerEnter = (g) => {
-      Wn && g.pointerType === "mouse" || h(g, g.pointerType);
-    }, m.onPointerLeave = (g) => {
-      !o && Y(g.currentTarget, _(g)) && f(g, g.pointerType);
+    return typeof PointerEvent < "u" ? (m.onPointerEnter = (y) => {
+      Wn && y.pointerType === "mouse" || h(y, y.pointerType);
+    }, m.onPointerLeave = (y) => {
+      !o && Y(y.currentTarget, _(y)) && f(y, y.pointerType);
     }) : process.env.NODE_ENV === "test" && (m.onTouchStart = () => {
       s.ignoreEmulatedMouseEvents = !0;
-    }, m.onMouseEnter = (g) => {
-      !s.ignoreEmulatedMouseEvents && !Wn && h(g, "mouse"), s.ignoreEmulatedMouseEvents = !1;
-    }, m.onMouseLeave = (g) => {
-      !o && Y(g.currentTarget, _(g)) && f(g, "mouse");
+    }, m.onMouseEnter = (y) => {
+      !s.ignoreEmulatedMouseEvents && !Wn && h(y, "mouse"), s.ignoreEmulatedMouseEvents = !1;
+    }, m.onMouseLeave = (y) => {
+      !o && Y(y.currentTarget, _(y)) && f(y, "mouse");
     }), {
       hoverProps: m,
       triggerHoverEnd: f
@@ -5931,18 +5931,18 @@ const $s = /* @__PURE__ */ q({}), No = /* @__PURE__ */ of(function(e, n) {
     ...e,
     values: h,
     defaultClassName: "react-aria-Button"
-  }), m = xe(i.id), g = xe(), y = i["aria-labelledby"];
-  o && (y ? y = `${y} ${g}` : i["aria-label"] && (y = `${m} ${g}`));
+  }), m = xe(i.id), y = xe(), g = i["aria-labelledby"];
+  o && (g ? g = `${g} ${y}` : i["aria-label"] && (g = `${m} ${y}`));
   let x = K(o);
   Z(() => {
     let T = {
-      "aria-labelledby": y || m
+      "aria-labelledby": g || m
     };
     (!x.current && a && o || x.current && a && !o) && hi(T, "assertive"), x.current = o;
   }, [
     o,
     a,
-    y,
+    g,
     m
   ]);
   let v = me(e, {
@@ -5955,7 +5955,7 @@ const $s = /* @__PURE__ */ q({}), No = /* @__PURE__ */ of(function(e, n) {
     type: i.type === "submit" && o ? "button" : i.type,
     id: m,
     ref: n,
-    "aria-labelledby": y,
+    "aria-labelledby": g,
     slot: e.slot || void 0,
     "aria-disabled": o ? "true" : i["aria-disabled"],
     "data-disabled": e.isDisabled || void 0,
@@ -5966,7 +5966,7 @@ const $s = /* @__PURE__ */ q({}), No = /* @__PURE__ */ of(function(e, n) {
     "data-focus-visible": c || void 0
   }, /* @__PURE__ */ C.createElement(cs.Provider, {
     value: {
-      id: g
+      id: y
     }
   }, f.children));
 }), Af = /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;
@@ -6143,39 +6143,39 @@ let zt = /* @__PURE__ */ new WeakMap(), ke = [];
 function ws(t, e) {
   let n = $e(t == null ? void 0 : t[0]), r = e instanceof n.Element ? {
     root: e
-  } : e, o = (r == null ? void 0 : r.root) ?? document.body, i = (r == null ? void 0 : r.shouldUseInert) && Yf, l = new Set(t), s = /* @__PURE__ */ new Set(), a = (y) => i && y instanceof n.HTMLElement ? y.inert : y.getAttribute("aria-hidden") === "true", c = (y, x) => {
-    i && y instanceof n.HTMLElement ? y.inert = x : x ? y.setAttribute("aria-hidden", "true") : (y.removeAttribute("aria-hidden"), y instanceof n.HTMLElement && (y.inert = !1));
+  } : e, o = (r == null ? void 0 : r.root) ?? document.body, i = (r == null ? void 0 : r.shouldUseInert) && Yf, l = new Set(t), s = /* @__PURE__ */ new Set(), a = (g) => i && g instanceof n.HTMLElement ? g.inert : g.getAttribute("aria-hidden") === "true", c = (g, x) => {
+    i && g instanceof n.HTMLElement ? g.inert = x : x ? g.setAttribute("aria-hidden", "true") : (g.removeAttribute("aria-hidden"), g instanceof n.HTMLElement && (g.inert = !1));
   }, u = /* @__PURE__ */ new Set();
   if (We())
-    for (let y of t) {
-      let x = y;
+    for (let g of t) {
+      let x = g;
       for (; x && x !== o; ) {
         let v = x.getRootNode();
         "shadowRoot" in v && u.add(v.shadowRoot), x = v.parentNode;
       }
     }
-  let d = (y) => {
-    for (let w of y.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) l.add(w);
+  let d = (g) => {
+    for (let w of g.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) l.add(w);
     let x = (w) => {
       if (s.has(w) || l.has(w) || w.parentElement && s.has(w.parentElement) && w.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
       for (let D of l)
         if (Y(w, D)) return NodeFilter.FILTER_SKIP;
       return NodeFilter.FILTER_ACCEPT;
-    }, v = Ll(se(y), y, NodeFilter.SHOW_ELEMENT, {
+    }, v = Ll(se(g), g, NodeFilter.SHOW_ELEMENT, {
       acceptNode: x
-    }), T = x(y);
-    if (T === NodeFilter.FILTER_ACCEPT && h(y), T !== NodeFilter.FILTER_REJECT) {
+    }), T = x(g);
+    if (T === NodeFilter.FILTER_ACCEPT && h(g), T !== NodeFilter.FILTER_REJECT) {
       let w = v.nextNode();
       for (; w != null; )
         h(w), w = v.nextNode();
     }
-  }, h = (y) => {
-    let x = zt.get(y) ?? 0;
-    a(y) && x === 0 || (x === 0 && c(y, !0), s.add(y), zt.set(y, x + 1));
+  }, h = (g) => {
+    let x = zt.get(g) ?? 0;
+    a(g) && x === 0 || (x === 0 && c(g, !0), s.add(g), zt.set(g, x + 1));
   };
   ke.length && ke[ke.length - 1].disconnect(), d(o);
-  let f = new MutationObserver((y) => {
-    for (let x of y)
+  let f = new MutationObserver((g) => {
+    for (let x of g)
       if (x.type === "childList") {
         if (x.target.isConnected && ![
           ...l,
@@ -6195,7 +6195,7 @@ function ws(t, e) {
     subtree: !0
   });
   let m = /* @__PURE__ */ new Set();
-  if (We()) for (let y of u) {
+  if (We()) for (let g of u) {
     let x = new MutationObserver((v) => {
       for (let T of v)
         if (T.type === "childList") {
@@ -6212,12 +6212,12 @@ function ws(t, e) {
           }
         }
     });
-    x.observe(y, {
+    x.observe(g, {
       childList: !0,
       subtree: !0
     }), m.add(x);
   }
-  let g = {
+  let y = {
     visibleNodes: l,
     hiddenNodes: s,
     observe() {
@@ -6230,13 +6230,13 @@ function ws(t, e) {
       f.disconnect();
     }
   };
-  return ke.push(g), () => {
-    if (f.disconnect(), We()) for (let y of m) y.disconnect();
-    for (let y of s) {
-      let x = zt.get(y);
-      x != null && (x === 1 ? (c(y, !1), zt.delete(y)) : zt.set(y, x - 1));
+  return ke.push(y), () => {
+    if (f.disconnect(), We()) for (let g of m) g.disconnect();
+    for (let g of s) {
+      let x = zt.get(g);
+      x != null && (x === 1 ? (c(g, !1), zt.delete(g)) : zt.set(g, x - 1));
     }
-    g === ke[ke.length - 1] ? (ke.pop(), ke.length && ke[ke.length - 1].observe()) : ke.splice(ke.indexOf(g), 1);
+    y === ke[ke.length - 1] ? (ke.pop(), ke.length && ke[ke.length - 1].observe()) : ke.splice(ke.indexOf(y), 1);
   };
 }
 function Xf(t) {
@@ -6320,13 +6320,13 @@ function Ti(t) {
   }, En[t];
 }
 function Sr(t, e, n, r, o, i, l, s, a, c, u) {
-  let { placement: d, crossPlacement: h, axis: f, crossAxis: m, size: g, crossSize: y } = r, x = {};
-  x[m] = t[m] ?? 0, h === "center" ? x[m] += ((t[y] ?? 0) - (n[y] ?? 0)) / 2 : h !== m && (x[m] += (t[y] ?? 0) - (n[y] ?? 0)), x[m] += i;
-  const v = t[m] - n[y] + a + c, T = t[m] + t[y] - a - c;
+  let { placement: d, crossPlacement: h, axis: f, crossAxis: m, size: y, crossSize: g } = r, x = {};
+  x[m] = t[m] ?? 0, h === "center" ? x[m] += ((t[g] ?? 0) - (n[g] ?? 0)) / 2 : h !== m && (x[m] += (t[g] ?? 0) - (n[g] ?? 0)), x[m] += i;
+  const v = t[m] - n[g] + a + c, T = t[m] + t[g] - a - c;
   if (x[m] = Vn(x[m], v, T), d === f) {
-    let w = s ? u[g] : u[Es[g]];
+    let w = s ? u[y] : u[Es[y]];
     x[Gn[f]] = Math.floor(w - t[f] + o);
-  } else x[f] = Math.floor(t[f] + t[g] + o);
+  } else x[f] = Math.floor(t[f] + t[y] + o);
   return x;
 }
 function th(t, e, n, r, o, i, l, s, a, c, u) {
@@ -6352,20 +6352,20 @@ function Mi(t, e, n, r, o, i, l, s) {
   (r[c] ?? 0) - // margins usually for arrows or other decorations
   r[Gn[c]] - o) : Math.max(0, t[u] + t[c] + (s ? e[c] : 0) - n[c] - n[u] + (l.scroll[c] ?? 0) - (r[c] ?? 0) - r[Gn[c]] - o);
 }
-function nh(t, e, n, r, o, i, l, s, a, c, u, d, h, f, m, g, y, x) {
-  let v = Ti(t), { size: T, crossAxis: w, crossSize: D, placement: B, crossPlacement: N } = v, I = Sr(e, s, n, v, u, d, c, h, m, g, a), A = u, k = Mi(s, c, e, o, i + u, v, a, y);
+function nh(t, e, n, r, o, i, l, s, a, c, u, d, h, f, m, y, g, x) {
+  let v = Ti(t), { size: T, crossAxis: w, crossSize: D, placement: B, crossPlacement: N } = v, I = Sr(e, s, n, v, u, d, c, h, m, y, a), A = u, k = Mi(s, c, e, o, i + u, v, a, g);
   if (l && n[T] > k) {
-    let ae = Ti(`${Gn[B]} ${N}`), pe = Sr(e, s, n, ae, u, d, c, h, m, g, a);
-    Mi(s, c, e, o, i + u, ae, a, y) > k && (v = ae, I = pe, A = u);
+    let ae = Ti(`${Gn[B]} ${N}`), pe = Sr(e, s, n, ae, u, d, c, h, m, y, a);
+    Mi(s, c, e, o, i + u, ae, a, g) > k && (v = ae, I = pe, A = u);
   }
   let O = "bottom";
   v.axis === "top" ? v.placement === "top" ? O = "top" : v.placement === "bottom" && (O = "bottom") : v.crossAxis === "top" && (v.crossPlacement === "top" ? O = "bottom" : v.crossPlacement === "bottom" && (O = "top"));
   let W = ki(w, I[w], n[D], s, a, i, c);
   I[w] += W;
-  let V = th(I, s, c, h, o, i, n.height, O, a, y, x);
-  f && f < V && (V = f), n.height = Math.min(n.height, V), I = Sr(e, s, n, v, A, d, c, h, m, g, a), W = ki(w, I[w], n[D], s, a, i, c), I[w] += W;
+  let V = th(I, s, c, h, o, i, n.height, O, a, g, x);
+  f && f < V && (V = f), n.height = Math.min(n.height, V), I = Sr(e, s, n, v, A, d, c, h, m, y, a), W = ki(w, I[w], n[D], s, a, i, c), I[w] += W;
   let p = {}, E = e[w] - I[w] - o[Re[w]], L = E + 0.5 * e[D];
-  const S = m / 2 + g, M = Re[w] === "left" ? (o.left ?? 0) + (o.right ?? 0) : (o.top ?? 0) + (o.bottom ?? 0), $ = n[D] - M - m / 2 - g, P = e[w] + m / 2 - (I[w] + o[Re[w]]), R = e[w] + e[D] - m / 2 - (I[w] + o[Re[w]]), J = Vn(L, P, R);
+  const S = m / 2 + y, M = Re[w] === "left" ? (o.left ?? 0) + (o.right ?? 0) : (o.top ?? 0) + (o.bottom ?? 0), $ = n[D] - M - m / 2 - y, P = e[w] + m / 2 - (I[w] + o[Re[w]]), R = e[w] + e[D] - m / 2 - (I[w] + o[Re[w]]), J = Vn(L, P, R);
   p[w] = Vn(J, S, $), { placement: B, crossPlacement: N } = v, m ? E = p[w] : N === "right" ? E += e[D] : N === "center" && (E += e[D] / 2);
   let ee = B === "left" || B === "top" ? n[T] : 0, te = {
     x: B === "top" || B === "bottom" ? E : ee,
@@ -6381,17 +6381,17 @@ function nh(t, e, n, r, o, i, l, s, a, c, u, d, h, f, m, g, y, x) {
   };
 }
 function rh(t) {
-  let { placement: e, targetNode: n, overlayNode: r, scrollNode: o, padding: i, shouldFlip: l, boundaryElement: s, offset: a, crossOffset: c, maxHeight: u, arrowSize: d = 0, arrowBoundaryOffset: h = 0 } = t, f = Jf(), m = r instanceof HTMLElement ? oh(r) : document.documentElement, g = m === document.documentElement;
-  const y = window.getComputedStyle(m).position;
-  let x = !!y && y !== "static", v = g ? ln(n, !1) : Ni(n, m, !1);
-  if (!g) {
+  let { placement: e, targetNode: n, overlayNode: r, scrollNode: o, padding: i, shouldFlip: l, boundaryElement: s, offset: a, crossOffset: c, maxHeight: u, arrowSize: d = 0, arrowBoundaryOffset: h = 0 } = t, f = Jf(), m = r instanceof HTMLElement ? oh(r) : document.documentElement, y = m === document.documentElement;
+  const g = window.getComputedStyle(m).position;
+  let x = !!g && g !== "static", v = y ? ln(n, !1) : Ni(n, m, !1);
+  if (!y) {
     let { marginTop: k, marginLeft: O } = window.getComputedStyle(n);
     v.top += parseInt(k, 10) || 0, v.left += parseInt(O, 10) || 0;
   }
   let T = ln(r, !0), w = eh(r);
   T.width += (w.left ?? 0) + (w.right ?? 0), T.height += (w.top ?? 0) + (w.bottom ?? 0);
   let D = Qf(o), B = Ci(s, f), N = Ci(m, f), I;
-  if ((s.tagName === "BODY" || s.tagName === "HTML") && !g) {
+  if ((s.tagName === "BODY" || s.tagName === "HTML") && !y) {
     let k = rr(m, !1);
     I = {
       top: -(k.top - B.top),
@@ -6399,7 +6399,7 @@ function rh(t) {
       width: 0,
       height: 0
     };
-  } else (s.tagName === "BODY" || s.tagName === "HTML") && g ? I = {
+  } else (s.tagName === "BODY" || s.tagName === "HTML") && y ? I = {
     top: 0,
     left: 0,
     width: 0,
@@ -6468,7 +6468,7 @@ function ih(t) {
 }
 let be = typeof document < "u" ? window.visualViewport : null;
 function lh(t) {
-  let { direction: e } = $t(), { arrowSize: n, targetRef: r, overlayRef: o, arrowRef: i, scrollRef: l = o, placement: s = "bottom", containerPadding: a = 12, shouldFlip: c = !0, boundaryElement: u = typeof document < "u" ? document.body : null, offset: d = 0, crossOffset: h = 0, shouldUpdatePosition: f = !0, isOpen: m = !0, onClose: g, maxHeight: y, arrowBoundaryOffset: x = 0 } = t, [v, T] = G(null), w = [
+  let { direction: e } = $t(), { arrowSize: n, targetRef: r, overlayRef: o, arrowRef: i, scrollRef: l = o, placement: s = "bottom", containerPadding: a = 12, shouldFlip: c = !0, boundaryElement: u = typeof document < "u" ? document.body : null, offset: d = 0, crossOffset: h = 0, shouldUpdatePosition: f = !0, isOpen: m = !0, onClose: y, maxHeight: g, arrowBoundaryOffset: x = 0 } = t, [v, T] = G(null), w = [
     f,
     s,
     o.current,
@@ -6482,7 +6482,7 @@ function lh(t) {
     h,
     m,
     e,
-    y,
+    g,
     x,
     n
   ], D = K(be == null ? void 0 : be.scale);
@@ -6503,7 +6503,7 @@ function lh(t) {
       }, A.offset > L.height / 2 && (A.type = "bottom", A.offset = ((E == null ? void 0 : E.bottom) ?? 0) - L.bottom);
     }
     let k = o.current;
-    !y && o.current && (k.style.top = "0px", k.style.bottom = "", k.style.maxHeight = (((p = window.visualViewport) == null ? void 0 : p.height) ?? window.innerHeight) + "px");
+    !g && o.current && (k.style.top = "0px", k.style.bottom = "", k.style.maxHeight = (((p = window.visualViewport) == null ? void 0 : p.height) ?? window.innerHeight) + "px");
     let O = rh({
       placement: ah(s, e),
       overlayNode: o.current,
@@ -6514,7 +6514,7 @@ function lh(t) {
       boundaryElement: u,
       offset: d,
       crossOffset: h,
-      maxHeight: y,
+      maxHeight: g,
       arrowSize: n ?? (i != null && i.current ? rr(i.current, !0).width : 0),
       arrowBoundaryOffset: x
     });
@@ -6550,15 +6550,15 @@ function lh(t) {
     B
   ]);
   let I = X(() => {
-    N.current || g == null || g();
+    N.current || y == null || y();
   }, [
-    g,
+    y,
     N
   ]);
   return ih({
     triggerRef: r,
     isOpen: m,
-    onClose: g && I
+    onClose: y && I
   }), {
     overlayProps: {
       style: {
@@ -6617,12 +6617,12 @@ function Ps(t) {
   }, [
     n
   ]), le(() => {
-    var g;
-    let h = (g = i.current) == null ? void 0 : g.nextSibling, f = [], m = (y) => y.stopPropagation();
+    var y;
+    let h = (y = i.current) == null ? void 0 : y.nextSibling, f = [], m = (g) => g.stopPropagation();
     for (; h && h !== l.current; )
       f.push(h), h.addEventListener(Xr, m), h = h.nextSibling;
     return s.current = f, () => {
-      for (let y of f) y.removeEventListener(Xr, m);
+      for (let g of f) g.removeEventListener(Xr, m);
     };
   }, [
     e
@@ -7070,8 +7070,8 @@ function Ts(t, e) {
   let c = () => {
     Ve[Ve.length - 1] === e && n && n();
   }, u = (m) => {
-    const g = Ve[Ve.length - 1];
-    a.current = g, (!s || s(_(m))) && g === e && m.stopPropagation();
+    const y = Ve[Ve.length - 1];
+    a.current = y, (!s || s(_(m))) && y === e && m.stopPropagation();
   }, d = (m) => {
     (!s || s(_(m))) && (Ve[Ve.length - 1] === e && m.stopPropagation(), a.current === e && c()), a.current = void 0;
   }, h = (m) => {
@@ -7211,7 +7211,7 @@ function $h(t, e) {
     isDismissable: !i || c,
     isKeyboardDismissDisabled: l,
     shouldCloseOnInteractOutside: s
-  }, o ?? r), { overlayProps: h, arrowProps: f, placement: m, triggerAnchorPoint: g } = lh({
+  }, o ?? r), { overlayProps: h, arrowProps: f, placement: m, triggerAnchorPoint: y } = lh({
     ...a,
     targetRef: n,
     overlayRef: r,
@@ -7237,7 +7237,7 @@ function $h(t, e) {
     arrowProps: f,
     underlayProps: d,
     placement: m,
-    triggerAnchorPoint: g
+    triggerAnchorPoint: y
   };
 }
 var Ns = {};
@@ -7658,13 +7658,13 @@ function Rh({ state: t, isExiting: e, UNSTABLE_portalContainer: n, clearContexts
     // If this is a submenu/subdialog, use the root popover's container
     // to detect outside interaction and add aria-hidden.
     groupRef: a ? s : l
-  }, t), m = o.popoverRef, g = vo(m, !!h) || o.isEntering || !1, y = Ae({
+  }, t), m = o.popoverRef, y = vo(m, !!h) || o.isEntering || !1, g = Ae({
     ...o,
     defaultClassName: "react-aria-Popover",
     values: {
       trigger: o.trigger || null,
       placement: h,
-      isEntering: g,
+      isEntering: y,
       isExiting: e
     }
   }), x = !o.isNonModal || o.trigger === "SubmenuTrigger", [v, T] = G(!1);
@@ -7681,13 +7681,13 @@ function Rh({ state: t, isExiting: e, UNSTABLE_portalContainer: n, clearContexts
     o.trigger
   ]);
   let w = Q(() => {
-    let W = y.children;
+    let W = g.children;
     if (r) for (let V of r) W = /* @__PURE__ */ C.createElement(V.Provider, {
       value: null
     }, W);
     return W;
   }, [
-    y.children,
+    g.children,
     r
   ]), [D, B] = G(null), N = X(() => {
     o.triggerRef.current && B(o.triggerRef.current.getBoundingClientRect().width + "px");
@@ -7697,19 +7697,19 @@ function Rh({ state: t, isExiting: e, UNSTABLE_portalContainer: n, clearContexts
   le(N, [
     N
   ]), On({
-    ref: (k = y.style) != null && k["--trigger-width"] ? void 0 : o.triggerRef,
+    ref: (k = g.style) != null && k["--trigger-width"] ? void 0 : o.triggerRef,
     onResize: N
   });
   let I = {
     ...c.style,
     "--trigger-anchor-point": f ? `${f.x}px ${f.y}px` : void 0,
-    ...y.style,
-    "--trigger-width": ((O = y.style) == null ? void 0 : O["--trigger-width"]) || D
+    ...g.style,
+    "--trigger-width": ((O = g.style) == null ? void 0 : O["--trigger-width"]) || D
   }, A = /* @__PURE__ */ C.createElement(we.div, {
     ...ne(me(o, {
       global: !0
     }), c),
-    ...y,
+    ...g,
     role: v ? "dialog" : void 0,
     tabIndex: v ? -1 : void 0,
     "aria-label": o["aria-label"],
@@ -7720,7 +7720,7 @@ function Rh({ state: t, isExiting: e, UNSTABLE_portalContainer: n, clearContexts
     dir: o.dir,
     "data-trigger": o.trigger,
     "data-placement": h,
-    "data-entering": g || void 0,
+    "data-entering": y || void 0,
     "data-exiting": e || void 0
   }, !o.isNonModal && /* @__PURE__ */ C.createElement(Qr, {
     onDismiss: t.close
@@ -8186,16 +8186,16 @@ function Fh() {
   }
   var n = typeof Object.is == "function" ? Object.is : e, r = t.useState, o = t.useEffect, i = t.useLayoutEffect, l = t.useDebugValue;
   function s(d, h) {
-    var f = h(), m = r({ inst: { value: f, getSnapshot: h } }), g = m[0].inst, y = m[1];
+    var f = h(), m = r({ inst: { value: f, getSnapshot: h } }), y = m[0].inst, g = m[1];
     return i(
       function() {
-        g.value = f, g.getSnapshot = h, a(g) && y({ inst: g });
+        y.value = f, y.getSnapshot = h, a(y) && g({ inst: y });
       },
       [d, f, h]
     ), o(
       function() {
-        return a(g) && y({ inst: g }), d(function() {
-          a(g) && y({ inst: g });
+        return a(y) && g({ inst: y }), d(function() {
+          a(y) && g({ inst: y });
         });
       },
       [d]
@@ -8237,22 +8237,22 @@ function _h() {
       u || o.startTransition === void 0 || (u = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var g = m();
+      var y = m();
       if (!d) {
-        var y = m();
-        i(g, y) || (console.error(
+        var g = m();
+        i(y, g) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), d = !0);
       }
-      y = l({
-        inst: { value: g, getSnapshot: m }
+      g = l({
+        inst: { value: y, getSnapshot: m }
       });
-      var x = y[0].inst, v = y[1];
+      var x = g[0].inst, v = g[1];
       return a(
         function() {
-          x.value = g, x.getSnapshot = m, n(x) && v({ inst: x });
+          x.value = y, x.getSnapshot = m, n(x) && v({ inst: x });
         },
-        [f, g, m]
+        [f, y, m]
       ), s(
         function() {
           return n(x) && v({ inst: x }), f(function() {
@@ -8260,14 +8260,14 @@ function _h() {
           });
         },
         [f]
-      ), c(g), g;
+      ), c(y), y;
     }
     function n(f) {
       var m = f.getSnapshot;
       f = f.value;
       try {
-        var g = m();
-        return !i(f, g);
+        var y = m();
+        return !i(f, y);
       } catch {
         return !0;
       }
@@ -8745,8 +8745,8 @@ function cc(t) {
           type: "longpress"
         }), s.current = void 0;
       }, i), h.pointerType === "touch")) {
-        let f = (g) => {
-          g.preventDefault();
+        let f = (y) => {
+          y.preventDefault();
         }, m = $e(h.target);
         a(h.target, "contextmenu", f, {
           once: !0
@@ -8892,7 +8892,7 @@ function gp(t) {
   return t.length === 1 || !/^[A-Z]/i.test(t) ? t : "";
 }
 function yp(t) {
-  let { selectionManager: e, keyboardDelegate: n, ref: r, autoFocus: o = !1, shouldFocusWrap: i = !1, disallowEmptySelection: l = !1, disallowSelectAll: s = !1, escapeKeyBehavior: a = "clearSelection", selectOnFocus: c = e.selectionBehavior === "replace", disallowTypeAhead: u = !1, shouldUseVirtualFocus: d, allowsTabNavigation: h = !1, scrollRef: f = r, linkBehavior: m = "action" } = t, { direction: g } = $t(), y = cn(), x = (p) => {
+  let { selectionManager: e, keyboardDelegate: n, ref: r, autoFocus: o = !1, shouldFocusWrap: i = !1, disallowEmptySelection: l = !1, disallowSelectAll: s = !1, escapeKeyBehavior: a = "clearSelection", selectOnFocus: c = e.selectionBehavior === "replace", disallowTypeAhead: u = !1, shouldUseVirtualFocus: d, allowsTabNavigation: h = !1, scrollRef: f = r, linkBehavior: m = "action" } = t, { direction: y } = $t(), g = cn(), x = (p) => {
     var L, S, M, $, P, R, J, ee, te, ae, pe, ie, Se, ze;
     if (p.altKey && p.key === "Tab" && p.preventDefault(), !r.current || !Y(r.current, _(p))) return;
     const E = (j, Ne) => {
@@ -8902,7 +8902,7 @@ function yp(t) {
             e.setFocusedKey(j, Ne);
           });
           let Pe = Rn(r, j), ct = e.getItemProps(j);
-          Pe && y.open(Pe, p, ct.href, ct.routerOptions);
+          Pe && g.open(Pe, p, ct.href, ct.routerOptions);
           return;
         }
         if (e.setFocusedKey(j, Ne), e.isLink(j) && m === "override") return;
@@ -8925,13 +8925,13 @@ function yp(t) {
       case "ArrowLeft":
         if (n.getKeyLeftOf) {
           let j = e.focusedKey != null ? (J = n.getKeyLeftOf) == null ? void 0 : J.call(n, e.focusedKey) : (ee = n.getFirstKey) == null ? void 0 : ee.call(n);
-          j == null && i && (j = g === "rtl" ? (te = n.getFirstKey) == null ? void 0 : te.call(n, e.focusedKey) : (ae = n.getLastKey) == null ? void 0 : ae.call(n, e.focusedKey)), j != null && (p.preventDefault(), E(j, g === "rtl" ? "first" : "last"));
+          j == null && i && (j = y === "rtl" ? (te = n.getFirstKey) == null ? void 0 : te.call(n, e.focusedKey) : (ae = n.getLastKey) == null ? void 0 : ae.call(n, e.focusedKey)), j != null && (p.preventDefault(), E(j, y === "rtl" ? "first" : "last"));
         }
         break;
       case "ArrowRight":
         if (n.getKeyRightOf) {
           let j = e.focusedKey != null ? (pe = n.getKeyRightOf) == null ? void 0 : pe.call(n, e.focusedKey) : (ie = n.getFirstKey) == null ? void 0 : ie.call(n);
-          j == null && i && (j = g === "rtl" ? (Se = n.getLastKey) == null ? void 0 : Se.call(n, e.focusedKey) : (ze = n.getFirstKey) == null ? void 0 : ze.call(n, e.focusedKey)), j != null && (p.preventDefault(), E(j, g === "rtl" ? "last" : "first"));
+          j == null && i && (j = y === "rtl" ? (Se = n.getLastKey) == null ? void 0 : Se.call(n, e.focusedKey) : (ze = n.getFirstKey) == null ? void 0 : ze.call(n, e.focusedKey)), j != null && (p.preventDefault(), E(j, y === "rtl" ? "last" : "first"));
         }
         break;
       case "Home":
@@ -9359,7 +9359,7 @@ function Ep(t) {
     a,
     r
   ]);
-  let g = n.isLink(r) && d === "override", y = c && t.UNSTABLE_itemBehavior === "action", x = n.isLink(r) && d !== "selection" && d !== "none", v = !a && n.canSelectItem(r) && !g && !y, T = (c || x) && !a, w = T && (n.selectionBehavior === "replace" ? !v : !v || n.isEmpty), D = T && v && n.selectionBehavior === "replace", B = w || D, N = K(null), I = B && v, A = K(!1), k = K(!1), O = n.getItemProps(r), W = (P) => {
+  let y = n.isLink(r) && d === "override", g = c && t.UNSTABLE_itemBehavior === "action", x = n.isLink(r) && d !== "selection" && d !== "none", v = !a && n.canSelectItem(r) && !y && !g, T = (c || x) && !a, w = T && (n.selectionBehavior === "replace" ? !v : !v || n.isEmpty), D = T && v && n.selectionBehavior === "replace", B = w || D, N = K(null), I = B && v, A = K(!1), k = K(!1), O = n.getItemProps(r), W = (P) => {
     var R;
     c && (c(), (R = o.current) == null || R.dispatchEvent(new CustomEvent("react-aria-item-action", {
       bubbles: !0
@@ -9454,7 +9454,7 @@ function Pp(t) {
   return r(t), Qi.set(t, n), n;
 }
 function Cp(t, e, n) {
-  let { id: r, key: o, closeOnSelect: i, shouldCloseOnSelect: l, isVirtualized: s, "aria-haspopup": a, onPressStart: c, onPressUp: u, onPress: d, onPressChange: h, onPressEnd: f, onClick: m, onHoverStart: g, onHoverChange: y, onHoverEnd: x, onKeyDown: v, onKeyUp: T, onFocus: w, onFocusChange: D, onBlur: B, selectionManager: N = e.selectionManager } = t, I = !!a, A = I && t["aria-expanded"] === "true", k = t.isDisabled ?? N.isDisabled(o), O = t.isSelected ?? N.isSelected(o), W = dc.get(e), V = e.collection.getItem(o), p = t.onClose || W.onClose, E = cn(), L = () => {
+  let { id: r, key: o, closeOnSelect: i, shouldCloseOnSelect: l, isVirtualized: s, "aria-haspopup": a, onPressStart: c, onPressUp: u, onPress: d, onPressChange: h, onPressEnd: f, onClick: m, onHoverStart: y, onHoverChange: g, onHoverEnd: x, onKeyDown: v, onKeyUp: T, onFocus: w, onFocusChange: D, onBlur: B, selectionManager: N = e.selectionManager } = t, I = !!a, A = I && t["aria-expanded"] === "true", k = t.isDisabled ?? N.isDisabled(o), O = t.isSelected ?? N.isSelected(o), W = dc.get(e), V = e.collection.getItem(o), p = t.onClose || W.onClose, E = cn(), L = () => {
     var ce;
     if (!I && ((ce = V == null ? void 0 : V.props) != null && ce.onAction ? V.props.onAction() : t.onAction && t.onAction(o), W.onAction)) {
       let Bt = W.onAction;
@@ -9515,9 +9515,9 @@ function Cp(t, e, n) {
   }), { hoverProps: Ne } = hn({
     isDisabled: k,
     onHoverStart(ce) {
-      !nn() && !(A && a) && (N.setFocused(!0), N.setFocusedKey(o)), g == null || g(ce);
+      !nn() && !(A && a) && (N.setFocused(!0), N.setFocusedKey(o)), y == null || y(ce);
     },
-    onHoverChange: y,
+    onHoverChange: g,
     onHoverEnd: x
   }), { keyboardProps: Pe } = ys({
     onKeyDown: (ce) => {
@@ -9622,9 +9622,9 @@ function Np(t) {
       n.current && (l.current = n.current.getBoundingClientRect(), u.current = void 0);
     }
   });
-  let g = () => {
+  let y = () => {
     f(!1), d.current = kn, i.current = void 0;
-  }, y = Sf(), x = Ke((v) => {
+  }, g = Sf(), x = Ke((v) => {
     h && v.preventDefault();
   });
   Z(() => {
@@ -9634,8 +9634,8 @@ function Np(t) {
     h
   ]), le(() => {
     let v = n.current, T = e.current;
-    if (o || !v || !r || y !== "pointer" || !T) {
-      g();
+    if (o || !v || !r || g !== "pointer" || !T) {
+      y();
       return;
     }
     l.current = v.getBoundingClientRect();
@@ -9654,7 +9654,7 @@ function Np(t) {
       }
       if (!l.current) return;
       if (u.current || (u.current = N > l.current.right ? "left" : "right"), N < T.getBoundingClientRect().left || N > T.getBoundingClientRect().right || I < T.getBoundingClientRect().top || I > T.getBoundingClientRect().bottom) {
-        g();
+        y();
         return;
       }
       let A = i.current.x, k = i.current.y, O = u.current === "right" ? l.current.left - A : A - l.current.right, W = Math.atan2(k - l.current.top, O) + el, V = Math.atan2(k - l.current.bottom, O) - el, p = Math.atan2(k - I, u.current === "left" ? -(N - A) : N - A), E = p < W && p > V;
@@ -9662,7 +9662,7 @@ function Np(t) {
         x: N,
         y: I
       }, E && (a.current = setTimeout(() => {
-        g(), c.current = setTimeout(() => {
+        y(), c.current = setTimeout(() => {
           let L = document.elementFromPoint(N, I);
           L && Y(T, L) && L.dispatchEvent(new PointerEvent("pointerover", {
             bubbles: !0,
@@ -9678,7 +9678,7 @@ function Np(t) {
     o,
     r,
     e,
-    y,
+    g,
     f,
     n
   ]);
@@ -9693,7 +9693,7 @@ function Dp(t, e, n) {
   }, [
     e,
     f
-  ]), g = X(() => {
+  ]), y = X(() => {
     f(), e.close();
   }, [
     e,
@@ -9704,17 +9704,17 @@ function Dp(t, e, n) {
   }, [
     f
   ]);
-  let y = (N) => {
+  let g = (N) => {
     if (Lt(N.currentTarget))
       switch (N.key) {
         case "ArrowLeft":
-          d === "ltr" && Y(N.currentTarget, _(N)) && (N.preventDefault(), N.stopPropagation(), g(), !a && n.current && ve(n.current));
+          d === "ltr" && Y(N.currentTarget, _(N)) && (N.preventDefault(), N.stopPropagation(), y(), !a && n.current && ve(n.current));
           break;
         case "ArrowRight":
-          d === "rtl" && Y(N.currentTarget, _(N)) && (N.preventDefault(), N.stopPropagation(), g(), !a && n.current && ve(n.current));
+          d === "rtl" && Y(N.currentTarget, _(N)) && (N.preventDefault(), N.stopPropagation(), y(), !a && n.current && ve(n.current));
           break;
         case "Escape":
-          Y(o.current, _(N)) && (N.stopPropagation(), g(), !a && n.current && ve(n.current));
+          Y(o.current, _(N)) && (N.stopPropagation(), y(), !a && n.current && ve(n.current));
           break;
       }
   }, x = {
@@ -9724,15 +9724,15 @@ function Dp(t, e, n) {
     ...i === "menu" && {
       onClose: e.closeAll,
       autoFocus: e.focusStrategy ?? void 0,
-      onKeyDown: y
+      onKeyDown: g
     }
   }, v = (N) => {
     switch (N.key) {
       case "ArrowRight":
-        l || (d === "ltr" ? (N.preventDefault(), e.isOpen || m("first"), i === "menu" && (o != null && o.current) && ue() === (n == null ? void 0 : n.current) && ve(o.current)) : e.isOpen ? g() : N.continuePropagation());
+        l || (d === "ltr" ? (N.preventDefault(), e.isOpen || m("first"), i === "menu" && (o != null && o.current) && ue() === (n == null ? void 0 : n.current) && ve(o.current)) : e.isOpen ? y() : N.continuePropagation());
         break;
       case "ArrowLeft":
-        l || (d === "rtl" ? (N.preventDefault(), e.isOpen || m("first"), i === "menu" && (o != null && o.current) && ue() === (n == null ? void 0 : n.current) && ve(o.current)) : e.isOpen ? g() : N.continuePropagation());
+        l || (d === "rtl" ? (N.preventDefault(), e.isOpen || m("first"), i === "menu" && (o != null && o.current) && ue() === (n == null ? void 0 : n.current) && ve(o.current)) : e.isOpen ? y() : N.continuePropagation());
         break;
       default:
         N.continuePropagation();
@@ -9748,7 +9748,7 @@ function Dp(t, e, n) {
     }, s)) : N || f());
   };
   Gt(r, "focusin", (N) => {
-    e.isOpen && Y(r.current, _(N)) && _(N) !== n.current && g();
+    e.isOpen && Y(r.current, _(N)) && _(N) !== n.current && y();
   });
   let B = (N) => N !== n.current;
   return Np({
@@ -10287,7 +10287,7 @@ class Ap {
         e.index = u;
         let f = h.key ?? null;
         f == null && (f = h.element ? null : this.getKey(i, e, n, r));
-        let g = [
+        let y = [
           ...this.getFullNode({
             ...h,
             key: f,
@@ -10295,11 +10295,11 @@ class Ap {
             wrapper: Fp(e.wrapper, h.wrapper)
           }, this.getChildState(n, h), r ? `${r}${i.key}` : i.key, o)
         ];
-        for (let y of g) {
-          if (y.value = h.value ?? e.value ?? null, y.value && this.cache.set(y.value, y), e.type && y.type !== e.type) throw new Error(`Unsupported type <${Dr(y.type)}> in <${Dr((o == null ? void 0 : o.type) ?? "unknown parent type")}>. Only <${Dr(e.type)}> is supported.`);
-          u++, yield y;
+        for (let g of y) {
+          if (g.value = h.value ?? e.value ?? null, g.value && this.cache.set(g.value, g), e.type && g.type !== e.type) throw new Error(`Unsupported type <${Dr(g.type)}> in <${Dr((o == null ? void 0 : o.type) ?? "unknown parent type")}>. Only <${Dr(e.type)}> is supported.`);
+          u++, yield g;
         }
-        d = c.next(g);
+        d = c.next(y);
       }
       return;
     }
@@ -10386,10 +10386,10 @@ function hc(t) {
     t.selectedKeys
   ]), h = Q(() => rl(t.defaultSelectedKeys, new _e()), [
     t.defaultSelectedKeys
-  ]), [f, m] = tr(d, h, t.onSelectionChange), g = Q(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
+  ]), [f, m] = tr(d, h, t.onSelectionChange), y = Q(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
     t.disabledKeys
-  ]), [y, x] = G(o);
-  o === "replace" && y === "toggle" && typeof f == "object" && f.size === 0 && x("replace");
+  ]), [g, x] = G(o);
+  o === "replace" && g === "toggle" && typeof f == "object" && f.size === 0 && x("replace");
   let v = K(o);
   return Z(() => {
     o !== v.current && (x(o), v.current = o);
@@ -10398,7 +10398,7 @@ function hc(t) {
   ]), {
     selectionMode: e,
     disallowEmptySelection: n,
-    selectionBehavior: y,
+    selectionBehavior: g,
     setSelectionBehavior: x,
     get isFocused() {
       return l.current;
@@ -10419,7 +10419,7 @@ function hc(t) {
     setSelectedKeys(T) {
       (r || !Bp(T, f)) && m(T);
     },
-    disabledKeys: g,
+    disabledKeys: y,
     disabledBehavior: i
   };
 }
@@ -10675,7 +10675,7 @@ class jp extends sr {
   }
 }
 function bc(t, e, n, r = "react-aria-MenuSection") {
-  var y, x, v;
+  var g, x, v;
   let o = F(ar), { CollectionBranch: i } = F(lr), [l, s] = os(), { headingProps: a, groupProps: c } = kp({
     heading: s,
     "aria-label": n.props["aria-label"] ?? void 0
@@ -10684,14 +10684,14 @@ function bc(t, e, n, r = "react-aria-MenuSection") {
     id: void 0,
     children: void 0,
     defaultClassName: r,
-    className: (y = n.props) == null ? void 0 : y.className,
+    className: (g = n.props) == null ? void 0 : g.className,
     style: (x = n.props) == null ? void 0 : x.style,
     values: void 0
-  }), d = F(qn), h = hc(t), f = t.selectionMode != null ? new jp(d, h) : d, m = (v = dn(Rt)) == null ? void 0 : v.shouldCloseOnSelect, g = me(t, {
+  }), d = F(qn), h = hc(t), f = t.selectionMode != null ? new jp(d, h) : d, m = (v = dn(Rt)) == null ? void 0 : v.shouldCloseOnSelect, y = me(t, {
     global: !0
   });
-  return delete g.id, /* @__PURE__ */ C.createElement(we.section, {
-    ...ne(g, u, c),
+  return delete y.id, /* @__PURE__ */ C.createElement(we.section, {
+    ...ne(y, u, c),
     ref: e
   }, /* @__PURE__ */ C.createElement(Ze, {
     values: [
@@ -10727,16 +10727,16 @@ const qp = /* @__PURE__ */ Ea(no, bc), Rt = /* @__PURE__ */ q(null), Yp = /* @__
     key: r.key,
     selectionManager: s,
     isVirtualized: a
-  }, i, l), { hoverProps: m, isHovered: g } = hn({
+  }, i, l), { hoverProps: m, isHovered: y } = hn({
     isDisabled: f.isDisabled
-  }), y = Ae({
+  }), g = Ae({
     ...e,
     id: void 0,
     children: r.rendered,
     defaultClassName: "react-aria-MenuItem",
     values: {
       ...f,
-      isHovered: g,
+      isHovered: y,
       isFocusVisible: f.isFocusVisible,
       selectionMode: s.selectionMode,
       selectionBehavior: s.selectionBehavior,
@@ -10747,10 +10747,10 @@ const qp = /* @__PURE__ */ Ea(no, bc), Rt = /* @__PURE__ */ q(null), Yp = /* @__
     global: !0
   });
   return delete v.id, delete v.onClick, /* @__PURE__ */ C.createElement(x, {
-    ...ne(v, y, c, m),
+    ...ne(v, g, c, m),
     ref: l,
     "data-disabled": f.isDisabled || void 0,
-    "data-hovered": g || void 0,
+    "data-hovered": y || void 0,
     "data-focused": f.isFocused || void 0,
     "data-focus-visible": f.isFocusVisible || void 0,
     "data-pressed": f.isPressed || void 0,
@@ -10781,7 +10781,7 @@ const qp = /* @__PURE__ */ Ea(no, bc), Rt = /* @__PURE__ */ q(null), Yp = /* @__
         }
       ]
     ]
-  }, y.children));
+  }, g.children));
 });
 function Xp(t, e) {
   let { role: n = "dialog" } = t, r = Nn();
@@ -10940,7 +10940,7 @@ function Qp(t, e, n) {
 const eb = /* @__PURE__ */ q(null), Oo = /* @__PURE__ */ q(null), tb = /* @__PURE__ */ Ee(function(e, n) {
   if (F(Oo)) {
     if (process.env.NODE_ENV !== "production" && (e.onOpenChange || e.defaultOpen !== void 0 || e.isOpen !== void 0)) {
-      const g = /* @__PURE__ */ new Set([
+      const y = /* @__PURE__ */ new Set([
         "isDismissable",
         "isKeyboardDismissDisabled",
         "isOpen",
@@ -10950,8 +10950,8 @@ const eb = /* @__PURE__ */ q(null), Oo = /* @__PURE__ */ q(null), tb = /* @__PUR
         "isExiting",
         "UNSTABLE_portalContainer",
         "shouldCloseOnInteractOutside"
-      ]), y = Object.keys(e).filter((x) => g.has(x));
-      console.warn(`This modal is already wrapped in a ModalOverlay, props [${y.join(", ")}] should be placed on the ModalOverlay instead.`);
+      ]), g = Object.keys(e).filter((x) => y.has(x));
+      console.warn(`This modal is already wrapped in a ModalOverlay, props [${g.join(", ")}] should be placed on the ModalOverlay instead.`);
     }
     return /* @__PURE__ */ C.createElement(ol, {
       ...e,
@@ -11203,17 +11203,17 @@ function fb(t, e) {
     ref: e
   }), f = me(a, {
     labelable: !0
-  }), m = ne(u, d), g = cn(), y = Nl(t);
+  }), m = ne(u, d), y = cn(), g = Nl(t);
   return {
     isPressed: h,
-    linkProps: ne(f, y, {
+    linkProps: ne(f, g, {
       ...m,
       ...c,
       "aria-disabled": s || void 0,
       "aria-current": t["aria-current"],
       onClick: (x) => {
         var v;
-        (v = d.onClick) == null || v.call(d, x), Dl(x, g, t.href, t.routerOptions);
+        (v = d.onClick) == null || v.call(d, x), Dl(x, y, t.href, t.routerOptions);
       }
     })
   };
@@ -11315,8 +11315,8 @@ const gb = /* @__PURE__ */ q({}), yb = "__button_group_child", sl = ({
   [yb]: c,
   ...u
 }) => {
-  const d = F(gb), h = c === !0, f = i ?? (h ? d == null ? void 0 : d.size : void 0), m = a ?? (h ? d == null ? void 0 : d.variant : void 0), g = r ?? (h ? d == null ? void 0 : d.isDisabled : void 0), y = n ?? (h ? d == null ? void 0 : d.fullWidth : void 0), x = nt({
-    fullWidth: y,
+  const d = F(gb), h = c === !0, f = i ?? (h ? d == null ? void 0 : d.size : void 0), m = a ?? (h ? d == null ? void 0 : d.variant : void 0), y = r ?? (h ? d == null ? void 0 : d.isDisabled : void 0), g = n ?? (h ? d == null ? void 0 : d.fullWidth : void 0), x = nt({
+    fullWidth: g,
     isIconOnly: o,
     size: f,
     variant: m
@@ -11324,7 +11324,7 @@ const gb = /* @__PURE__ */ q({}), yb = "__button_group_child", sl = ({
   return /* @__PURE__ */ b(No, {
     className: Ie(e, x),
     "data-slot": "button",
-    isDisabled: g,
+    isDisabled: y,
     slot: l,
     style: s,
     ...u,
@@ -11505,9 +11505,9 @@ function Tb(t) {
   let u = F(kb), d = Q(() => r ? Array.isArray(r) ? r.flatMap((k) => so(u[k])) : so(u[r]) : [], [
     u,
     r
-  ]), [h, f] = G(u), [m, g] = G(!1);
-  u !== h && (f(u), g(!1));
-  let y = Q(() => ul(m ? [] : d), [
+  ]), [h, f] = G(u), [m, y] = G(!1);
+  u !== h && (f(u), y(!1));
+  let g = Q(() => ul(m ? [] : d), [
     m,
     d
   ]), x = K(Pt), [v, T] = G(Pt), w = K(Pt), D = () => {
@@ -11517,17 +11517,17 @@ function Tb(t) {
     Ir(k, w.current) || (w.current = k, T(k));
   }, [B, N] = G(!1);
   return Z(D), {
-    realtimeValidation: a || y || c || i || Pt,
-    displayValidation: s === "native" ? a || y || v : a || y || c || i || v,
+    realtimeValidation: a || g || c || i || Pt,
+    displayValidation: s === "native" ? a || g || v : a || g || c || i || v,
     updateValidation(k) {
       s === "aria" && !Ir(v, k) ? T(k) : x.current = k;
     },
     resetValidation() {
       let k = Pt;
-      Ir(k, w.current) || (w.current = k, T(k)), s === "native" && N(!1), g(!0);
+      Ir(k, w.current) || (w.current = k, T(k)), s === "native" && N(!1), y(!0);
     },
     commitValidation() {
-      s === "native" && N(!0), g(!0);
+      s === "native" && N(!0), y(!0);
     }
   };
 }
@@ -11554,7 +11554,7 @@ function Ir(t, e) {
   return t === e ? !0 : !!t && !!e && t.isInvalid === e.isInvalid && t.validationErrors.length === e.validationErrors.length && t.validationErrors.every((n, r) => n === e.validationErrors[r]) && Object.entries(t.validationDetails).every(([n, r]) => e.validationDetails[n] === r);
 }
 function Nb(t, e, n) {
-  let { isDisabled: r = !1, isReadOnly: o = !1, value: i, name: l, form: s, children: a, isRequired: c, validationBehavior: u = "aria", "aria-label": d, "aria-labelledby": h, "aria-describedby": f, onPressStart: m, onPressEnd: g, onPressChange: y, onPress: x, onPressUp: v, onClick: T } = t, w = xc({
+  let { isDisabled: r = !1, isReadOnly: o = !1, value: i, name: l, form: s, children: a, isRequired: c, validationBehavior: u = "aria", "aria-label": d, "aria-labelledby": h, "aria-describedby": f, onPressStart: m, onPressEnd: y, onPressChange: g, onPress: x, onPressUp: v, onClick: T } = t, w = xc({
     ...t,
     value: e.isSelected
   }), { isInvalid: D, validationErrors: B, validationDetails: N } = w.displayValidation;
@@ -11565,8 +11565,8 @@ function Nb(t, e, n) {
   !A && !k && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
   let { pressProps: O, isPressed: W } = it({
     onPressStart: m,
-    onPressEnd: g,
-    onPressChange: y,
+    onPressEnd: y,
+    onPressChange: g,
     onPress: x,
     onPressUp: v,
     onClick: T,
@@ -11577,14 +11577,14 @@ function Nb(t, e, n) {
         R.continuePropagation();
         return;
       }
-      m == null || m(R), y == null || y(!0), p(!0);
+      m == null || m(R), g == null || g(!0), p(!0);
     },
     onPressEnd(R) {
       if (R.pointerType === "keyboard" || R.pointerType === "virtual") {
         R.continuePropagation();
         return;
       }
-      g == null || g(R), y == null || y(!1), p(!1);
+      y == null || y(R), g == null || g(!1), p(!1);
     },
     onPressUp(R) {
       if (R.pointerType === "keyboard" || R.pointerType === "virtual") {
@@ -11656,7 +11656,7 @@ function wc(t, e, n) {
     labelProps: ne(r, Q(() => ({
       // Prevent label from being focused when mouse down on it.
       // Note, this does not prevent the input from being focused in the `click` event.
-      onMouseDown: (g) => g.preventDefault()
+      onMouseDown: (y) => y.preventDefault()
     }), [])),
     inputProps: o,
     descriptionProps: i,
@@ -11715,8 +11715,8 @@ function Rb(t, e, n) {
     isReadOnly: t.isReadOnly || e.isReadOnly,
     isSelected: e.isSelected(t.value),
     defaultSelected: e.defaultValue.includes(t.value),
-    onChange(g) {
-      g ? e.addValue(t.value) : e.removeValue(t.value), t.onChange && t.onChange(g);
+    onChange(y) {
+      y ? e.addValue(t.value) : e.removeValue(t.value), t.onChange && t.onChange(y);
     }
   });
   let { name: o, form: i, descriptionId: l, errorMessageId: s, validationBehavior: a } = Pb.get(e);
@@ -11744,8 +11744,8 @@ function Rb(t, e, n) {
       displayValidation: f,
       resetValidation: e.resetValidation,
       commitValidation: e.commitValidation,
-      updateValidation(g) {
-        u.current = g, d();
+      updateValidation(y) {
+        u.current = y, d();
       }
     }
   }, r, n);
@@ -11764,7 +11764,7 @@ function Rb(t, e, n) {
 const Kb = /* @__PURE__ */ q(null), Ec = /* @__PURE__ */ q(null), Sc = /* @__PURE__ */ q(null), Ob = /* @__PURE__ */ Ee(function(e, n) {
   let { inputRef: r = null, ...o } = e;
   [e, n] = Fe(o, n, Kb);
-  let i = F(Ec), [l, s] = Ab(e, r), { descriptionProps: a, errorMessageProps: c, isSelected: u, isDisabled: d, isReadOnly: h, isInvalid: f, validationDetails: m, validationErrors: g } = l, y = Ae({
+  let i = F(Ec), [l, s] = Ab(e, r), { descriptionProps: a, errorMessageProps: c, isSelected: u, isDisabled: d, isReadOnly: h, isInvalid: f, validationDetails: m, validationErrors: y } = l, g = Ae({
     ...e,
     defaultClassName: "react-aria-CheckboxField",
     values: {
@@ -11779,7 +11779,7 @@ const Kb = /* @__PURE__ */ q(null), Ec = /* @__PURE__ */ q(null), Sc = /* @__PUR
     global: !0
   });
   return delete x.id, delete x.onClick, /* @__PURE__ */ C.createElement(we.div, {
-    ...ne(x, y),
+    ...ne(x, g),
     ref: n,
     slot: e.slot || void 0,
     "data-selected": u || void 0,
@@ -11815,11 +11815,11 @@ const Kb = /* @__PURE__ */ q(null), Ec = /* @__PURE__ */ q(null), Sc = /* @__PUR
         i ? null : {
           isInvalid: f,
           validationDetails: m,
-          validationErrors: g
+          validationErrors: y
         }
       ]
     ]
-  }, y.children));
+  }, g.children));
 });
 function Ab(t, e) {
   let { validationBehavior: n } = dn(sb) || {}, r = t.validationBehavior ?? n ?? "native", o = F(Ec), i = st(Q(() => vt(e, t.inputRef !== void 0 ? t.inputRef : null), [
@@ -11837,7 +11837,7 @@ function Ab(t, e) {
   ];
 }
 const Fb = /* @__PURE__ */ Ee(function(e, n) {
-  let { labelProps: r, inputProps: o, isSelected: i, isDisabled: l, isReadOnly: s, isPressed: a, isInvalid: c, inputRef: u, defaultClassName: d, isIndeterminate: h, isRequired: f } = F(Sc), { isFocused: m, isFocusVisible: g, focusProps: y } = Mo(), x = l || s, { hoverProps: v, isHovered: T } = hn({
+  let { labelProps: r, inputProps: o, isSelected: i, isDisabled: l, isReadOnly: s, isPressed: a, isInvalid: c, inputRef: u, defaultClassName: d, isIndeterminate: h, isRequired: f } = F(Sc), { isFocused: m, isFocusVisible: y, focusProps: g } = Mo(), x = l || s, { hoverProps: v, isHovered: T } = hn({
     ...e,
     isDisabled: x
   }), w = Ae({
@@ -11849,7 +11849,7 @@ const Fb = /* @__PURE__ */ Ee(function(e, n) {
       isPressed: a,
       isHovered: T,
       isFocused: m,
-      isFocusVisible: g,
+      isFocusVisible: y,
       isDisabled: l,
       isReadOnly: s,
       isInvalid: c,
@@ -11867,7 +11867,7 @@ const Fb = /* @__PURE__ */ Ee(function(e, n) {
     "data-pressed": a || void 0,
     "data-hovered": T || void 0,
     "data-focused": m || void 0,
-    "data-focus-visible": g || void 0,
+    "data-focus-visible": y || void 0,
     "data-disabled": l || void 0,
     "data-readonly": s || void 0,
     "data-invalid": c || void 0,
@@ -11875,7 +11875,7 @@ const Fb = /* @__PURE__ */ Ee(function(e, n) {
   }, /* @__PURE__ */ C.createElement(fa, {
     elementType: "span"
   }, /* @__PURE__ */ C.createElement("input", {
-    ...ne(o, y),
+    ...ne(o, g),
     ref: u
   })), w.children);
 }), _b = /* @__PURE__ */ q({}), cr = /* @__PURE__ */ q({}), ao = ({
@@ -12735,7 +12735,7 @@ function vm({ type: t }) {
     }
   );
 }
-function Sg({
+function Pg({
   type: t = "caution",
   title: e,
   icon: n,
@@ -12806,99 +12806,106 @@ function wm(t, e, n, r, o) {
     maxWidth: "none"
   };
 }
-function Em({ src: t }) {
-  const e = K(null);
+function Em(t) {
+  const e = t.split(/[?#]/)[0] ?? t, n = e.lastIndexOf("/"), r = e.lastIndexOf(".");
+  return r <= n ? null : e.slice(r + 1).toLowerCase() || null;
+}
+function Sm({ src: t, modelFileName: e }) {
+  const n = K(null);
   return Z(() => {
-    const n = e.current;
-    if (!n)
+    const r = n.current;
+    if (!r)
       return;
-    let r = !1, o = null, i = null;
-    return import("online-3d-viewer").then((l) => {
-      if (r)
+    let o = !1, i = null, l = null;
+    return import("online-3d-viewer").then((s) => {
+      if (o)
         return;
-      const s = new l.EmbeddedViewer(n, {
-        projectionMode: l.ProjectionMode.Orthographic,
-        backgroundColor: new l.RGBAColor(219, 234, 254, 255),
-        defaultColor: new l.RGBColor(30, 64, 175),
+      const a = new s.EmbeddedViewer(r, {
+        projectionMode: s.ProjectionMode.Orthographic,
+        backgroundColor: new s.RGBAColor(219, 234, 254, 255),
+        defaultColor: new s.RGBColor(30, 64, 175),
         onModelLoaded: () => {
-          const a = s.GetViewer();
-          a.SetNavigationMode(l.NavigationMode.FreeOrbit), a.SetUpVector(l.Direction.Z, !1);
-          const c = a.GetBoundingSphere(() => !0);
-          a.FitSphereToWindow(c, !1);
+          const u = a.GetViewer();
+          u.SetNavigationMode(s.NavigationMode.FreeOrbit), u.SetUpVector(s.Direction.Z, !1);
+          const d = u.GetBoundingSphere(() => !0);
+          u.FitSphereToWindow(d, !1);
         }
       });
-      i = s, s.LoadModelFromUrlList([t]), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
-        s.Resize();
-      }), o.observe(n));
+      l = a, (t.startsWith("blob:") || Em(t) === null && !!e) && e ? a.LoadModelFromInputFiles([
+        new s.InputFile(e, s.FileSource.Url, t)
+      ]) : a.LoadModelFromUrlList([t]), typeof ResizeObserver < "u" && (i = new ResizeObserver(() => {
+        a.Resize();
+      }), i.observe(r));
     }), () => {
-      r = !0, o == null || o.disconnect(), i == null || i.Destroy();
+      o = !0, i == null || i.disconnect(), l == null || l.Destroy();
     };
-  }, [t]), /* @__PURE__ */ b(
+  }, [t, e]), /* @__PURE__ */ b(
     "div",
     {
-      ref: e,
+      ref: n,
       className: "absolute inset-0 [&_canvas]:size-full!",
       "aria-label": "Interactive 3D model",
       role: "img"
     }
   );
 }
-function Sm({
+function Pm({
   src: t,
   type: e,
-  displayRegion: n
+  displayRegion: n,
+  modelFileName: r
 }) {
-  const r = K(null), [o, i] = G(null), [l, s] = G(null), a = X(() => {
-    const m = r.current;
-    if (!m)
+  const o = K(null), [i, l] = G(null), [s, a] = G(null), c = X(() => {
+    const y = o.current;
+    if (!y)
       return;
-    const { width: g, height: y } = m.getBoundingClientRect();
-    g > 0 && y > 0 && s({ width: g, height: y });
+    const { width: g, height: x } = y.getBoundingClientRect();
+    g > 0 && x > 0 && a({ width: g, height: x });
   }, []);
   Z(() => {
     if (!n)
       return;
-    a();
-    const m = r.current;
-    if (!m)
+    c();
+    const y = o.current;
+    if (!y)
       return;
-    const g = new ResizeObserver(a);
-    return g.observe(m), () => g.disconnect();
-  }, [n, a]);
-  const c = n && o && l && wm(
+    const g = new ResizeObserver(c);
+    return g.observe(y), () => g.disconnect();
+  }, [n, c]);
+  const u = n && i && s && wm(
     n,
-    o.width,
-    o.height,
-    l.width,
-    l.height
-  ), u = !!c, d = "size-full object-cover object-center", h = (m) => {
-    const g = m.currentTarget;
-    g.naturalWidth > 0 && g.naturalHeight > 0 && i({ width: g.naturalWidth, height: g.naturalHeight });
-  }, f = (m) => {
-    const g = m.currentTarget;
-    g.videoWidth > 0 && g.videoHeight > 0 && i({ width: g.videoWidth, height: g.videoHeight });
+    i.width,
+    i.height,
+    s.width,
+    s.height
+  ), d = !!u, h = "size-full object-cover object-center", f = (y) => {
+    const g = y.currentTarget;
+    g.naturalWidth > 0 && g.naturalHeight > 0 && l({ width: g.naturalWidth, height: g.naturalHeight });
+  }, m = (y) => {
+    const g = y.currentTarget;
+    g.videoWidth > 0 && g.videoHeight > 0 && l({ width: g.videoWidth, height: g.videoHeight });
   };
-  return e === "model" ? /* @__PURE__ */ b(Em, { src: t }) : /* @__PURE__ */ b("div", { ref: r, className: "absolute inset-0", children: e === "video" ? /* @__PURE__ */ b(
+  return e === "model" ? /* @__PURE__ */ b(Sm, { src: t, modelFileName: r }) : /* @__PURE__ */ b("div", { ref: o, className: "absolute inset-0", children: e === "video" ? /* @__PURE__ */ b(
     "video",
     {
       src: t,
       controls: !0,
-      className: u ? "absolute max-w-none" : d,
-      style: u && c ? c : void 0,
-      onLoadedMetadata: n ? f : void 0
+      className: d ? "absolute max-w-none" : h,
+      style: d && u ? u : void 0,
+      onLoadedMetadata: n ? m : void 0
     }
   ) : /* @__PURE__ */ b(
     "img",
     {
       src: t,
-      className: u ? "absolute max-w-none" : d,
-      style: u && c ? c : void 0,
-      onLoad: n ? h : void 0
+      className: d ? "absolute max-w-none" : h,
+      style: d && u ? u : void 0,
+      onLoad: n ? f : void 0
     }
   ) });
 }
-const Pm = 2, yl = 3, Zn = (t, e, n) => Math.min(Math.max(t, e), n), Rc = (t) => t.type === "circle", bn = (t) => t.type === "rectangle", vl = (t) => bn(t) ? [t.x1, t.x2] : [t.x], $l = (t) => bn(t) ? [t.y1, t.y2] : [t.y];
-function Cm(t, e, n) {
+const Cm = 2, yl = 3, Zn = (t, e, n) => Math.min(Math.max(t, e), n), Rc = (t) => t.type === "circle", bn = (t) => t.type === "rectangle", vl = (t) => bn(t) ? [t.x1, t.x2] : [t.x], $l = (t) => bn(t) ? [t.y1, t.y2] : [t.y];
+function km(t, e, n) {
   const r = Zn(e, -Math.min(...vl(t)), 100 - Math.max(...vl(t))), o = Zn(n, -Math.min(...$l(t)), 100 - Math.max(...$l(t)));
   return bn(t) ? { ...t, x1: t.x1 + r, y1: t.y1 + o, x2: t.x2 + r, y2: t.y2 + o } : { ...t, x: t.x + r, y: t.y + o };
 }
@@ -12914,18 +12921,18 @@ function Kc(t) {
     y2: Math.max(t.y1, t.y2)
   };
 }
-function km(t, e, n) {
+function Tm(t, e, n) {
   return t === "circle" ? { type: "circle", x: e.x, y: e.y, radius: 0, color: n } : t === "rectangle" ? { type: "rectangle", x1: e.x, y1: e.y, x2: e.x, y2: e.y, color: n } : { type: "point", x: e.x, y: e.y, color: n };
 }
-function Tm(t) {
+function Mm(t) {
   return t === "circle" ? "create-circle" : t === "rectangle" ? "create-rectangle" : "create-point";
 }
-function Mm(t, e, n) {
+function Nm(t, e, n) {
   switch (t.mode) {
     case "create-point":
       return { ...t.base, x: e.x, y: e.y };
     case "move":
-      return Cm(t.base, e.x - t.start.x, e.y - t.start.y);
+      return km(t.base, e.x - t.start.x, e.y - t.start.y);
     case "create-circle":
       return { ...t.base, radius: xl(t.start, e, n) };
     case "resize-circle": {
@@ -12947,7 +12954,7 @@ function Mm(t, e, n) {
   }
 }
 function wl(t) {
-  if (Rc(t)) return { ...t, radius: Math.max(t.radius, Pm) };
+  if (Rc(t)) return { ...t, radius: Math.max(t.radius, Cm) };
   if (bn(t)) {
     const e = Kc(t);
     return {
@@ -12973,11 +12980,11 @@ function El({
     }
   );
 }
-function Nm({
+function Dm({
   annotations: t,
   editing: e
 }) {
-  const { tool: n, color: r, selectedId: o, onSelect: i, onAdd: l, onChange: s, onRemove: a } = e, c = K(null), u = K(!1), [d, h] = G(null), [f, m] = G(null), g = n === "select", y = (k) => {
+  const { tool: n, color: r, selectedId: o, onSelect: i, onAdd: l, onChange: s, onRemove: a } = e, c = K(null), u = K(!1), [d, h] = G(null), [f, m] = G(null), y = n === "select", g = (k) => {
     const O = c.current.getBoundingClientRect();
     return {
       x: Zn((k.clientX - O.left) / O.width * 100, 0, 100),
@@ -12987,39 +12994,39 @@ function Nm({
     var W;
     (W = c.current) == null || W.setPointerCapture(k.pointerId), u.current = !1, h(O), m(wl(O.base));
   }, v = (k) => {
-    if (g) {
+    if (y) {
       i == null || i(null);
       return;
     }
-    const O = y(k);
+    const O = g(k);
     x(k, {
-      mode: Tm(n),
+      mode: Mm(n),
       id: null,
       start: O,
-      base: km(n, O, r)
+      base: Tm(n, O, r)
     });
   }, T = (k) => {
     if (!d) return;
     const O = c.current.getBoundingClientRect();
-    u.current = !0, m(wl(Mm(d, y(k), O.width / O.height)));
+    u.current = !0, m(wl(Nm(d, g(k), O.width / O.height)));
   }, w = (k) => {
     var O;
     d && f && ((O = c.current) == null || O.releasePointerCapture(k.pointerId), d.id === null ? l == null || l(f) : u.current && (s == null || s(d.id, f))), h(null), m(null);
   }, D = (k, O, W) => {
     var V;
-    k.stopPropagation(), (V = c.current) == null || V.focus(), i == null || i(O), x(k, { mode: "move", id: O, start: y(k), base: W });
+    k.stopPropagation(), (V = c.current) == null || V.focus(), i == null || i(O), x(k, { mode: "move", id: O, start: g(k), base: W });
   }, B = (k, O, W) => {
     k.stopPropagation(), x(k, {
       mode: "resize-circle",
       id: O,
-      start: y(k),
+      start: g(k),
       base: W
     });
   }, N = (k, O, W, V) => {
     k.stopPropagation(), x(k, {
       mode: "resize-rect",
       id: O,
-      start: y(k),
+      start: g(k),
       base: Kc(W),
       corner: V
     });
@@ -13137,27 +13144,27 @@ function Nm({
       onKeyDown: I,
       className: oe(
         "absolute inset-0 focus:outline-none",
-        g ? "cursor-default" : "cursor-crosshair"
+        y ? "cursor-default" : "cursor-crosshair"
       ),
       children: [
         t.map((k, O) => {
           const W = k.id ?? String(O), V = (d == null ? void 0 : d.id) === W && f ? f : k;
-          return A(V, W, g);
+          return A(V, W, y);
         }),
         (d == null ? void 0 : d.id) === null && f && A(f, "__draft__", !1)
       ]
     }
   );
 }
-function Dm(t) {
+function Im(t) {
   return t.type === "circle";
 }
-function Im(t) {
+function Lm(t) {
   return t.type === "rectangle";
 }
-function Lm(t, e) {
+function Rm(t, e) {
   const n = t.id ?? e, r = t.color ?? "GREY", o = rt[r];
-  if (Dm(t))
+  if (Im(t))
     return /* @__PURE__ */ b(
       "div",
       {
@@ -13176,7 +13183,7 @@ function Lm(t, e) {
       },
       n
     );
-  if (Im(t)) {
+  if (Lm(t)) {
     const i = Math.min(t.x1, t.x2), l = Math.min(t.y1, t.y2), s = Math.abs(t.x2 - t.x1), a = Math.abs(t.y2 - t.y1);
     return /* @__PURE__ */ b(
       "div",
@@ -13213,32 +13220,41 @@ function Lm(t, e) {
     n
   );
 }
-function Rm({
+function Km({
   src: t,
   type: e = "image",
-  annotations: n = [],
-  displayRegion: r,
-  zoomable: o = !0,
-  annotationEditing: i,
-  className: l
+  modelFileName: n,
+  annotations: r = [],
+  displayRegion: o,
+  zoomable: i = !0,
+  annotationEditing: l,
+  className: s
 }) {
-  const s = "relative aspect-[4/3] overflow-hidden rounded-lg border border-default bg-default-soft", a = /* @__PURE__ */ U(gt, { children: [
-    /* @__PURE__ */ b(Sm, { src: t, type: e, displayRegion: r }),
-    i ? /* @__PURE__ */ b(
-      Nm,
+  const a = "relative aspect-[4/3] overflow-hidden rounded-lg border border-default bg-default-soft", c = /* @__PURE__ */ U(gt, { children: [
+    /* @__PURE__ */ b(
+      Pm,
+      {
+        src: t,
+        type: e,
+        displayRegion: o,
+        modelFileName: n
+      }
+    ),
+    l ? /* @__PURE__ */ b(
+      Dm,
       {
-        annotations: n,
-        editing: i
+        annotations: r,
+        editing: l
       }
-    ) : n.map(Lm)
+    ) : r.map(Rm)
   ] });
-  return /* @__PURE__ */ b("figure", { className: oe("flex flex-col gap-2", l), children: o && e === "image" && !i ? /* @__PURE__ */ U(Et, { children: [
+  return /* @__PURE__ */ b("figure", { className: oe("flex flex-col gap-2", s), children: i && e === "image" && !l ? /* @__PURE__ */ U(Et, { children: [
     /* @__PURE__ */ b(
       Et.Trigger,
       {
         "aria-label": "View image full size",
-        className: oe(s, "cursor-zoom-in"),
-        children: a
+        className: oe(a, "cursor-zoom-in"),
+        children: c
       }
     ),
     /* @__PURE__ */ b(Et.Backdrop, { variant: "blur", children: /* @__PURE__ */ b(Et.Container, { placement: "center", children: /* @__PURE__ */ U(
@@ -13259,14 +13275,14 @@ function Rm({
         ]
       }
     ) }) })
-  ] }) : /* @__PURE__ */ b("div", { className: s, children: a }) });
+  ] }) : /* @__PURE__ */ b("div", { className: a, children: c }) });
 }
-function Km() {
+function Om() {
   return /* @__PURE__ */ b("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "size-2/3", children: /* @__PURE__ */ b("path", { d: "M8 5v14l11-7z" }) });
 }
-const Om = {
+const Am = {
   model: { hex: rt.BLUE, content: /* @__PURE__ */ b("span", { className: "text-lg font-bold", children: "3D" }) },
-  video: { hex: rt.MAGENTA, content: /* @__PURE__ */ b(Km, {}) }
+  video: { hex: rt.MAGENTA, content: /* @__PURE__ */ b(Om, {}) }
 };
 function Sl({
   src: t,
@@ -13283,7 +13299,7 @@ function Sl({
         className: oe("object-cover", n)
       }
     );
-  const { hex: r, content: o } = Om[e];
+  const { hex: r, content: o } = Am[e];
   return /* @__PURE__ */ b(
     "div",
     {
@@ -13294,21 +13310,21 @@ function Sl({
     }
   );
 }
-const Am = [
+const Fm = [
   { corner: "nw", cursor: "nwse-resize" },
   { corner: "ne", cursor: "nesw-resize" },
   { corner: "sw", cursor: "nesw-resize" },
   { corner: "se", cursor: "nwse-resize" }
-], Fm = (t, e, n) => Math.min(Math.max(t, e), n);
-function _m(t, e, n, r, o) {
+], _m = (t, e, n) => Math.min(Math.max(t, e), n);
+function Bm(t, e, n, r, o) {
   return fr(
     { x: t.x + e, y: t.y + n, width: t.width },
     r,
     o
   );
 }
-function Bm(t, e, n, r, o) {
-  const i = e === "nw" || e === "sw", l = e === "nw" || e === "ne", s = i ? t.x + t.width : t.x, a = l ? t.y + Kt(t.width) : t.y, c = i ? s : r - s, u = l ? a : o - a, d = Math.min(c, u * (4 / 3)), h = Fm(Math.abs(n.x - s), Lc, d), f = Kt(h);
+function Vm(t, e, n, r, o) {
+  const i = e === "nw" || e === "sw", l = e === "nw" || e === "ne", s = i ? t.x + t.width : t.x, a = l ? t.y + Kt(t.width) : t.y, c = i ? s : r - s, u = l ? a : o - a, d = Math.min(c, u * (4 / 3)), h = _m(Math.abs(n.x - s), Lc, d), f = Kt(h);
   return fr(
     {
       x: i ? s - h : s,
@@ -13319,7 +13335,7 @@ function Bm(t, e, n, r, o) {
     o
   );
 }
-function Pg({
+function Cg({
   src: t,
   region: e,
   onChange: n,
@@ -13339,15 +13355,15 @@ function Pg({
   }, m = (v, T) => {
     var w;
     v.stopPropagation(), (w = o.current) == null || w.setPointerCapture(v.pointerId), a(T), u(T.base);
-  }, g = (v) => {
+  }, y = (v) => {
     if (!s || !i) return;
-    const T = f(v), w = s.mode === "move" ? _m(
+    const T = f(v), w = s.mode === "move" ? Bm(
       s.base,
       T.x - s.start.x,
       T.y - s.start.y,
       i.width,
       i.height
-    ) : Bm(
+    ) : Vm(
       s.base,
       s.corner,
       T,
@@ -13355,7 +13371,7 @@ function Pg({
       i.height
     );
     u(w);
-  }, y = (v) => {
+  }, g = (v) => {
     var T;
     s && c && ((T = o.current) == null || T.releasePointerCapture(v.pointerId), n(c)), a(null), u(null);
   }, x = h && i ? {
@@ -13375,8 +13391,8 @@ function Pg({
         r
       ),
       style: i ? { "--crop-aspect": i.width / i.height } : void 0,
-      onPointerMove: g,
-      onPointerUp: y,
+      onPointerMove: y,
+      onPointerUp: g,
       children: [
         /* @__PURE__ */ b(
           "img",
@@ -13400,7 +13416,7 @@ function Pg({
               boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.5)"
             },
             onPointerDown: (v) => m(v, { mode: "move", start: f(v), base: h }),
-            children: Am.map(({ corner: v, cursor: T }) => /* @__PURE__ */ b(
+            children: Fm.map(({ corner: v, cursor: T }) => /* @__PURE__ */ b(
               "span",
               {
                 className: "crop-handle pointer-events-auto absolute size-3 -translate-x-1/2 -translate-y-1/2 rounded-sm border border-background bg-accent shadow",
@@ -13424,7 +13440,7 @@ function Pg({
     }
   );
 }
-function Vm({
+function zm({
   name: t,
   thumbnail: e,
   href: n,
@@ -13462,7 +13478,7 @@ function Vm({
     }
   );
 }
-function zm({
+function Hm({
   title: t = "What you need",
   children: e,
   className: n
@@ -13472,11 +13488,11 @@ function zm({
     /* @__PURE__ */ b(Xt.Content, { children: /* @__PURE__ */ b("ul", { className: "flex flex-col divide-y divide-default", children: e }) })
   ] });
 }
-const Cg = Object.assign(zm, { Item: Vm });
+const kg = Object.assign(Hm, { Item: zm });
 function Oc(t) {
   return null;
 }
-function Hm(t) {
+function Um(t) {
   return yt(t) && t.type === Oc;
 }
 function Ac() {
@@ -13511,7 +13527,7 @@ function Pl() {
     }
   );
 }
-function Um() {
+function Wm() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -13527,7 +13543,7 @@ function Um() {
     }
   );
 }
-function Wm() {
+function Gm() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -13543,7 +13559,7 @@ function Wm() {
     }
   );
 }
-function Gm() {
+function jm() {
   return /* @__PURE__ */ U(
     "svg",
     {
@@ -13570,7 +13586,7 @@ function fo(t) {
     ...r ? { target: "_blank", rel: "noreferrer noopener" } : {}
   };
 }
-function jm(t, e, n, r) {
+function qm(t, e, n, r) {
   return oe(
     nt({ variant: t, size: e, fullWidth: !0 }),
     "!min-h-0 !justify-center !rounded-none",
@@ -13588,7 +13604,7 @@ function ho() {
     }
   );
 }
-function qm({
+function Ym({
   variant: t = "primary",
   size: e = "md",
   icon: n,
@@ -13597,10 +13613,10 @@ function qm({
   children: i,
   className: l
 }) {
-  const s = Dt.toArray(i).filter(Hm);
+  const s = Dt.toArray(i).filter(Um);
   if (o)
     return /* @__PURE__ */ b(
-      Xm,
+      Zm,
       {
         items: s,
         variant: t,
@@ -13622,7 +13638,7 @@ function qm({
     ] });
   }
   return /* @__PURE__ */ b(
-    Ym,
+    Xm,
     {
       items: s,
       variant: t,
@@ -13633,7 +13649,7 @@ function qm({
     }
   );
 }
-function Ym({
+function Xm({
   items: t,
   variant: e,
   size: n,
@@ -13690,7 +13706,7 @@ function Ym({
                 Ut.Item,
                 {
                   ...fo(d),
-                  className: jm(
+                  className: qm(
                     "secondary",
                     n,
                     h === t.length - 1,
@@ -13710,7 +13726,7 @@ function Ym({
     }
   );
 }
-function Xm({
+function Zm({
   items: t,
   variant: e,
   size: n,
@@ -13719,10 +13735,10 @@ function Xm({
   editing: i,
   className: l
 }) {
-  const [s, a] = G(!1), [c, u] = G(null), [d, h] = G(null), { onAddItem: f, onRemoveItem: m, onReorderItem: g, onSelectItem: y } = i, x = t[0], v = t.slice(1), T = nt({ variant: e, size: n }), w = g != null, D = () => {
+  const [s, a] = G(!1), [c, u] = G(null), [d, h] = G(null), { onAddItem: f, onRemoveItem: m, onReorderItem: y, onSelectItem: g } = i, x = t[0], v = t.slice(1), T = nt({ variant: e, size: n }), w = y != null, D = () => {
     u(null), h(null);
   }, B = (N) => {
-    c != null && c !== N && (g == null || g(c, N)), D();
+    c != null && c !== N && (y == null || y(c, N)), D();
   };
   return /* @__PURE__ */ U("div", { className: oe("relative inline-flex flex-col items-start", l), children: [
     /* @__PURE__ */ U("div", { className: So({ orientation: "horizontal" }).base(), children: [
@@ -13730,11 +13746,11 @@ function Xm({
         r,
         x ? x.props.children : /* @__PURE__ */ b("span", { className: "opacity-60", children: "Add a link" })
       ] }),
-      x && y && /* @__PURE__ */ U(
+      x && g && /* @__PURE__ */ U(
         "button",
         {
           type: "button",
-          onClick: () => y(0),
+          onClick: () => g(0),
           "aria-label": "Edit primary link",
           className: nt({ variant: e, size: n, isIconOnly: !0 }),
           children: [
@@ -13752,7 +13768,7 @@ function Xm({
           "aria-expanded": s,
           className: nt({ variant: e, size: n, isIconOnly: !0 }),
           children: [
-            !(x && y) && /* @__PURE__ */ b(ho, {}),
+            !(x && g) && /* @__PURE__ */ b(ho, {}),
             /* @__PURE__ */ b(Ac, {})
           ]
         }
@@ -13789,23 +13805,23 @@ function Xm({
                 d === A && c !== A && "ring-2 ring-accent"
               ),
               children: [
-                w && /* @__PURE__ */ b("span", { className: "shrink-0 text-default-400", children: /* @__PURE__ */ b(Gm, {}) }),
+                w && /* @__PURE__ */ b("span", { className: "shrink-0 text-default-400", children: /* @__PURE__ */ b(jm, {}) }),
                 /* @__PURE__ */ b("span", { className: "min-w-0 flex-1 text-sm", children: N.props.children }),
-                g && /* @__PURE__ */ b(
+                y && /* @__PURE__ */ b(
                   "button",
                   {
                     type: "button",
-                    onClick: () => g(A, 0),
+                    onClick: () => y(A, 0),
                     "aria-label": "Make default download",
                     className: "shrink-0 rounded p-0.5 text-default-500 transition hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-                    children: /* @__PURE__ */ b(Um, {})
+                    children: /* @__PURE__ */ b(Wm, {})
                   }
                 ),
-                y && /* @__PURE__ */ b(
+                g && /* @__PURE__ */ b(
                   "button",
                   {
                     type: "button",
-                    onClick: () => y(A),
+                    onClick: () => g(A),
                     "aria-label": "Edit link",
                     className: "shrink-0 rounded p-0.5 text-default-500 transition hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",
                     children: /* @__PURE__ */ b(Pl, {})
@@ -13818,7 +13834,7 @@ function Xm({
                     onClick: () => m(A),
                     "aria-label": "Remove option",
                     className: "shrink-0 rounded p-0.5 text-default-500 transition hover:text-danger focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-                    children: /* @__PURE__ */ b(Wm, {})
+                    children: /* @__PURE__ */ b(Gm, {})
                   }
                 )
               ]
@@ -13839,8 +13855,8 @@ function Xm({
     ] })
   ] });
 }
-const kg = Object.assign(qm, { Item: Oc });
-function Zm(t, e, n) {
+const Tg = Object.assign(Ym, { Item: Oc });
+function Jm(t, e, n) {
   const [r, o] = G(e), i = t !== void 0, l = i ? t : r, s = X(
     (a) => {
       i || o(a), n == null || n(a);
@@ -13849,12 +13865,12 @@ function Zm(t, e, n) {
   );
   return [l, s];
 }
-const Fc = 3, Jm = "#3ABF84", Qm = "#34B07A", eg = "#0B7A47", tg = {
+const Fc = 3, Qm = "#3ABF84", eg = "#34B07A", tg = "#0B7A47", ng = {
   caution: Rr.caution,
   reminder: "Reminder",
   note: Rr.note
 };
-function ng() {
+function rg() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -13870,7 +13886,7 @@ function ng() {
     }
   );
 }
-function rg() {
+function og() {
   return /* @__PURE__ */ U(
     "svg",
     {
@@ -13889,7 +13905,7 @@ function rg() {
     }
   );
 }
-function og() {
+function ig() {
   return /* @__PURE__ */ b(
     "span",
     {
@@ -13907,7 +13923,7 @@ function og() {
     }
   );
 }
-function ig() {
+function lg() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -13939,7 +13955,7 @@ function _c() {
     }
   );
 }
-function lg() {
+function sg() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -13955,7 +13971,7 @@ function lg() {
     }
   );
 }
-function sg() {
+function ag() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -13971,7 +13987,7 @@ function sg() {
     }
   );
 }
-function ag() {
+function cg() {
   return /* @__PURE__ */ U(
     "svg",
     {
@@ -13990,21 +14006,21 @@ function ag() {
     }
   );
 }
-function cg(t) {
-  return yt(t) && t.type === Rm;
+function ug(t) {
+  return yt(t) && t.type === Km;
 }
 function Bc(t) {
   return yt(t) && t.type === Hc;
 }
-function ug(t) {
+function dg(t) {
   return yt(t) ? Dt.toArray(t.props.children).filter(Bc).length : 0;
 }
-function dg(t, e = !1) {
+function fg(t, e = !1) {
   let n = null, r = null;
   for (const i of Dt.toArray(t))
     yt(i) && (i.type === Vc && (n = i.props.children), i.type === zc && (r = i));
-  const o = Dt.toArray(n).filter(cg);
-  return ug(r), {
+  const o = Dt.toArray(n).filter(ug);
+  return dg(r), {
     figures: o.slice(0, Fc),
     bullets: r
   };
@@ -14022,21 +14038,21 @@ function zc({
     return /* @__PURE__ */ b("ul", { className: oe("flex flex-col gap-2", e), children: t });
   const { onAddBullet: s, onRemoveBullet: a, onReorderBullet: c } = n, u = Dt.toArray(t).filter(Bc), d = c != null && u.length > 1, h = a != null && u.length > 1, f = () => {
     o(null), l(null);
-  }, m = (g) => {
-    r != null && r !== g && (c == null || c(r, g)), f();
+  }, m = (y) => {
+    r != null && r !== y && (c == null || c(r, y)), f();
   };
   return /* @__PURE__ */ U("ul", { className: oe("flex flex-col gap-2", e), children: [
     u.map(
-      (g, y) => Nt(g, {
-        key: g.key ?? y,
+      (y, g) => Nt(y, {
+        key: y.key ?? g,
         __edit: {
           canReorder: d,
-          isDragging: r === y,
-          isOver: i === y && r !== y,
-          onRemove: h ? () => a == null ? void 0 : a(y) : void 0,
-          onDragStart: () => o(y),
-          onDragOver: () => l(y),
-          onDrop: () => m(y),
+          isDragging: r === g,
+          isOver: i === g && r !== g,
+          onRemove: h ? () => a == null ? void 0 : a(g) : void 0,
+          onDragStart: () => o(g),
+          onDragOver: () => l(g),
+          onDrop: () => m(g),
           onDragEnd: f
         }
       })
@@ -14093,7 +14109,7 @@ function Hc(t) {
       }
     ) : null, f = /* @__PURE__ */ b("div", { className: "min-w-0 flex-1", children: s });
   else {
-    const T = r ?? tg[e], w = e === "caution" ? /* @__PURE__ */ b(ng, {}) : e === "reminder" ? /* @__PURE__ */ b(og, {}) : /* @__PURE__ */ b(rg, {});
+    const T = r ?? ng[e], w = e === "caution" ? /* @__PURE__ */ b(rg, {}) : e === "reminder" ? /* @__PURE__ */ b(ig, {}) : /* @__PURE__ */ b(og, {});
     h = i ? /* @__PURE__ */ b(
       "button",
       {
@@ -14125,38 +14141,38 @@ function Hc(t) {
       h,
       f
     ] });
-  const { canReorder: g, isDragging: y, isOver: x, onRemove: v } = c;
+  const { canReorder: y, isDragging: g, isOver: x, onRemove: v } = c;
   return /* @__PURE__ */ U(
     "li",
     {
       className: oe(
         "group rounded-md",
         m,
-        y && "opacity-40",
+        g && "opacity-40",
         x && "ring-2 ring-accent"
       ),
-      draggable: g && u ? !0 : void 0,
-      onDragStart: g ? (T) => {
+      draggable: y && u ? !0 : void 0,
+      onDragStart: y ? (T) => {
         T.dataTransfer.effectAllowed = "move", c.onDragStart();
       } : void 0,
-      onDragOver: g ? (T) => {
+      onDragOver: y ? (T) => {
         T.preventDefault(), T.dataTransfer.dropEffect = "move", c.onDragOver();
       } : void 0,
-      onDrop: g ? (T) => {
+      onDrop: y ? (T) => {
         T.preventDefault(), c.onDrop();
       } : void 0,
-      onDragEnd: g ? () => {
+      onDragEnd: y ? () => {
         d(!1), c.onDragEnd();
       } : void 0,
       children: [
-        g && /* @__PURE__ */ b(
+        y && /* @__PURE__ */ b(
           "span",
           {
             "aria-hidden": "true",
             onPointerDown: () => d(!0),
             onPointerUp: () => d(!1),
             className: "mt-1 shrink-0 cursor-grab text-default-400 transition hover:text-default-500",
-            children: /* @__PURE__ */ b(ag, {})
+            children: /* @__PURE__ */ b(cg, {})
           }
         ),
         h,
@@ -14175,7 +14191,7 @@ function Hc(t) {
     }
   );
 }
-function fg() {
+function hg() {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -14191,7 +14207,7 @@ function fg() {
     }
   );
 }
-function hg({
+function pg({
   figures: t,
   bullets: e,
   mediaEditing: n
@@ -14199,11 +14215,11 @@ function hg({
   const r = n != null, [o, i] = G(0), [l, s] = G(null), [a, c] = G(null), u = (n == null ? void 0 : n.activeIndex) ?? o, d = t[u] ?? t[0], f = ((d == null ? void 0 : d.props.type) ?? "image") === "image", m = (w) => {
     var D;
     i(w), (D = n == null ? void 0 : n.onSelectImage) == null || D.call(n, w);
-  }, g = r && (n == null ? void 0 : n.onReorderImage) != null && t.length > 1, y = () => {
+  }, y = r && (n == null ? void 0 : n.onReorderImage) != null && t.length > 1, g = () => {
     s(null), c(null);
   }, x = (w) => {
     var D;
-    l != null && l !== w && ((D = n == null ? void 0 : n.onReorderImage) == null || D.call(n, l, w)), y();
+    l != null && l !== w && ((D = n == null ? void 0 : n.onReorderImage) == null || D.call(n, l, w)), g();
   }, v = r && ((n == null ? void 0 : n.canAddImage) ?? !0) && t.length >= 1 && t.length < Fc, T = r ? t.length >= 1 : t.length > 1;
   return /* @__PURE__ */ U("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2", children: [
     /* @__PURE__ */ b("div", { className: "min-w-0", children: d ? r ? /* @__PURE__ */ U("div", { className: "group relative", children: [
@@ -14222,7 +14238,7 @@ function hg({
             },
             className: "flex items-center gap-1.5 rounded-md bg-background/90 px-2.5 py-1.5 text-sm font-semibold text-foreground shadow transition hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",
             children: [
-              /* @__PURE__ */ b(lg, {}),
+              /* @__PURE__ */ b(sg, {}),
               "Edit annotations"
             ]
           }
@@ -14237,7 +14253,7 @@ function hg({
             },
             className: "flex items-center gap-1.5 rounded-md bg-background/90 px-2.5 py-1.5 text-sm font-semibold text-foreground shadow transition hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",
             children: [
-              /* @__PURE__ */ b(sg, {}),
+              /* @__PURE__ */ b(ag, {}),
               "Adjust crop"
             ]
           }
@@ -14255,7 +14271,7 @@ function hg({
         },
         className: "flex aspect-[4/3] w-full flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-default bg-default-soft text-default-500 transition hover:border-accent hover:text-accent focus-visible:border-accent focus-visible:text-accent focus-visible:outline-none",
         children: [
-          /* @__PURE__ */ b(ig, {}),
+          /* @__PURE__ */ b(lg, {}),
           /* @__PURE__ */ b("span", { className: "text-sm font-medium", children: "Add image" })
         ]
       }
@@ -14274,21 +14290,21 @@ function hg({
                 {
                   className: oe(
                     "relative rounded-md transition-shadow",
-                    g && "cursor-grab",
+                    y && "cursor-grab",
                     l === D && "opacity-40",
                     a === D && l !== D && "ring-2 ring-accent ring-offset-2 ring-offset-background"
                   ),
-                  draggable: g || void 0,
-                  onDragStart: g ? (B) => {
+                  draggable: y || void 0,
+                  onDragStart: y ? (B) => {
                     B.dataTransfer.effectAllowed = "move", s(D);
                   } : void 0,
-                  onDragOver: g ? (B) => {
+                  onDragOver: y ? (B) => {
                     B.preventDefault(), B.dataTransfer.dropEffect = "move", c(D);
                   } : void 0,
-                  onDrop: g ? (B) => {
+                  onDrop: y ? (B) => {
                     B.preventDefault(), x(D);
                   } : void 0,
-                  onDragEnd: g ? y : void 0,
+                  onDragEnd: y ? g : void 0,
                   children: [
                     /* @__PURE__ */ b(
                       "button",
@@ -14384,7 +14400,7 @@ function hg({
     ] })
   ] });
 }
-function pg({
+function bg({
   number: t,
   title: e,
   isCompleted: n,
@@ -14395,11 +14411,11 @@ function pg({
   children: s,
   className: a
 }) {
-  const [c, u] = Zm(
+  const [c, u] = Jm(
     n,
     r,
     o
-  ), d = Gc(), { figures: h, bullets: f } = dg(s, l != null);
+  ), d = Gc(), { figures: h, bullets: f } = fg(s, l != null);
   return /* @__PURE__ */ U(
     "section",
     {
@@ -14420,7 +14436,7 @@ function pg({
                   "flex size-8 shrink-0 items-center justify-center rounded-md text-sm font-bold tabular-nums",
                   c ? "bg-success text-success-foreground" : "bg-foreground text-background"
                 ),
-                children: c ? /* @__PURE__ */ b(fg, {}) : t
+                children: c ? /* @__PURE__ */ b(hg, {}) : t
               }
             ),
             e != null && /* @__PURE__ */ b(
@@ -14444,9 +14460,9 @@ function pg({
                 c && "guide-step-complete-button"
               ),
               style: c ? {
-                "--guide-step-complete-bg": Jm,
-                "--guide-step-complete-bg-hover": Qm,
-                "--guide-step-complete-checkbox": eg
+                "--guide-step-complete-bg": Qm,
+                "--guide-step-complete-bg-hover": eg,
+                "--guide-step-complete-checkbox": tg
               } : void 0,
               children: /* @__PURE__ */ b(
                 Tn,
@@ -14465,7 +14481,7 @@ function pg({
           )
         ] }),
         /* @__PURE__ */ b(
-          hg,
+          pg,
           {
             figures: h,
             bullets: f,
@@ -14476,21 +14492,21 @@ function pg({
     }
   );
 }
-const Tg = Object.assign(pg, {
+const Mg = Object.assign(bg, {
   Media: Vc,
   Bullets: zc,
   Bullet: Hc
 });
-function bg(t) {
+function mg(t) {
   return yt(t);
 }
-function Mg({
+function Ng({
   children: t,
   showProgress: e = !0,
   onProgressChange: n,
   className: r
 }) {
-  const o = Dt.toArray(t).filter(bg), i = o.length, [l, s] = G(
+  const o = Dt.toArray(t).filter(mg), i = o.length, [l, s] = G(
     () => Object.fromEntries(
       o.map((c, u) => [
         c.props.number ?? u + 1,
@@ -14530,7 +14546,7 @@ function Mg({
           isCompleted: l[d] ?? !1,
           onCompletedChange: (h) => {
             var f, m;
-            s((g) => ({ ...g, [d]: h })), (m = (f = c.props).onCompletedChange) == null || m.call(f, h);
+            s((y) => ({ ...y, [d]: h })), (m = (f = c.props).onCompletedChange) == null || m.call(f, h);
           }
         }),
         u < o.length - 1 && /* @__PURE__ */ b(Bb, { className: "my-8" })
@@ -14538,7 +14554,7 @@ function Mg({
     }) })
   ] });
 }
-function mg({
+function gg({
   title: t,
   difficulty: e,
   timeEstimate: n,
@@ -14566,22 +14582,22 @@ function mg({
     }
   );
 }
-function gg({ children: t, className: e }) {
+function yg({ children: t, className: e }) {
   return /* @__PURE__ */ b("div", { className: oe("min-w-0 md:[grid-area:intro]", e), children: /* @__PURE__ */ b("div", { className: "max-w-prose text-default-700", children: t }) });
 }
-function yg({
+function vg({
   children: t,
   className: e
 }) {
   return /* @__PURE__ */ b("aside", { className: oe("min-w-0 md:[grid-area:sidebar]", e), children: /* @__PURE__ */ b("div", { className: "flex flex-col gap-4", children: t }) });
 }
-function vg({
+function $g({
   children: t,
   className: e
 }) {
   return /* @__PURE__ */ b("main", { className: oe("min-w-0 w-full md:[grid-area:main]", e), children: t });
 }
-const Ng = Object.assign(
+const Dg = Object.assign(
   function({ children: e, className: n }) {
     return /* @__PURE__ */ b(
       "div",
@@ -14595,26 +14611,26 @@ const Ng = Object.assign(
     );
   },
   {
-    Header: mg,
-    Intro: gg,
-    Sidebar: yg,
-    Content: vg
+    Header: gg,
+    Intro: yg,
+    Sidebar: vg,
+    Content: $g
   }
 );
 export {
   rt as COLORS,
-  Sg as Callout,
+  Pg as Callout,
   uo as DISPLAY_REGION_ASPECT,
   mm as DifficultyBadge,
-  Ng as GuideLayout,
-  Tg as GuideStep,
-  Mg as GuideStepList,
-  kg as LinkButton,
+  Dg as GuideLayout,
+  Mg as GuideStep,
+  Ng as GuideStepList,
+  Tg as LinkButton,
   Lc as MIN_REGION_WIDTH,
-  Pg as MediaCropEditor,
-  Rm as MediaFigure,
+  Cg as MediaCropEditor,
+  Km as MediaFigure,
   Sl as MediaFigureThumbnail,
-  Cg as ToolList,
+  kg as ToolList,
   Yc as calloutTypeColor,
   Xc as calloutTypeHex,
   Rr as calloutTypeLabel,