@synopackageland/ui 0.20.15 → 0.20.16

package/dist/json-preview/preview.js

@@ -1291,7 +1291,7 @@ const kr = [];
 let xo = null, br = 0;
 const ym = /* @__PURE__ */ Promise.resolve();
 let Wi = null;
-function Fe(e) {
+function Le(e) {
   const t = Wi || ym;
   return e ? t.then(this ? e.bind(this) : e) : t;
 }
@@ -2246,7 +2246,7 @@ const mu = (e) => e ? uv(e) ? zs(e) : mu(e.parent) : null, ma = (
     $forceUpdate: (e) => e.f || (e.f = () => {
       yc(e.update);
     }),
-    $nextTick: (e) => e.n || (e.n = Fe.bind(e.proxy)),
+    $nextTick: (e) => e.n || (e.n = Le.bind(e.proxy)),
     $watch: (e) => r_.bind(e)
   })
 ), xl = (e, t) => e !== Je && !e.__isScriptSetup && rt(e, t), b_ = {
@@ -3821,7 +3821,7 @@ function B_(e, t) {
   }, $e = (S) => {
     const { type: O, el: N, anchor: Z, transition: H } = S;
     if (O === ye) {
-      Le(N, Z);
+      Fe(N, Z);
       return;
     }
     if (O === kl) {
@@ -3836,7 +3836,7 @@ function B_(e, t) {
       fe ? fe(S.el, J, de) : de();
     } else
       J();
-  }, Le = (S, O) => {
+  }, Fe = (S, O) => {
     let N;
     for (; S !== O; )
       N = p(S), r(S), S = N;
@@ -10241,9 +10241,9 @@ Note: state patches appear right after the elements that use them, so the UI fil
   if ($) {
     i.push(`AVAILABLE COMPONENTS (${e.componentNames.length}):`), i.push("");
     for (const [re, pe] of Object.entries($)) {
-      const _e = pe.props ? bn(pe.props) : "{}", $e = pe.slots ?? [], Le = $e.filter((ot) => ot !== "default"), tt = $e.includes("default"), nt = h ? [
+      const _e = pe.props ? bn(pe.props) : "{}", $e = pe.slots ?? [], Fe = $e.filter((ot) => ot !== "default"), tt = $e.includes("default"), nt = h ? [
         tt ? "accepts children" : "",
-        Le.length > 0 ? `slots: ${Le.join(", ")}` : ""
+        Fe.length > 0 ? `slots: ${Fe.join(", ")}` : ""
       ].filter(Boolean).join("; ") : $e.length > 0 ? "accepts children" : "", Ke = nt ? ` [${nt}]` : "", at = pe.events && pe.events.length > 0 ? ` [events: ${pe.events.join(", ")}]` : "", Ze = pe.description ? ` - ${pe.description}` : "";
       i.push(`- ${re}: ${_e}${Ze}${Ke}${at}`);
     }
@@ -14585,7 +14585,7 @@ function Ft(e, t, n, o = {}) {
     const x = /* @__PURE__ */ F(y());
     let E = !1;
     return ie(() => e[t], (b) => {
-      E || (E = !0, x.value = v(b), Fe(() => E = !1));
+      E || (E = !0, x.value = v(b), Le(() => E = !1));
     }), ie(x, (b) => {
       !E && (b !== e[t] || c) && w(b);
     }, { deep: c }), x;
@@ -15568,7 +15568,7 @@ class RO {
   restoreFocus(t) {
     if (!this.canFocus()) return;
     const n = this.closingFocusTarget ?? t;
-    Fe(() => {
+    Le(() => {
       this.canFocus() && (n?.isConnected && this.belongs(n) && !n.closest("[inert]") ? gr(n) : gr(this.top?.element ?? this.root.value));
     });
   }
@@ -15648,7 +15648,7 @@ class RO {
     const a = this.top;
     if (!a || a.element.contains(n) || [...this.branches].some((s) => s.contains(n))) return;
     const i = new CustomEvent("dismissableLayer.pointerDownOutside", { cancelable: !0, detail: { originalEvent: t } });
-    Object.defineProperty(i, "target", { value: n }), a.emits("pointerDownOutside", i), a.emits("interactOutside", i), Fe(() => {
+    Object.defineProperty(i, "target", { value: n }), a.emits("pointerDownOutside", i), a.emits("interactOutside", i), Le(() => {
       !i.defaultPrevented && this.top === a && a.emits("dismiss");
     });
   };
@@ -15669,7 +15669,7 @@ class RO {
     ie([t, n], ([a, i], s, l) => {
       if (!a || !i || this.disposed) return;
       const c = a.ownerDocument.activeElement, u = this.belongs(c) || this.pointerIntent, f = { element: a, trapped: o(), requestedEpoch: u ? this.focusEpoch : void 0 };
-      this.scopes.push(f), Fe(() => {
+      this.scopes.push(f), Le(() => {
         if (this.disposed || !this.scopes.includes(f)) return;
         const p = new Event("focusScope.autoFocusOnMount", { cancelable: !0 });
         u || p.preventDefault(), r("mountAutoFocus", p);
@@ -15679,7 +15679,7 @@ class RO {
         const p = this.canFocus();
         this.scopes = this.scopes.filter((m) => m !== f);
         const h = new Event("focusScope.autoFocusOnUnmount", { cancelable: !0 });
-        (!p || this.disposed) && h.preventDefault(), this.closingFocusTarget = c, r("unmountAutoFocus", h), this.closingFocusTarget = void 0, Fe(() => {
+        (!p || this.disposed) && h.preventDefault(), this.closingFocusTarget = c, r("unmountAutoFocus", h), this.closingFocusTarget = void 0, Le(() => {
           !h.defaultPrevented && p && !this.disposed && this.restoreFocus(c);
         });
       });
@@ -15754,7 +15754,7 @@ const ay = MO(), Ep = /* @__PURE__ */ Symbol("useBodyScrollLock"), NO = /* @__PU
       padding: 0,
       margin: 0
     };
-    m > 0 && (document.body.style.paddingRight = typeof y.padding == "number" ? `${y.padding}px` : String(y.padding), document.body.style.marginRight = typeof y.margin == "number" ? `${y.margin}px` : String(y.margin), document.documentElement.style.setProperty("--scrollbar-width", `${m}px`), document.body.style.overflow = "hidden"), vp && (a = it(document, "touchmove", (w) => LO(w), { passive: !1 })), Fe(() => {
+    m > 0 && (document.body.style.paddingRight = typeof y.padding == "number" ? `${y.padding}px` : String(y.padding), document.body.style.marginRight = typeof y.margin == "number" ? `${y.margin}px` : String(y.margin), document.documentElement.style.setProperty("--scrollbar-width", `${m}px`), document.body.style.overflow = "hidden"), vp && (a = it(document, "touchmove", (w) => LO(w), { passive: !1 })), Le(() => {
       o.value && (ny(document, Ep), document.body.style.overflow = "hidden");
     });
   }, {
@@ -15802,7 +15802,7 @@ function qO(e) {
     l.data && (FO.test(l.data) ? (n.value = !0, o.value = !0) : BO() && !o.value && (n.value = !1));
   }
   function s(l) {
-    Fe(() => {
+    Le(() => {
       t.value = !1, e?.(l);
     });
   }
@@ -16269,7 +16269,7 @@ function oT(e, t) {
   };
   ie(e, async (y, w) => {
     const x = w !== y;
-    if (await Fe(), x) {
+    if (await Le(), x) {
       const E = o.value, b = _i(t.value);
       y ? (c("MOUNT"), u("enter"), b === "none" && u("after-enter")) : b === "none" || b === "undefined" || n.value?.display === "none" ? (c("UNMOUNT"), u("leave"), u("after-leave")) : w && E !== b ? (c("ANIMATION_OUT"), u("leave")) : (c("UNMOUNT"), u("after-leave"));
     }
@@ -16510,7 +16510,7 @@ function hT(e, t, n = !0) {
     if (!pn || !Pe(n)) return;
     const a = t?.value?.ownerDocument ?? globalThis.document, i = async (s) => {
       if (!t?.value) return;
-      await Fe(), await Fe();
+      await Le(), await Le();
       const l = s.target;
       !t.value || !l || cy(t.value, l) || s.target && !o.value && Xa(dT, e, { originalEvent: s });
     };
@@ -16568,7 +16568,7 @@ var mT = /* @__PURE__ */ V({
       return c.value >= y;
     }), p = pT(async (m) => {
       const v = [...yo.branches].some((y) => y?.contains(m.target));
-      !n.present || !f.value || v || (o("pointerDownOutside", m), o("interactOutside", m), await Fe(), m.defaultPrevented || o("dismiss"));
+      !n.present || !f.value || v || (o("pointerDownOutside", m), o("interactOutside", m), await Le(), m.defaultPrevented || o("dismiss"));
     }, a, () => n.present), h = hT((m) => {
       const v = [...yo.branches].some((y) => y?.contains(m.target));
       !n.present || v || (o("focusOutside", m), o("interactOutside", m), m.defaultPrevented || o("dismiss"));
@@ -16766,7 +16766,7 @@ var ST = /* @__PURE__ */ V({
     }
     qt(async (p) => {
       const h = a.value;
-      if (await Fe(), !h) return;
+      if (await Le(), !h) return;
       n.present !== !1 && l.add(c);
       const m = dt();
       !h.contains(m) && n.present !== !1 && u(h, m), p(() => {
@@ -16784,7 +16784,7 @@ var ST = /* @__PURE__ */ V({
         return;
       }
       if (p !== !0 || h !== !1) return;
-      l.add(c), await Fe();
+      l.add(c), await Le();
       const m = a.value;
       if (!m) return;
       const v = dt();
@@ -17756,12 +17756,12 @@ var c$ = /* @__PURE__ */ V({
       q.value = !0;
     }
     function $e() {
-      Fe(() => {
+      Le(() => {
         q.value = !1;
       });
     }
-    function Le() {
-      Fe(() => {
+    function Fe() {
+      Le(() => {
         const S = new KeyboardEvent("keydown", { key: "PageUp" });
         at(S);
       });
@@ -17827,7 +17827,7 @@ var c$ = /* @__PURE__ */ V({
     }
     async function ot(S, O = !0) {
       if (pn)
-        if (await Fe(), M.value) U.trigger({
+        if (await Le(), M.value) U.trigger({
           event: S,
           scroll: O
         });
@@ -17840,7 +17840,7 @@ var c$ = /* @__PURE__ */ V({
     return ie($, () => {
       if (!P.value) {
         const S = yt;
-        yt = !0, Fe(() => {
+        yt = !0, Le(() => {
           ot(void 0, S);
         });
       }
@@ -17850,7 +17850,7 @@ var c$ = /* @__PURE__ */ V({
     }), t({
       highlightedElement: A,
       highlightItem: he,
-      highlightFirstItem: Le,
+      highlightFirstItem: Fe,
       highlightSelected: ot,
       getItems: p
     }), s$({
@@ -17879,7 +17879,7 @@ var c$ = /* @__PURE__ */ V({
       onKeydownTypeAhead: pe,
       onCompositionStart: _e,
       onCompositionEnd: $e,
-      highlightFirstItem: Le
+      highlightFirstItem: Fe
     }), (S, O) => (g(), L(d(Te), {
       ref_key: "primitiveElement",
       ref: v,
@@ -17890,7 +17890,7 @@ var c$ = /* @__PURE__ */ V({
       onPointerleave: tt,
       onFocusout: O[0] || (O[0] = async (N) => {
         const Z = N.relatedTarget || N.target;
-        await Fe(), A.value && d(y) && !d(y).contains(Z) && tt(N);
+        await Le(), A.value && d(y) && !d(y).contains(Z) && tt(N);
       })
     }, {
       default: R(() => [z(S.$slots, "default", { modelValue: d($) }), d(b) && e.name ? (g(), L(d(ti), {
@@ -19511,7 +19511,7 @@ const TI = ["dir"], Ay = {
   positionStrategy: "fixed",
   updatePositionStrategy: "optimized",
   prioritizePosition: !1
-}, [Cj, $I] = /* @__PURE__ */ Qe("PopperContent");
+}, [Aj, $I] = /* @__PURE__ */ Qe("PopperContent");
 var II = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "PopperContent",
@@ -19920,7 +19920,7 @@ var NI = /* @__PURE__ */ V({
           const y = v.indexOf(h.currentTarget);
           v = n.loop.value ? i$(v, y + 1) : v.slice(y + 1);
         }
-        Fe(() => my(v));
+        Le(() => my(v));
       }
     }
     const { forwardRef: c, currentElement: u } = Se(), f = /* @__PURE__ */ Ot();
@@ -20433,7 +20433,7 @@ var XI = /* @__PURE__ */ V({
       const _e = y.value?.getItems() ?? [];
       if (W && (B.key === "Tab" && a.modal.value && B.preventDefault(), !he && re && !oe && E(B.key, _e)), B.target !== x.value || !ET.includes(B.key)) return;
       B.preventDefault();
-      const $e = [..._e.map((Le) => Le.ref)];
+      const $e = [..._e.map((Fe) => Fe.ref)];
       fy.includes(B.key) && $e.reverse(), qu($e);
     }
     function M(B) {
@@ -20589,7 +20589,7 @@ var XI = /* @__PURE__ */ V({
       }
     }
     async function c(u) {
-      if (await Fe(), u.defaultPrevented || !zr(u) || n.highlightedElement.value !== r.value) return;
+      if (await Le(), u.defaultPrevented || !zr(u) || n.highlightedElement.value !== r.value) return;
       !n.onItemLeave(u) && n.highlightedElement.value === r.value && (n.highlightedElement.value = void 0);
     }
     return (u, f) => (g(), L(d(a), { value: { textValue: e.textValue } }, {
@@ -20607,10 +20607,10 @@ var XI = /* @__PURE__ */ V({
         onPointerleave: c,
         onFocus: f[0] || (f[0] = async (p) => {
           const h = p.currentTarget;
-          await Fe(), !(p.defaultPrevented || e.disabled) && (i.value = !0, d(n).highlightedElement.value = h);
+          await Le(), !(p.defaultPrevented || e.disabled) && (i.value = !0, d(n).highlightedElement.value = h);
         }),
         onBlur: f[1] || (f[1] = async (p) => {
-          await Fe(), !p.defaultPrevented && (i.value = !1);
+          await Le(), !p.defaultPrevented && (i.value = !1);
         })
       }), {
         default: R(() => [z(u.$slots, "default")]),
@@ -20655,7 +20655,7 @@ var XI = /* @__PURE__ */ V({
           bubbles: !0,
           cancelable: !0
         });
-        o("select", f), await Fe(), f.defaultPrevented ? l.value = !1 : i.onClose();
+        o("select", f), await Le(), f.defaultPrevented ? l.value = !1 : i.onClose();
       }
     }
     return (u, f) => (g(), L($y, le(n, {
@@ -20665,7 +20665,7 @@ var XI = /* @__PURE__ */ V({
         l.value = !0;
       }),
       onPointerup: f[1] || (f[1] = async (p) => {
-        await Fe(), !p.defaultPrevented && (l.value || p.currentTarget?.click());
+        await Le(), !p.defaultPrevented && (l.value || p.currentTarget?.click());
       }),
       onKeydown: f[2] || (f[2] = async (p) => {
         const h = d(s).searchRef.value !== "";
@@ -21108,7 +21108,7 @@ var nD = /* @__PURE__ */ V({
     }, 8, ["present"]));
   }
 }), dD = cD;
-const [Ej, fD] = /* @__PURE__ */ Qe("MenuGroup");
+const [Pj, fD] = /* @__PURE__ */ Qe("MenuGroup");
 var pD = /* @__PURE__ */ V({
   __name: "MenuGroup",
   props: {
@@ -21507,7 +21507,7 @@ var ED = /* @__PURE__ */ V({
     }
     async function f(p) {
       const h = i.searchRef.value !== "";
-      t.disabled || h && p.key === " " || AT[r.dir.value].includes(p.key) && (o.onOpenChange(!0), await Fe(), o.content.value?.focus(), p.preventDefault());
+      t.disabled || h && p.key === " " || AT[r.dir.value].includes(p.key) && (o.onOpenChange(!0), await Le(), o.content.value?.focus(), p.preventDefault());
     }
     return (p, h) => (g(), L(Oy, { "as-child": "" }, {
       default: R(() => [K($y, le(d(n), {
@@ -21929,7 +21929,7 @@ function eR(e) {
   }, re = 0, pe = null, _e = {
     x: 0,
     y: 0
-  }, $e = null, Le = null, tt = !1;
+  }, $e = null, Fe = null, tt = !1;
   function nt(ne, G) {
     return typeof r == "function" ? Math.max(0, r({
       element: ne,
@@ -21975,7 +21975,7 @@ function eR(e) {
     }, $e = null;
   }
   function S() {
-    yt(), U = !1, B = null, Y = null, W = !1, oe = !1, Le = null, tt = !1;
+    yt(), U = !1, B = null, Y = null, W = !1, oe = !1, Fe = null, tt = !1;
   }
   function O(ne, G) {
     yt(), LD(ne), k = G, q = G, he = {
@@ -22058,7 +22058,7 @@ function eR(e) {
       O(ue, {
         x: ne.clientX,
         y: ne.clientY
-      }), Le = ne.pointerId, tt = !0;
+      }), Fe = ne.pointerId, tt = !0;
       try {
         ue.setPointerCapture(ne.pointerId);
       } catch {
@@ -22066,7 +22066,7 @@ function eR(e) {
     }
   }
   function fe(ne) {
-    if (!tt || ne.pointerId !== Le) return;
+    if (!tt || ne.pointerId !== Fe) return;
     const G = t.value;
     if (G) {
       if ((ne.buttons & 1) === 0) {
@@ -22080,7 +22080,7 @@ function eR(e) {
     }
   }
   function de(ne) {
-    if (!tt || ne.pointerId !== Le) return;
+    if (!tt || ne.pointerId !== Fe) return;
     const G = t.value;
     if (!G) {
       S();
@@ -22262,7 +22262,7 @@ var tR = /* @__PURE__ */ V({
       onDismiss() {
         if (!u.value) {
           if (!r.onOpenChange(!1, "swipe")) return !1;
-          Fe(() => {
+          Le(() => {
             r.open.value && m();
           });
         }
@@ -22969,7 +22969,7 @@ function SR(e) {
     function $e(O) {
       q && a && a === O.target && a.focus({ preventScroll: !0 });
     }
-    function Le(O) {
+    function Fe(O) {
       if (c = !1, B(), !he(O.target)) {
         oe();
         return;
@@ -23045,8 +23045,8 @@ function SR(e) {
       }
       wR(H.clickTarget, N), H.clickTarget !== H.focusTarget && dt() === H.focusTarget && H.focusTarget.focus({ preventScroll: !0 }), Ze();
     }
-    x.addEventListener("focus", $e, !0), x.addEventListener("focusin", Le, !0), x.addEventListener("focusout", tt, !0), x.addEventListener("pointerdown", at, !0), E.addEventListener("scroll", Ke), E.visualViewport?.addEventListener("resize", nt), E.visualViewport?.addEventListener("scroll", nt), E.visualViewport && E.addEventListener("resize", nt), w.addEventListener("touchstart", ot, { passive: !0 }), w.addEventListener("touchmove", yt, { passive: !0 }), w.addEventListener("touchend", S), w.addEventListener("touchcancel", Ze), he(dt()) && pe(), y(() => {
-      x.removeEventListener("focus", $e, !0), x.removeEventListener("focusin", Le, !0), x.removeEventListener("focusout", tt, !0), x.removeEventListener("pointerdown", at, !0), E.removeEventListener("scroll", Ke), E.visualViewport?.removeEventListener("resize", nt), E.visualViewport?.removeEventListener("scroll", nt), E.removeEventListener("resize", nt), w.removeEventListener("touchstart", ot), w.removeEventListener("touchmove", yt), w.removeEventListener("touchend", S), w.removeEventListener("touchcancel", Ze), B(), Ze(), oe(), T?.remove(), w.style.removeProperty(_t.keyboardInset);
+    x.addEventListener("focus", $e, !0), x.addEventListener("focusin", Fe, !0), x.addEventListener("focusout", tt, !0), x.addEventListener("pointerdown", at, !0), E.addEventListener("scroll", Ke), E.visualViewport?.addEventListener("resize", nt), E.visualViewport?.addEventListener("scroll", nt), E.visualViewport && E.addEventListener("resize", nt), w.addEventListener("touchstart", ot, { passive: !0 }), w.addEventListener("touchmove", yt, { passive: !0 }), w.addEventListener("touchend", S), w.addEventListener("touchcancel", Ze), he(dt()) && pe(), y(() => {
+      x.removeEventListener("focus", $e, !0), x.removeEventListener("focusin", Fe, !0), x.removeEventListener("focusout", tt, !0), x.removeEventListener("pointerdown", at, !0), E.removeEventListener("scroll", Ke), E.visualViewport?.removeEventListener("resize", nt), E.visualViewport?.removeEventListener("scroll", nt), E.removeEventListener("resize", nt), w.removeEventListener("touchstart", ot), w.removeEventListener("touchmove", yt), w.removeEventListener("touchend", S), w.removeEventListener("touchcancel", Ze), B(), Ze(), oe(), T?.remove(), w.style.removeProperty(_t.keyboardInset);
     });
   });
 }
@@ -23656,7 +23656,7 @@ var OR = /* @__PURE__ */ V({
         disabled: e.disabled,
         "data-state": d(n).open.value ? "open" : "closed",
         onClick: i[0] || (i[0] = async (s) => {
-          s.defaultPrevented || !e.disabled && s.button === 0 && s.ctrlKey === !1 && (d(n)?.onOpenToggle(), await Fe(), d(n).open.value && s.preventDefault());
+          s.defaultPrevented || !e.disabled && s.button === 0 && s.ctrlKey === !1 && (d(n)?.onOpenToggle(), await Le(), d(n).open.value && s.preventDefault());
         }),
         onKeydown: i[1] || (i[1] = Bn((s) => {
           e.disabled || s.defaultPrevented || (["Enter", " "].includes(s.key) && d(n).onOpenToggle(), s.key === "ArrowDown" && d(n).onOpenChange(!0), [
@@ -24667,24 +24667,24 @@ var EM = /* @__PURE__ */ V({
           const Ke = b.right - P.right, at = window.innerWidth - _.right - Ke, Ze = window.innerWidth - E.right - at, ot = E.width + Ze, yt = Math.max(ot, b.width), S = window.innerWidth - yn, O = _p(at, yn, Math.max(yn, S - yt));
           c.value.style.minWidth = `${ot}px`, c.value.style.right = `${O}px`;
         }
-        const k = r().map((Ke) => Ke.ref), $ = window.innerHeight - yn * 2, T = p.value.scrollHeight, A = window.getComputedStyle(f.value), D = Number.parseInt(A.borderTopWidth, 10), M = Number.parseInt(A.paddingTop, 10), q = Number.parseInt(A.borderBottomWidth, 10), U = Number.parseInt(A.paddingBottom, 10), B = D + M + T + U + q, Y = Math.min(h.value.offsetHeight * 5, B), W = window.getComputedStyle(p.value), oe = Number.parseInt(W.paddingTop, 10), he = Number.parseInt(W.paddingBottom, 10), re = E.top + E.height / 2 - yn, pe = $ - re, _e = h.value.offsetHeight / 2, $e = h.value.offsetTop + _e, Le = D + M + $e, tt = B - Le;
-        if (Le <= re) {
+        const k = r().map((Ke) => Ke.ref), $ = window.innerHeight - yn * 2, T = p.value.scrollHeight, A = window.getComputedStyle(f.value), D = Number.parseInt(A.borderTopWidth, 10), M = Number.parseInt(A.paddingTop, 10), q = Number.parseInt(A.borderBottomWidth, 10), U = Number.parseInt(A.paddingBottom, 10), B = D + M + T + U + q, Y = Math.min(h.value.offsetHeight * 5, B), W = window.getComputedStyle(p.value), oe = Number.parseInt(W.paddingTop, 10), he = Number.parseInt(W.paddingBottom, 10), re = E.top + E.height / 2 - yn, pe = $ - re, _e = h.value.offsetHeight / 2, $e = h.value.offsetTop + _e, Fe = D + M + $e, tt = B - Fe;
+        if (Fe <= re) {
           const Ke = h.value === k.at(-1);
           c.value.style.bottom = "0px";
-          const at = f.value.clientHeight - p.value.offsetTop - p.value.offsetHeight, Ze = Math.max(pe, _e + (Ke ? he : 0) + at + q), ot = Le + Ze;
+          const at = f.value.clientHeight - p.value.offsetTop - p.value.offsetHeight, Ze = Math.max(pe, _e + (Ke ? he : 0) + at + q), ot = Fe + Ze;
           c.value.style.height = `${ot}px`;
         } else {
           const Ke = h.value === k[0];
           c.value.style.top = "0px";
           const Ze = Math.max(re, D + p.value.offsetTop + (Ke ? oe : 0) + _e) + tt;
-          c.value.style.height = `${Ze}px`, p.value.scrollTop = Le - re + p.value.offsetTop;
+          c.value.style.height = `${Ze}px`, p.value.scrollTop = Fe - re + p.value.offsetTop;
         }
         c.value.style.margin = `${yn}px 0`, c.value.style.minHeight = `${Y}px`, c.value.style.maxHeight = `${$}px`, o("placed"), requestAnimationFrame(() => s.value = !0);
       }
     }
     const w = /* @__PURE__ */ F("");
     je(async () => {
-      await Fe(), y(), f.value && (w.value = window.getComputedStyle(f.value).zIndex);
+      await Le(), y(), f.value && (w.value = window.getComputedStyle(f.value).zIndex);
     });
     function x(E) {
       E && l.value === !0 && (y(), v?.(), l.value = !1);
@@ -24963,16 +24963,16 @@ var BM = /* @__PURE__ */ V({
       Xa(m, y, _);
     }
     async function y(b) {
-      await Fe(), o("select", b), !b.defaultPrevented && (r.value || (a.onValueChange(n.value), a.multiple.value || a.onOpenChange(!1)));
+      await Le(), o("select", b), !b.defaultPrevented && (r.value || (a.onValueChange(n.value), a.multiple.value || a.onOpenChange(!1)));
     }
     async function w(b) {
-      await Fe(), !b.defaultPrevented && (r.value ? i.onItemLeave?.() : b.currentTarget?.focus({ preventScroll: !0 }));
+      await Le(), !b.defaultPrevented && (r.value ? i.onItemLeave?.() : b.currentTarget?.focus({ preventScroll: !0 }));
     }
     async function x(b) {
-      await Fe(), !b.defaultPrevented && b.currentTarget === dt() && i.onItemLeave?.();
+      await Le(), !b.defaultPrevented && b.currentTarget === dt() && i.onItemLeave?.();
     }
     async function E(b) {
-      await Fe(), !(b.defaultPrevented || i.searchRef?.value !== "" && b.key === " ") && (fM.includes(b.key) && v(b), b.key === " " && b.preventDefault());
+      await Le(), !(b.defaultPrevented || i.searchRef?.value !== "" && b.key === " ") && (fM.includes(b.key) && v(b), b.key === " " && b.preventDefault());
     }
     if (n.value === "") throw new Error("A <SelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
     return je(() => {
@@ -26254,26 +26254,40 @@ typeof document < "u" && (document.addEventListener("keydown", (e) => {
 function ys(e) {
   e.focus({ preventScroll: !0, focusVisible: Ju });
 }
-const MN = 'button, a[href], input, select, textarea, summary, [tabindex]:not([tabindex="-1"]), [role="menuitem"]';
+const MN = 'button, a[href], input, select, textarea, summary, [tabindex]:not([tabindex="-1"]), [role="menuitem"]', NN = 120;
 let la = null, dh = !1;
-function NN() {
+function LN() {
   dh || typeof document > "u" || (dh = !0, document.addEventListener("pointerdown", (e) => {
     const t = e.target instanceof Element ? e.target.closest(MN) : null;
     la = t ? { element: t, at: Date.now() } : null;
   }, { capture: !0, passive: !0 }));
 }
-function LN() {
+function FN() {
   const e = document.activeElement;
   return e instanceof HTMLElement && e !== document.body ? e : la && Date.now() - la.at < 1e3 && la.element.isConnected ? la.element : null;
 }
+const zN = (e) => {
+  typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : setTimeout(e, 16);
+};
 function sb(e) {
-  NN();
-  let t = null;
-  return ie(e, (n) => {
-    n && typeof document < "u" && (t = LN());
-  }, { flush: "sync", immediate: !0 }), (n) => {
-    const o = t;
-    t = null, !(n.defaultPrevented || !o?.isConnected) && (o.focus({ preventScroll: !0 }), document.activeElement === o && n.preventDefault());
+  LN();
+  let t = null, n = 0;
+  return ie(e, (o) => {
+    !o || typeof document > "u" || (n++, t = FN());
+  }, { flush: "sync", immediate: !0 }), (o) => {
+    const r = t;
+    t = null;
+    const a = ++n;
+    if (o.defaultPrevented || !r?.isConnected) return;
+    o.preventDefault();
+    const i = document.activeElement, s = o.target instanceof Element ? o.target : i instanceof HTMLElement && i !== document.body ? i.closest("[role=dialog]") ?? i : null;
+    let l = 0;
+    const c = () => {
+      if (a !== n || !r.isConnected) return;
+      const u = document.activeElement;
+      u !== r && (u instanceof HTMLElement && u !== document.body && u.isConnected && !s?.contains(u) || (!s?.isConnected && !r.closest("[inert]") && r.focus({ preventScroll: !0 }), !(document.activeElement === r || l++ >= NN) && zN(c)));
+    };
+    Le(c);
   };
 }
 function lb(e) {
@@ -26290,8 +26304,8 @@ const cb = /* @__PURE__ */ V({
   setup(e) {
     return XA(e.kind), (n, o) => z(n.$slots, "default");
   }
-}), FN = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), zN = 50;
-function BN(e) {
+}), BN = /* @__PURE__ */ new Set(["Enter", "Escape", "Tab"]), qN = 50;
+function VN(e) {
   return e.isComposing || e.keyCode === 229;
 }
 function db(e, t = {}) {
@@ -26306,11 +26320,11 @@ function db(e, t = {}) {
       return n;
     },
     ownsKey(l) {
-      if (n || BN(l)) return !0;
-      if (!FN.has(l.key)) return !1;
+      if (n || VN(l)) return !0;
+      if (!BN.has(l.key)) return !1;
       const c = a.get(l);
       if (c !== void 0) return c;
-      const u = l.timeStamp - o <= zN;
+      const u = l.timeStamp - o <= qN;
       return o = -1 / 0, a.set(l, u), u;
     },
     dispose() {
@@ -26318,24 +26332,24 @@ function db(e, t = {}) {
     }
   };
 }
-const qN = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
+const jN = '[role="dialog"],[role="alertdialog"],[aria-modal="true"]';
 function fh(e, t) {
-  return e.some((n) => n instanceof Element && n.matches(qN) && !t.some((o) => n.contains(o) || o.contains(n)));
+  return e.some((n) => n instanceof Element && n.matches(jN) && !t.some((o) => n.contains(o) || o.contains(n)));
 }
-const ul = "data-ui-ignore-outside", VN = `[${ul}]`, ou = /* @__PURE__ */ new WeakMap(), ph = /* @__PURE__ */ new WeakSet();
+const ul = "data-ui-ignore-outside", UN = `[${ul}]`, ou = /* @__PURE__ */ new WeakMap(), ph = /* @__PURE__ */ new WeakSet();
 function hh(e) {
   return [...e.options.elements()].filter((t) => !!t);
 }
 function mh(e, t) {
   return e.some((n) => n instanceof Node && t.some((o) => o === n || o.contains(n)));
 }
-function jN(e) {
+function WN(e) {
   return e.some((t) => t instanceof Element && t.hasAttribute(ul));
 }
-function UN(e, t) {
+function KN(e, t) {
   return e.length > 0 && !e.includes(t);
 }
-function WN(e, t = 400) {
+function HN(e, t = 400) {
   let n = 0;
   const o = () => {
     e.clearTimeout(n), e.removeEventListener("click", r, !0), e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", o, !0);
@@ -26344,19 +26358,19 @@ function WN(e, t = 400) {
   };
   return e.addEventListener("click", r, !0), e.addEventListener("pointerdown", o, !0), e.addEventListener("keydown", o, !0), n = e.setTimeout(o, t), o;
 }
-function KN(e) {
+function ZN(e) {
   const t = e.document, n = { layers: [], guard: db(e), teardown: () => {
   } }, o = (a) => {
     if (ph.has(a)) return;
     ph.add(a);
     const i = a.composedPath();
-    if (!(jN(i) || UN(i, t)))
+    if (!(WN(i) || KN(i, t)))
       for (const s of [...n.layers].reverse()) {
         if (s.disposed) continue;
         const l = hh(s);
         if (mh(i, l) || fh(i, l)) return;
         if (s.options.onOutside?.(a) === "veto") {
-          a.preventDefault(), a.stopImmediatePropagation(), WN(e);
+          a.preventDefault(), a.stopImmediatePropagation(), HN(e);
           return;
         }
       }
@@ -26373,8 +26387,8 @@ function KN(e) {
     e.removeEventListener("pointerdown", o, !0), e.removeEventListener("keydown", r, !0), n.guard.dispose();
   }, n;
 }
-function HN(e, t) {
-  const n = ou.get(e) ?? KN(e);
+function GN(e, t) {
+  const n = ou.get(e) ?? ZN(e);
   ou.set(e, n);
   const o = { options: t, disposed: !1 };
   return n.layers.push(o), {
@@ -26390,10 +26404,10 @@ function vh(e) {
   const t = Pe(e);
   return Array.isArray(t) ? [...t] : [t];
 }
-function ZN(e, t, n) {
+function YN(e, t, n) {
   const o = ie(() => Pe(t), (r, a, i) => {
     if (!r || typeof window > "u") return;
-    const s = vh(e).find(Boolean)?.ownerDocument?.defaultView ?? window, l = HN(s, {
+    const s = vh(e).find(Boolean)?.ownerDocument?.defaultView ?? window, l = GN(s, {
       elements: () => vh(e),
       onOutside: (c) => n.onOutside?.(c),
       onEscape: (c) => n.onEscape?.(c)
@@ -26402,9 +26416,9 @@ function ZN(e, t, n) {
   }, { immediate: !0, flush: "sync" });
   return sr() && Io(o), o;
 }
-const GN = /* @__PURE__ */ Symbol("syno-overlay-motion");
+const JN = /* @__PURE__ */ Symbol("syno-overlay-motion");
 function fb(e) {
-  const t = Re(GN, "auto");
+  const t = Re(JN, "auto");
   return () => e() ?? Pe(t);
 }
 const gh = /* @__PURE__ */ new WeakMap();
@@ -26419,7 +26433,7 @@ function cl(e) {
 }
 function hb(e, t) {
   const n = zn(), o = `[data-ui-layer="${n}"]`;
-  return ZN(
+  return YN(
     () => typeof document > "u" ? null : document.querySelector(o),
     e,
     {
@@ -26429,13 +26443,13 @@ function hb(e, t) {
 }
 function mb(e) {
   const t = e.target;
-  t instanceof Element && t.closest(VN) && e.preventDefault();
+  t instanceof Element && t.closest(UN) && e.preventDefault();
 }
-function YN(e) {
+function XN(e) {
   typeof matchMedia == "function" && matchMedia("(pointer: coarse)").matches && e.preventDefault();
 }
 const Oi = 12;
-function JN(e, t) {
+function QN(e, t) {
   return {
     left: Oi,
     top: t + Oi,
@@ -26443,41 +26457,41 @@ function JN(e, t) {
     height: Math.max(e.height - t - 2 * Oi, 0)
   };
 }
-const XN = 600;
+const eL = 600;
 function vb(e, t, n) {
   return {
     x: Math.min(Math.max(e.x, n.left), n.left + Math.max(n.width - t.width, 0)),
     y: Math.min(Math.max(e.y, n.top), n.top + Math.max(n.height - t.height, 0))
   };
 }
-function QN(e, t, n) {
+function tL(e, t, n) {
   return vb({
     x: e.left + (e.width - t.width) / 2,
     y: e.top + (e.height - t.height) / 2
   }, t, n);
 }
-function eL(e) {
-  return e.width >= XN && !e.coarse;
+function nL(e) {
+  return e.width >= eL && !e.coarse;
 }
-const gb = "@synopkgland/floating-host", tL = "data-ui-floating", yh = ["lang", "dir", "data-ui-theme", "data-ui-density", "data-ui-accent", "data-ui-color-scheme", "data-ui-motion"], nL = "--ui-accent-";
+const gb = "@synopkgland/floating-host", oL = "data-ui-floating", yh = ["lang", "dir", "data-ui-theme", "data-ui-density", "data-ui-accent", "data-ui-color-scheme", "data-ui-motion"], rL = "--ui-accent-";
 function bh(e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const o = e.item(n);
-    o.startsWith(nL) && t.push(o);
+    o.startsWith(rL) && t.push(o);
   }
   return t;
 }
 function bd() {
   return Re(gb, null);
 }
-function oL(e) {
+function aL(e) {
   const t = e.ownerDocument.defaultView;
   for (let n = e.parentElement; n && n !== e.ownerDocument.body; n = n.parentElement)
     if (!["auto", ""].includes(t.getComputedStyle(n).zIndex)) return n;
   return null;
 }
-function rL(e, t) {
+function iL(e, t) {
   const n = e.ownerDocument.defaultView;
   for (let r = e; r; r = r === t ? null : r.parentElement) {
     const a = n.getComputedStyle(r);
@@ -26486,14 +26500,14 @@ function rL(e, t) {
   const o = e.getBoundingClientRect();
   return o.width > 0 && (o.right <= 0 || o.bottom <= 0 || o.left >= n.innerWidth || o.top >= n.innerHeight);
 }
-function aL(e, t, n) {
+function sL(e, t, n) {
   if (!t) return null;
   const o = /* @__PURE__ */ Ot(null), r = /* @__PURE__ */ Ot(null), a = /* @__PURE__ */ Ot({ left: 0, top: 0, width: 0, height: 0 }), i = /* @__PURE__ */ F(!1);
   let s;
   return ie(e, (c, u, f) => {
     if (!c) return;
     const p = c.ownerDocument.defaultView, h = c.ownerDocument.createElement("div");
-    h.setAttribute("data-ui-app", ""), h.setAttribute("data-syno-pkg-land-ui", ""), h.setAttribute("data-ui-modal-scope", "app"), h.setAttribute(tL, ""), Object.assign(h.style, { position: "fixed", inset: "0", pointerEvents: "none" });
+    h.setAttribute("data-ui-app", ""), h.setAttribute("data-syno-pkg-land-ui", ""), h.setAttribute("data-ui-modal-scope", "app"), h.setAttribute(oL, ""), Object.assign(h.style, { position: "fixed", inset: "0", pointerEvents: "none" });
     const m = () => {
       for (const T of yh) {
         const A = c.getAttribute(T);
@@ -26505,8 +26519,8 @@ function aL(e, t, n) {
     m();
     const v = new MutationObserver(m);
     v.observe(c, { attributes: !0, attributeFilter: [...yh, "style"] });
-    const y = oL(c), w = () => {
-      const T = !!y && rL(c, y);
+    const y = aL(c), w = () => {
+      const T = !!y && iL(c, y);
       y && (h.style.zIndex = p.getComputedStyle(y).zIndex, h.style.visibility = T ? "hidden" : "");
       const { left: A, top: D, width: M, height: q } = c.getBoundingClientRect();
       if (r.value = T ? null : { left: A, top: D, width: M, height: q }, !T) {
@@ -26518,7 +26532,7 @@ function aL(e, t, n) {
       const T = c.ownerDocument.getElementById("sds-taskbar")?.getBoundingClientRect();
       return T && T.height > 0 && T.top <= 0 ? Math.max(T.bottom, 0) : 0;
     }, E = () => {
-      a.value = JN({ width: p.innerWidth, height: p.innerHeight }, x()), h.style.setProperty("--ui-floating-max-height", `${a.value.height}px`), i.value = eL({ width: p.innerWidth, coarse: !!p.matchMedia?.("(pointer: coarse)").matches }), i.value ? h.removeAttribute("data-ui-presentation") : h.setAttribute("data-ui-presentation", "mobile"), w();
+      a.value = QN({ width: p.innerWidth, height: p.innerHeight }, x()), h.style.setProperty("--ui-floating-max-height", `${a.value.height}px`), i.value = nL({ width: p.innerWidth, coarse: !!p.matchMedia?.("(pointer: coarse)").matches }), i.value ? h.removeAttribute("data-ui-presentation") : h.setAttribute("data-ui-presentation", "mobile"), w();
     }, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(E);
     b?.observe(c), s = E;
     const _ = new MutationObserver(w);
@@ -26563,13 +26577,13 @@ const wd = /* @__PURE__ */ V({
       }, 8, ["teleport-to", "dir", "locale", "scroll-body", "nonce", "use-id"])) : z(n.$slots, "default", {}, void 0, void 0, 1)
     ], 8, ["to", "disabled"]));
   }
-}), iL = {
+}), lL = {
   key: 0,
   "data-ui-bottom-sheet-header": ""
-}, sL = { class: "min-w-0 flex-1" }, lL = ["data-ui-sheet-flush"], uL = {
+}, uL = { class: "min-w-0 flex-1" }, cL = ["data-ui-sheet-flush"], dL = {
   key: 3,
   "data-ui-bottom-sheet-footer": ""
-}, cL = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', _d = /* @__PURE__ */ V({
+}, fL = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', _d = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "BottomSheet",
   props: {
@@ -26622,7 +26636,7 @@ const wd = /* @__PURE__ */ V({
       const M = k.value?.closest("[data-ui-bottom-sheet]");
       if (!M) return;
       D.preventDefault();
-      const q = ll() ? void 0 : Array.from(M.querySelectorAll(cL)).find((U) => !U.matches("[data-ui-bottom-sheet-close], :disabled") && U.getClientRects().length > 0);
+      const q = ll() ? void 0 : Array.from(M.querySelectorAll(fL)).find((U) => !U.matches("[data-ui-bottom-sheet-close], :disabled") && U.getClientRects().length > 0);
       q && ys(q), (!q || document.activeElement !== q) && (M.tabIndex = -1, ys(M));
     }
     function T(D) {
@@ -26687,8 +26701,8 @@ const wd = /* @__PURE__ */ V({
                                 "data-ui-bottom-sheet-grabber": "",
                                 "aria-hidden": "true"
                               }, null, 512),
-                              _.value ? (g(), I("header", iL, [
-                                ae("div", sL, [
+                              _.value ? (g(), I("header", lL, [
+                                ae("div", uL, [
                                   d(o).title ? (g(), L(d(Hu), {
                                     key: 0,
                                     class: ce(D.$slots.header && "sr-only"),
@@ -26738,8 +26752,8 @@ const wd = /* @__PURE__ */ V({
                                 "data-ui-sheet-flush": d(o).flush ? "" : void 0
                               }, [
                                 z(D.$slots, "default")
-                              ], 8, lL)) : j("", !0),
-                              D.$slots.footer ? (g(), I("footer", uL, [
+                              ], 8, cL)) : j("", !0),
+                              D.$slots.footer ? (g(), I("footer", dL, [
                                 K(cb, { kind: "action" }, {
                                   default: R(() => [
                                     z(D.$slots, "footer")
@@ -26799,10 +26813,10 @@ const wd = /* @__PURE__ */ V({
       }, 8, ["open", "modal", "snap-points"]);
     };
   }
-}), dL = ["for"], fL = {
+}), pL = ["for"], hL = {
   key: 0,
   class: "block leading-[var(--ui-line-height)]"
-}, pL = /* @__PURE__ */ V({
+}, mL = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -26855,22 +26869,22 @@ const wd = /* @__PURE__ */ V({
         for: c.value,
         class: ce(["ui-checkbox-text min-w-0 break-words font-normal [overflow-wrap:anywhere]", d(o) ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
       }, [
-        n.label ? (g(), I("span", fL, Q(n.label), 1)) : j("", !0),
+        n.label ? (g(), I("span", hL, Q(n.label), 1)) : j("", !0),
         n.description ? (g(), I("span", {
           key: 1,
           "data-ui-checkbox-description": "",
           class: ce(["mt-0.5 block text-[12px] leading-4", d(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
         }, Q(n.description), 3)) : j("", !0)
-      ], 10, dL)) : j("", !0)
+      ], 10, pL)) : j("", !0)
     ], 16));
   }
-}), hL = {
+}), vL = {
   key: 0,
   class: "min-w-0 break-words [overflow-wrap:anywhere]"
-}, mL = {
+}, gL = {
   key: 0,
   class: "block leading-[var(--ui-line-height)]"
-}, vL = /* @__PURE__ */ V({
+}, yL = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Switch",
   props: {
@@ -26899,8 +26913,8 @@ const wd = /* @__PURE__ */ V({
         ]),
         _: 1
       }, 16, ["model-value", "disabled"]),
-      n.label || n.description || l.$slots.description ? (g(), I("span", hL, [
-        n.label ? (g(), I("span", mL, Q(n.label), 1)) : j("", !0),
+      n.label || n.description || l.$slots.description ? (g(), I("span", vL, [
+        n.label ? (g(), I("span", gL, Q(n.label), 1)) : j("", !0),
         n.description || l.$slots.description ? (g(), I("span", {
           key: 1,
           "data-ui-switch-description": "",
@@ -26913,12 +26927,12 @@ const wd = /* @__PURE__ */ V({
       ])) : j("", !0)
     ], 16));
   }
-}), gL = ["data-ui-choice-card", "data-state", "data-disabled"], yL = { class: "min-w-0 flex-1 break-words" }, bL = {
+}), bL = ["data-ui-choice-card", "data-state", "data-disabled"], wL = { class: "min-w-0 flex-1 break-words" }, _L = {
   key: 0,
   class: "ui-choice-card-icon mb-[var(--ui-space-2)] flex size-8 items-center justify-center rounded-[var(--ui-radius-md)]",
   "data-ui-choice-card-icon": "",
   "aria-hidden": "true"
-}, wL = /* @__PURE__ */ V({
+}, xL = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
@@ -26965,8 +26979,8 @@ const wd = /* @__PURE__ */ V({
             ]),
             _: 1
           }, 8, ["value", "disabled"]),
-          ae("span", yL, [
-            n.variant === "card" && u.icon ? (g(), I("span", bL, [
+          ae("span", wL, [
+            n.variant === "card" && u.icon ? (g(), I("span", _L, [
               (g(), L(ft(u.icon), { class: "size-[18px]" }))
             ])) : j("", !0),
             ae("span", {
@@ -26977,25 +26991,25 @@ const wd = /* @__PURE__ */ V({
               class: ce(["mt-0.5 block text-[12px] leading-4", d(o) || u.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
             }, Q(u.description), 3)) : j("", !0)
           ])
-        ], 10, gL))), 128))
+        ], 10, bL))), 128))
       ]),
       _: 1
     }, 16, ["required", "model-value", "disabled", "orientation", "class", "data-variant"]));
   }
 });
-function _L(e) {
+function SL(e) {
   return typeof e == "object" && e !== null && Array.isArray(e.options);
 }
-function xL(e) {
+function kL(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
 function Xu(e) {
-  return e ? Array.isArray(e) ? e.length === 0 ? [] : _L(e[0]) ? e.map((t, n) => ({
+  return e ? Array.isArray(e) ? e.length === 0 ? [] : SL(e[0]) ? e.map((t, n) => ({
     key: t.label ?? `group-${n}`,
     label: t.label,
     indent: t.indent !== !1,
     options: t.options
-  })) : [{ key: "options", label: void 0, indent: !0, options: e }] : xL(e) ? Object.entries(e).map(([t, n]) => ({
+  })) : [{ key: "options", label: void 0, indent: !0, options: e }] : kL(e) ? Object.entries(e).map(([t, n]) => ({
     key: t,
     label: n.label,
     indent: n.indent !== !1,
@@ -27005,7 +27019,7 @@ function Xu(e) {
 function wh(e) {
   return e.flatMap((t) => t.options);
 }
-function SL(e, t, n) {
+function CL(e, t, n) {
   const o = t.trim();
   if (!o) return e;
   const r = n ? o : o.toLowerCase();
@@ -27014,10 +27028,10 @@ function SL(e, t, n) {
     options: a.options.filter((i) => (n ? i.label : i.label.toLowerCase()).includes(r))
   })).filter((a) => a.options.length > 0);
 }
-function kL(e) {
+function EL(e) {
   const t = C(() => Xu(e.options())), n = /* @__PURE__ */ F(null), o = /* @__PURE__ */ F(!1);
   let r = 0;
-  const a = C(() => typeof e.search() == "function"), i = C(() => e.query.value.trim()), s = C(() => i.value.length >= Math.max(1, e.minSearchChar())), l = C(() => a.value ? s.value ? n.value ?? [] : t.value : e.search() === !0 && s.value ? SL(t.value, i.value, e.caseSensitive()) : t.value);
+  const a = C(() => typeof e.search() == "function"), i = C(() => e.query.value.trim()), s = C(() => i.value.length >= Math.max(1, e.minSearchChar())), l = C(() => a.value ? s.value ? n.value ?? [] : t.value : e.search() === !0 && s.value ? CL(t.value, i.value, e.caseSensitive()) : t.value);
   return ie([i, a], async () => {
     const c = e.search();
     if (typeof c != "function" || !s.value) {
@@ -27038,23 +27052,23 @@ function kL(e) {
     }
   }), { baseGroups: t, groups: l, searching: o };
 }
-const CL = {
+const AL = {
   key: 0,
   class: "shrink-0 px-4 pb-2"
-}, EL = {
+}, PL = {
   key: 0,
   class: "px-3 py-3 text-[length:var(--ui-font-size)] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, AL = {
+}, OL = {
   key: 0,
   "data-ui-option-check": "",
   "aria-hidden": "true",
   class: "flex size-5 shrink-0 items-center justify-center rounded-[var(--ui-radius-sm)] border border-[var(--ui-border-strong)] bg-[var(--ui-surface)] text-[var(--ui-primary-foreground)] group-data-[state=checked]:border-[var(--ui-primary)] group-data-[state=checked]:bg-[var(--ui-primary)]"
-}, PL = { class: "min-w-0 flex-1 truncate" }, OL = {
+}, TL = { class: "min-w-0 flex-1 truncate" }, $L = {
   key: 0,
   class: "px-3 py-3 text-[length:var(--ui-font-size)] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, TL = { class: "min-w-0 flex-1 truncate" }, _h = "relative flex min-h-12 select-none items-center gap-3 rounded-[var(--ui-radius-md)] px-3 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[disabled]:opacity-40", $L = /* @__PURE__ */ V({
+}, IL = { class: "min-w-0 flex-1 truncate" }, _h = "relative flex min-h-12 select-none items-center gap-3 rounded-[var(--ui-radius-md)] px-3 text-[length:var(--ui-font-size)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[disabled]:opacity-40", DL = /* @__PURE__ */ V({
   __name: "SelectSheet",
   props: {
     open: { type: Boolean },
@@ -27102,7 +27116,7 @@ const CL = {
           "data-ui-select-sheet-list": ""
         }, {
           default: R(() => [
-            n.search ? (g(), I("div", CL, [
+            n.search ? (g(), I("div", AL, [
               K(d(m$), {
                 "model-value": n.query,
                 enterkeyhint: "search",
@@ -27117,7 +27131,7 @@ const CL = {
             ])) : j("", !0),
             K(d(p$), { class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 pb-2" }, {
               default: R(() => [
-                n.loading ? (g(), I("div", EL, Q(n.loadingText), 1)) : (g(), I(ye, { key: 1 }, [
+                n.loading ? (g(), I("div", PL, Q(n.loadingText), 1)) : (g(), I(ye, { key: 1 }, [
                   (g(!0), I(ye, null, Be(n.groups, (m) => (g(), L(d(b$), {
                     key: m.key
                   }, {
@@ -27140,7 +27154,7 @@ const CL = {
                         onSelect: (y) => c(y, v.value)
                       }, {
                         default: R(() => [
-                          n.multiple ? (g(), I("span", AL, [
+                          n.multiple ? (g(), I("span", OL, [
                             K(d(Dp), null, {
                               default: R(() => [
                                 K(d(to), { class: "size-4 stroke-[2.5]" })
@@ -27148,7 +27162,7 @@ const CL = {
                               _: 1
                             })
                           ])) : j("", !0),
-                          ae("span", PL, Q(v.label), 1),
+                          ae("span", TL, Q(v.label), 1),
                           n.multiple ? j("", !0) : (g(), L(d(Dp), {
                             key: 1,
                             class: "inline-flex shrink-0 items-center text-[var(--ui-primary)]"
@@ -27167,7 +27181,7 @@ const CL = {
                     ]),
                     _: 2
                   }, 1024))), 128)),
-                  l.value && !n.createText ? (g(), I("div", OL, Q(n.notFoundText), 1)) : j("", !0)
+                  l.value && !n.createText ? (g(), I("div", $L, Q(n.notFoundText), 1)) : j("", !0)
                 ], 64)),
                 n.createText && !n.loading ? (g(), I("button", {
                   key: 2,
@@ -27176,7 +27190,7 @@ const CL = {
                   "data-ui-select-sheet-create": "",
                   onClick: h[0] || (h[0] = (m) => o("create"))
                 }, [
-                  ae("span", TL, Q(n.createText), 1)
+                  ae("span", IL, Q(n.createText), 1)
                 ], 2)) : j("", !0)
               ]),
               _: 1
@@ -27205,27 +27219,27 @@ const CL = {
       } : void 0
     ]), 1032, ["open", "title", "height"]));
   }
-}), IL = {
+}), RL = {
   key: 0,
   class: "block max-w-full truncate"
-}, DL = {
+}, ML = {
   key: 1,
   class: "block max-w-full truncate"
-}, RL = {
+}, NL = {
   key: 2,
   class: "block max-w-full truncate"
-}, ML = {
+}, LL = {
   key: 0,
   class: "mb-1 border-b border-[var(--ui-border-subtle)] pb-1"
-}, NL = ["placeholder", "aria-label"], LL = {
+}, FL = ["placeholder", "aria-label"], zL = {
   key: 1,
   class: "px-2.5 py-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, FL = { class: "min-w-0 truncate" }, zL = {
+}, BL = { class: "min-w-0 truncate" }, qL = {
   key: 0,
   class: "px-2.5 py-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, BL = /* @__PURE__ */ V({
+}, VL = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Select",
   props: {
@@ -27243,7 +27257,7 @@ const CL = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = lr(() => r.disabled), r = Wn(n, { placeholder: "Select…", searchPlaceholder: "Search…", notFoundText: "No results", loadingText: "Loading…" }), a = t, i = /* @__PURE__ */ F(""), s = /* @__PURE__ */ F(!1), l = qe("searchInput"), c = qe("trigger"), u = qe("viewport"), f = C(() => r.search !== !1), p = /* @__PURE__ */ F(!1), { groups: h, searching: m } = kL({
+    const n = e, o = lr(() => r.disabled), r = Wn(n, { placeholder: "Select…", searchPlaceholder: "Search…", notFoundText: "No results", loadingText: "Loading…" }), a = t, i = /* @__PURE__ */ F(""), s = /* @__PURE__ */ F(!1), l = qe("searchInput"), c = qe("trigger"), u = qe("viewport"), f = C(() => r.search !== !1), p = /* @__PURE__ */ F(!1), { groups: h, searching: m } = EL({
       options: () => r.options,
       search: () => r.search,
       query: i,
@@ -27325,7 +27339,7 @@ const CL = {
                 placeholder: d(r).placeholder
               }, {
                 default: R(({ selectedLabel: he }) => [
-                  y.value ? (g(), I("span", IL, Q(y.value), 1)) : he.length ? (g(), I("span", DL, Q(he.join(", ")), 1)) : (g(), I("span", RL, Q(d(r).placeholder), 1))
+                  y.value ? (g(), I("span", RL, Q(y.value), 1)) : he.length ? (g(), I("span", ML, Q(he.join(", ")), 1)) : (g(), I("span", NL, Q(d(r).placeholder), 1))
                 ]),
                 _: 1
               }, 8, ["placeholder"]),
@@ -27354,7 +27368,7 @@ const CL = {
                 onPointerdown: oe[1] || (oe[1] = (he) => p.value = !0)
               }), {
                 default: R(() => [
-                  f.value ? (g(), I("div", ML, [
+                  f.value ? (g(), I("div", LL, [
                     nr(ae("input", {
                       ref_key: "searchInput",
                       ref: l,
@@ -27365,11 +27379,11 @@ const CL = {
                       class: "h-7 w-full rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none props.placeholder:text-[var(--ui-text-muted)] focus:border-[var(--ui-primary)]",
                       "data-syno-pkg-land-ui-select-search": "",
                       onKeydown: x
-                    }, null, 40, NL), [
+                    }, null, 40, FL), [
                       [O0, i.value]
                     ])
                   ])) : j("", !0),
-                  d(m) ? (g(), I("div", LL, Q(d(r).loadingText), 1)) : (g(), L(d(tN), {
+                  d(m) ? (g(), I("div", zL, Q(d(r).loadingText), 1)) : (g(), L(d(tN), {
                     key: 2,
                     ref_key: "viewport",
                     ref: u
@@ -27396,7 +27410,7 @@ const CL = {
                             class: ce(["relative flex h-[var(--ui-menu-row-height)] select-none items-center rounded-[var(--ui-radius-sm)] py-1 pr-8 text-[length:var(--ui-font-size-control)] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[state=checked]:bg-[var(--ui-surface-selected)] data-[disabled]:opacity-40", he.label && he.indent ? "pl-5" : "pl-2.5"])
                           }, {
                             default: R(() => [
-                              ae("span", FL, [
+                              ae("span", BL, [
                                 K(d(WM), null, {
                                   default: R(() => [
                                     Oe(Q(re.label), 1)
@@ -27419,7 +27433,7 @@ const CL = {
                         ]),
                         _: 2
                       }, 1024))), 128)),
-                      d(h).length ? j("", !0) : (g(), I("div", zL, Q(d(r).notFoundText), 1))
+                      d(h).length ? j("", !0) : (g(), I("div", qL, Q(d(r).notFoundText), 1))
                     ]),
                     _: 1
                   }, 512))
@@ -27432,7 +27446,7 @@ const CL = {
         ]),
         _: 1
       }, 8, ["required", "open", "model-value", "disabled"]),
-      d(b) === "sheet" ? (g(), L($L, {
+      d(b) === "sheet" ? (g(), L(DL, {
         key: 0,
         open: s.value,
         "onUpdate:open": oe[4] || (oe[4] = (he) => s.value = he),
@@ -27450,24 +27464,24 @@ const CL = {
       }, null, 8, ["open", "query", "title", "groups", "value", "search", "search-placeholder", "loading", "loading-text", "not-found-text"])) : j("", !0)
     ], 16));
   }
-}), qL = "data-ui-tooltip-text", VL = "data-ui-tooltip-hint", jL = "data-ui-tooltip-off", UL = "data-ui-tooltip-trigger", yb = "data-ui-tooltip-scope";
-function WL(e) {
+}), jL = "data-ui-tooltip-text", UL = "data-ui-tooltip-hint", WL = "data-ui-tooltip-off", KL = "data-ui-tooltip-trigger", yb = "data-ui-tooltip-scope";
+function HL(e) {
   return e.classList.contains("truncate") || e.classList.contains("text-ellipsis") || getComputedStyle(e).textOverflow === "ellipsis";
 }
-function KL(e) {
+function ZL(e) {
   return e.scrollWidth > e.clientWidth + 1;
 }
 function bb(e, t) {
   for (let n = e; n; n = n.parentElement) {
-    if (n.hasAttribute("title") || n.hasAttribute(jL) || n.hasAttribute(UL)) return !0;
+    if (n.hasAttribute("title") || n.hasAttribute(WL) || n.hasAttribute(KL)) return !0;
     if (n === t) return !1;
   }
   return !1;
 }
 function Qu(e, t) {
-  const n = e.getAttribute(VL) || void 0, o = WL(e) && KL(e);
+  const n = e.getAttribute(UL) || void 0, o = HL(e) && ZL(e);
   if (!o && !n || bb(e, t)) return null;
-  const r = e.getAttribute(qL) ?? (e.textContent ?? "").replace(/\s+/g, " ").trim();
+  const r = e.getAttribute(jL) ?? (e.textContent ?? "").replace(/\s+/g, " ").trim();
   return { element: e, scope: t, cut: o, text: r, hint: n };
 }
 function xh(e, t) {
@@ -27488,7 +27502,7 @@ function xh(e, t) {
   }
   return null;
 }
-function HL(e, t) {
+function GL(e, t) {
   if (!(e instanceof HTMLElement) || !t.contains(e)) return null;
   const n = e.closest(`td, th, [${yb}]`), o = n && t.contains(n) ? n : t;
   for (const r of [e, ...e.querySelectorAll("*")]) {
@@ -27499,13 +27513,13 @@ function HL(e, t) {
   return null;
 }
 const wb = /* @__PURE__ */ Symbol("overflow-tooltip-region");
-function ZL() {
+function YL() {
   We(wb, !0);
 }
 function _b() {
   return Re(wb, !1);
 }
-const xb = "z-[1450] max-w-[min(18rem,var(--reka-popper-available-width,18rem))] rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip-bg)] px-3 py-1.5 text-[12px] leading-4 text-[var(--ui-tooltip-fg)] whitespace-pre-line shadow-[var(--ui-shadow-menu)] [overflow-wrap:anywhere] animate-[ui-fade-in_var(--ui-motion-fast)_var(--ui-motion-ease)]", Sb = 6, kb = 350, GL = 300;
+const xb = "z-[1450] max-w-[min(18rem,var(--reka-popper-available-width,18rem))] rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip-bg)] px-3 py-1.5 text-[12px] leading-4 text-[var(--ui-tooltip-fg)] whitespace-pre-line shadow-[var(--ui-shadow-menu)] [overflow-wrap:anywhere] animate-[ui-fade-in_var(--ui-motion-fast)_var(--ui-motion-ease)]", Sb = 6, kb = 350, JL = 300;
 let ua = 0, ec;
 const dl = /* @__PURE__ */ F(!1);
 function Cb() {
@@ -27514,7 +27528,7 @@ function Cb() {
 function bs() {
   ua = Math.max(0, ua - 1), !(ua > 0) && (clearTimeout(ec), ec = setTimeout(() => {
     ua === 0 && (dl.value = !1);
-  }, GL));
+  }, JL));
 }
 const Eb = /* @__PURE__ */ V({
   __name: "OverflowTooltip",
@@ -27528,7 +27542,7 @@ const Eb = /* @__PURE__ */ V({
   },
   setup(e) {
     const t = e;
-    ZL();
+    YL();
     const n = qe("wrapper"), o = C(() => t.target ?? n.value ?? null), r = /* @__PURE__ */ Ot(null), a = /* @__PURE__ */ F(""), i = /* @__PURE__ */ F(!1), s = oi(r, () => i.value);
     let l;
     ie(i, (b) => {
@@ -27580,7 +27594,7 @@ const Eb = /* @__PURE__ */ V({
     }
     function w(b) {
       const _ = o.value, P = b.target;
-      _ && y(P) && f(HL(P, _), 0);
+      _ && y(P) && f(GL(P, _), 0);
     }
     function x() {
       r.value && u();
@@ -27652,12 +27666,12 @@ const Eb = /* @__PURE__ */ V({
       })) : j("", !0)
     ], 64));
   }
-}), YL = {
+}), XL = {
   key: 0,
   "data-ui-badge-dot": "",
   class: "size-1.5 shrink-0 rounded-full bg-current",
   "aria-hidden": "true"
-}, JL = /* @__PURE__ */ V({
+}, QL = /* @__PURE__ */ V({
   __name: "Badge",
   props: {
     tone: { default: "neutral" },
@@ -27676,11 +27690,11 @@ const Eb = /* @__PURE__ */ V({
       ]),
       "data-syno-pkg-land-ui": ""
     }, [
-      n.value ? (g(), I("span", YL)) : j("", !0),
+      n.value ? (g(), I("span", XL)) : j("", !0),
       z(o.$slots, "default")
     ], 2));
   }
-}), XL = ["data-tone", "data-pulse", "role", "aria-label", "aria-hidden"], QL = /* @__PURE__ */ V({
+}), eF = ["data-tone", "data-pulse", "role", "aria-label", "aria-hidden"], tF = /* @__PURE__ */ V({
   __name: "StatusDot",
   props: {
     tone: { default: "neutral" },
@@ -27697,9 +27711,9 @@ const Eb = /* @__PURE__ */ V({
       "aria-hidden": e.label ? void 0 : "true",
       "data-icon": "",
       "data-syno-pkg-land-ui": ""
-    }, null, 8, XL));
+    }, null, 8, eF));
   }
-}), eF = ["aria-label"], tF = { key: 0 }, nF = /* @__PURE__ */ V({
+}), nF = ["aria-label"], oF = { key: 0 }, rF = /* @__PURE__ */ V({
   __name: "LoadingIndicator",
   props: {
     text: { default: "" },
@@ -27717,30 +27731,30 @@ const Eb = /* @__PURE__ */ V({
         label: e.text || d(n).label,
         size: 24
       }, null, 8, ["label"]),
-      e.text ? (g(), I("span", tF, Q(e.text), 1)) : j("", !0)
-    ], 8, eF));
+      e.text ? (g(), I("span", oF, Q(e.text), 1)) : j("", !0)
+    ], 8, nF));
   }
-}), oF = {
+}), aF = {
   class: "flex h-full min-h-12 w-full items-center justify-center",
   "data-syno-pkg-land-ui": ""
-}, rF = /* @__PURE__ */ V({
+}, iF = /* @__PURE__ */ V({
   __name: "LoadingArea",
   props: {
     text: { default: "" }
   },
   setup(e) {
-    return (t, n) => (g(), I("div", oF, [
-      K(nF, { text: e.text }, null, 8, ["text"])
+    return (t, n) => (g(), I("div", aF, [
+      K(rF, { text: e.text }, null, 8, ["text"])
     ]));
   }
-}), aF = {
+}), sF = {
   key: 0,
   class: "mb-1.5 flex justify-between gap-3 text-[12px] text-[var(--ui-text-secondary)]"
-}, iF = {
+}, lF = {
   key: 0,
   "data-ui-progress-value": "",
   class: "tabular-nums"
-}, sF = ["aria-valuenow", "aria-valuemax", "aria-label", "data-tone", "data-indeterminate"], Ab = /* @__PURE__ */ V({
+}, uF = ["aria-valuenow", "aria-valuemax", "aria-label", "data-tone", "data-indeterminate"], Ab = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Progress",
   props: {
@@ -27769,9 +27783,9 @@ const Eb = /* @__PURE__ */ V({
       style: Ve(d(t).style),
       "data-syno-pkg-land-ui": ""
     }, [
-      e.label || e.valueLabel ? (g(), I("div", aF, [
+      e.label || e.valueLabel ? (g(), I("div", sF, [
         ae("span", null, Q(e.label), 1),
-        e.valueLabel !== void 0 || !e.indeterminate ? (g(), I("span", iF, Q(e.valueLabel ?? `${Math.round(i.value)}%`), 1)) : j("", !0)
+        e.valueLabel !== void 0 || !e.indeterminate ? (g(), I("span", lF, Q(e.valueLabel ?? `${Math.round(i.value)}%`), 1)) : j("", !0)
       ])) : j("", !0),
       ae("div", le({
         class: ["overflow-hidden rounded-full", a[e.tone], e.size === "sm" ? "h-1" : "h-1.5"],
@@ -27791,10 +27805,10 @@ const Eb = /* @__PURE__ */ V({
           class: ce(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
           style: Ve({ width: `${i.value}%` })
         }, null, 6))
-      ], 16, sF)
+      ], 16, uF)
     ], 6));
   }
-}), lF = ["data-static"], Ht = /* @__PURE__ */ V({
+}), cF = ["data-static"], Ht = /* @__PURE__ */ V({
   __name: "Skeleton",
   props: {
     width: { default: "100%" },
@@ -27808,7 +27822,7 @@ const Eb = /* @__PURE__ */ V({
       "data-static": e.pulse ? void 0 : "",
       style: Ve({ width: e.width, height: e.height, borderRadius: e.radius }),
       "aria-hidden": "true"
-    }, null, 12, lF));
+    }, null, 12, cF));
   }
 });
 function $o(e, t = {}) {
@@ -27817,7 +27831,7 @@ function $o(e, t = {}) {
   function l() {
     if (!i) {
       if (!e.value) return t.onMeasured?.();
-      n.value = e.value.getBoundingClientRect().width, a = n.value, Fe(() => {
+      n.value = e.value.getBoundingClientRect().width, a = n.value, Le(() => {
         i || t.onMeasured?.();
       }), !(typeof ResizeObserver > "u") && (o = new ResizeObserver((c) => {
         const u = c[0]?.contentRect.width;
@@ -27837,13 +27851,13 @@ function $o(e, t = {}) {
     i = !0, s?.(), o?.disconnect(), r && cancelAnimationFrame(r);
   }), n;
 }
-const uF = 0.9;
-function cF({ width: e, count: t, minItemWidth: n, gap: o }) {
+const dF = 0.9;
+function fF({ width: e, count: t, minItemWidth: n, gap: o }) {
   if (e <= 0 || t <= 0 || n <= 0) return;
-  const r = (l) => Math.max(1, Math.floor((e + o) / (l + o))), a = r(n), i = r(n * uF), s = Math.min(t, i > a ? a + 1 : a);
+  const r = (l) => Math.max(1, Math.floor((e + o) / (l + o))), a = r(n), i = r(n * dF), s = Math.min(t, i > a ? a + 1 : a);
   return Math.ceil(t / Math.ceil(t / s));
 }
-const dF = /* @__PURE__ */ V({
+const pF = /* @__PURE__ */ V({
   __name: "CardGrid",
   props: {
     minItemWidth: { default: "280px" },
@@ -27868,7 +27882,7 @@ const dF = /* @__PURE__ */ V({
     const l = C(() => {
       if (t.fit !== "stretch") return;
       const u = s(t.minItemWidth);
-      return u === void 0 ? void 0 : cF({ width: o.value, count: r.value, minItemWidth: u, gap: a.value });
+      return u === void 0 ? void 0 : fF({ width: o.value, count: r.value, minItemWidth: u, gap: a.value });
     }), c = C(() => ({
       display: "grid",
       gridTemplateColumns: l.value ? `repeat(${l.value}, minmax(0, 1fr))` : `repeat(${t.fit === "fill" ? "auto-fill" : "auto-fit"}, minmax(min(100%, ${t.minItemWidth}), 1fr))`,
@@ -27886,7 +27900,7 @@ const dF = /* @__PURE__ */ V({
     ], 4));
   }
 }), Pb = 300;
-function fF(e, t = {}) {
+function hF(e, t = {}) {
   const n = Math.max(0, t.delay ?? Pb), o = Math.max(0, t.minVisible ?? 0), r = /* @__PURE__ */ F(n === 0 && e());
   let a, i = r.value ? Date.now() : 0;
   const s = () => {
@@ -27900,12 +27914,12 @@ function fF(e, t = {}) {
     u <= 0 ? c() : a = setTimeout(c, u);
   }, { immediate: !0, flush: "sync" }), ze(s), r;
 }
-const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF = { class: "flex min-w-0 flex-1 flex-col gap-1.5" }, vF = {
+const mF = ["data-ui-skeleton", "data-pending"], vF = { class: "sr-only" }, gF = { class: "flex min-w-0 flex-1 flex-col gap-1.5" }, yF = {
   key: 0,
   "data-ui-skeleton-header": "",
   class: "box-border flex border-b border-[var(--ui-border-subtle)]",
   style: { height: "var(--ui-grid-header-height)" }
-}, gF = { class: "flex w-36 flex-none items-center gap-1 self-start pt-1" }, yF = { class: "min-w-0 flex-1 p-0.5" }, Ob = /* @__PURE__ */ V({
+}, bF = { class: "flex w-36 flex-none items-center gap-1 self-start pt-1" }, wF = { class: "min-w-0 flex-1 p-0.5" }, Ob = /* @__PURE__ */ V({
   __name: "SectionSkeleton",
   props: {
     variant: { default: "lines" },
@@ -27921,7 +27935,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
     delay: { default: Pb }
   },
   setup(e) {
-    const t = e, n = Kt(), o = fF(() => !0, { delay: t.delay }), r = C(() => t.rowHeight ?? (t.variant === "grid" ? "var(--ui-grid-row-height)" : "48px")), a = C(() => typeof t.columns == "number" ? Array.from({ length: Math.max(1, t.columns) }, () => "auto") : t.columns), i = (u) => u === "auto" ? { flex: "1 1 0" } : { flex: `0 0 ${u}`, width: u }, s = ["62%", "45%", "70%", "38%", "55%"], l = (u, f) => s[(u + f) % s.length], c = ["72px", "56px", "88px", "64px"];
+    const t = e, n = Kt(), o = hF(() => !0, { delay: t.delay }), r = C(() => t.rowHeight ?? (t.variant === "grid" ? "var(--ui-grid-row-height)" : "48px")), a = C(() => typeof t.columns == "number" ? Array.from({ length: Math.max(1, t.columns) }, () => "auto") : t.columns), i = (u) => u === "auto" ? { flex: "1 1 0" } : { flex: `0 0 ${u}`, width: u }, s = ["62%", "45%", "70%", "38%", "55%"], l = (u, f) => s[(u + f) % s.length], c = ["72px", "56px", "88px", "64px"];
     return (u, f) => (g(), I("div", {
       role: "status",
       "aria-busy": "true",
@@ -27934,7 +27948,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
         "flex flex-col gap-2.5 py-1": e.variant === "lines"
       })
     }, [
-      ae("span", hF, Q(d(n)("Loading…")), 1),
+      ae("span", vF, Q(d(n)("Loading…")), 1),
       e.variant === "figures" ? (g(!0), I(ye, { key: 0 }, Be(e.count, (p) => (g(), I("span", {
         key: p,
         "data-ui-skeleton-figure": "",
@@ -27959,7 +27973,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
           height: "28px",
           radius: "var(--ui-radius-pill)"
         }),
-        ae("span", mF, [
+        ae("span", gF, [
           K(Ht, {
             width: p % 2 ? "60%" : "45%",
             height: "12px"
@@ -27979,7 +27993,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
           height: "10px"
         })
       ], 4))), 128)) : e.variant === "grid" ? (g(), I(ye, { key: 2 }, [
-        e.header ? (g(), I("span", vF, [
+        e.header ? (g(), I("span", yF, [
           (g(!0), I(ye, null, Be(a.value, (p, h) => (g(), I("span", {
             key: h,
             class: "flex min-w-0 items-center px-2",
@@ -28011,7 +28025,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
             }, null, 8, ["width"])
           ], 4))), 128))
         ], 4))), 128))
-      ], 64)) : e.variant === "cards" ? (g(), L(dF, {
+      ], 64)) : e.variant === "cards" ? (g(), L(pF, {
         key: 3,
         "min-item-width": e.cardMinWidth,
         gap: e.gap,
@@ -28041,7 +28055,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
         "data-ui-skeleton-field": "",
         class: "flex gap-4"
       }, [
-        ae("span", gF, [
+        ae("span", bF, [
           K(Ht, {
             width: "16px",
             height: "16px"
@@ -28051,7 +28065,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
             height: "16px"
           }, null, 8, ["width"])
         ]),
-        ae("span", yF, [
+        ae("span", wF, [
           K(Ht, { height: "var(--ui-control-md)" })
         ])
       ]))), 128)) : (g(!0), I(ye, { key: 5 }, Be(e.lines, (p) => (g(), L(Ht, {
@@ -28059,9 +28073,9 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
         "data-ui-skeleton-line": "",
         width: p === e.lines && e.lines > 1 ? "60%" : "100%"
       }, null, 8, ["width"]))), 128))
-    ], 10, pF));
+    ], 10, mF));
   }
-}), bF = ["data-variant"], Tb = /* @__PURE__ */ V({
+}), _F = ["data-variant"], Tb = /* @__PURE__ */ V({
   __name: "Surface",
   props: {
     variant: { default: "default" },
@@ -28084,7 +28098,7 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
       "data-syno-pkg-land-ui": ""
     }, [
       z(a.$slots, "default")
-    ], 10, bF));
+    ], 10, _F));
   }
 }), xd = /* @__PURE__ */ V({
   inheritAttrs: !1,
@@ -28161,9 +28175,9 @@ const pF = ["data-ui-skeleton", "data-pending"], hF = { class: "sr-only" }, mF =
       _: 3
     }, 8, ["delay-duration"]));
   }
-}), wF = '[data-ui-motion="off"]';
+}), xF = '[data-ui-motion="off"]';
 function fl(e) {
-  return e?.closest(wF) ? !0 : typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  return e?.closest(xF) ? !0 : typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function $b(e) {
   const t = /^\s*(-?\d*\.?\d+)(ms|s)\s*$/i.exec(e);
@@ -28171,7 +28185,7 @@ function $b(e) {
   const n = Number.parseFloat(t[1]);
   return Math.max(0, t[2].toLowerCase() === "s" ? n * 1e3 : n);
 }
-function _F(e, t) {
+function SF(e, t) {
   if (typeof document > "u" || typeof getComputedStyle != "function") return 0;
   const n = t ?? document.documentElement;
   return fl(n) ? 0 : $b(getComputedStyle(n).getPropertyValue(e)) ?? 0;
@@ -28183,7 +28197,7 @@ function za(e) {
   }), o = n(t.transitionDuration || "0s"), r = n(t.transitionDelay || "0s");
   return Math.max(0, ...o.map((a, i) => a + (r[i % r.length] ?? 0)));
 }
-function xF(e, t = {}) {
+function kF(e, t = {}) {
   const { busy: n, max: o = 3, holdMs: r = 600 } = t, a = /* @__PURE__ */ Ot(/* @__PURE__ */ new Set());
   let i = null, s = !1, l;
   return n && ie(n, () => {
@@ -28200,27 +28214,27 @@ function xF(e, t = {}) {
     }, r));
   }, { immediate: !0 }), ze(() => clearTimeout(l)), a;
 }
-function SF(e) {
+function CF(e) {
   const t = /* @__PURE__ */ F(!1), n = ie(e, () => {
     t.value = !0, n();
   });
   return t;
 }
 const Sh = "data-ui-swapped";
-function kF(e, t) {
+function EF(e, t) {
   ie(t, (n, o) => {
     const r = e.value;
     !r || Object.is(n, o) || (r.removeAttribute(Sh), r.offsetWidth, r.setAttribute(Sh, ""));
   }, { flush: "post" });
 }
-const CF = {
+const AF = {
   key: 0,
   class: "ui-push-header",
   "data-ui-push-header": ""
-}, EF = {
+}, PF = {
   class: "ui-push-title",
   "data-ui-push-title": ""
-}, AF = { class: "ui-push-header-actions" }, PF = 20, OF = 0.35, TF = 0.5, kh = 6, $F = /* @__PURE__ */ V({
+}, OF = { class: "ui-push-header-actions" }, TF = 20, $F = 0.35, IF = 0.5, kh = 6, DF = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "PushTransition",
   props: {
@@ -28264,7 +28278,7 @@ const CF = {
     function y(b) {
       if (!s() || b.touches.length !== 1 || !i.value) return;
       const _ = b.touches[0], P = i.value.getBoundingClientRect();
-      _.clientX - P.left > PF || (clearTimeout(f), c = { id: _.identifier, x: _.clientX, y: _.clientY, width: P.width || 1, horizontal: null, progress: 0, lastX: _.clientX, lastT: b.timeStamp, speed: 0 });
+      _.clientX - P.left > TF || (clearTimeout(f), c = { id: _.identifier, x: _.clientX, y: _.clientY, width: P.width || 1, horizontal: null, progress: 0, lastX: _.clientX, lastT: b.timeStamp, speed: 0 });
     }
     function w(b) {
       if (!c) return;
@@ -28288,7 +28302,7 @@ const CF = {
       const P = c;
       if (c = null, !P.horizontal) return;
       u.value = !1;
-      const k = b.timeStamp - P.lastT > 100 ? 0 : P.speed, $ = b.type === "touchend" && (P.progress > OF || k > TF), T = "var(--ui-motion-sheet-ease)";
+      const k = b.timeStamp - P.lastT > 100 ? 0 : P.speed, $ = b.type === "touchend" && (P.progress > $F || k > IF), T = "var(--ui-motion-sheet-ease)";
       if ($) {
         h(1, `transform var(--ui-motion-pop) ${T}`), o("pop");
         return;
@@ -28321,7 +28335,7 @@ const CF = {
           onTouchcancel: x
         }), {
           default: R(() => [
-            n.enabled && (n.title !== void 0 || r.title) ? (g(), I("header", CF, [
+            n.enabled && (n.title !== void 0 || r.title) ? (g(), I("header", AF, [
               K(Ia, {
                 class: "ui-push-back",
                 variant: "ghost",
@@ -28335,12 +28349,12 @@ const CF = {
                 ]),
                 _: 1
               }),
-              ae("h2", EF, [
+              ae("h2", PF, [
                 z(b.$slots, "title", {}, () => [
                   Oe(Q(n.title), 1)
                 ])
               ]),
-              ae("div", AF, [
+              ae("div", OF, [
                 z(b.$slots, "header-actions")
               ])
             ])) : j("", !0),
@@ -28354,44 +28368,44 @@ const CF = {
       _: 3
     }, 8, ["css"]));
   }
-}), IF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, DF = {
+}), RF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, MF = {
   key: 0,
   "data-menu-description": "",
   class: "block text-[12px] leading-4 text-[var(--ui-text-secondary)]"
-}, RF = {
+}, NF = {
   key: 1,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, MF = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, NF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, LF = {
+}, LF = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, FF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, zF = {
   key: 0,
   "data-menu-description": "",
   class: "block text-[12px] leading-4 text-[var(--ui-text-secondary)]"
-}, FF = {
+}, BF = {
   key: 0,
   "data-menu-hint": "",
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, zF = {
+}, qF = {
   key: 1,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, BF = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, qF = {
+}, VF = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, jF = {
   key: 1,
   "data-radio-dot": "",
   class: "block size-1.5 rounded-full bg-current",
   "aria-hidden": "true"
-}, VF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, jF = {
+}, UF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, WF = {
   key: 0,
   "data-menu-description": "",
   class: "block text-[12px] leading-4 text-[var(--ui-text-secondary)]"
-}, UF = {
+}, KF = {
   key: 0,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, WF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, KF = {
+}, HF = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, ZF = {
   key: 0,
   "data-menu-description": "",
   class: "block text-[12px] leading-4 text-[var(--ui-text-secondary)]"
-}, HF = {
+}, GF = {
   key: 1,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, Ti = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2 py-1 text-left text-[length:var(--ui-font-size)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", ZF = /* @__PURE__ */ V({
+}, Ti = "flex min-h-[var(--ui-menu-row-height)] select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2 py-1 text-left text-[length:var(--ui-font-size)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", YF = /* @__PURE__ */ V({
   name: "DropdownMenuItems",
   __name: "DropdownMenuItems",
   props: {
@@ -28448,11 +28462,11 @@ const CF = {
                     "aria-hidden": "true"
                   })) : j("", !0)
                 ], 2)) : j("", !0),
-                ae("span", IF, [
+                ae("span", RF, [
                   Oe(Q(u.item.label), 1),
-                  u.item.description ? (g(), I("span", DF, Q(u.item.description), 1)) : j("", !0)
+                  u.item.description ? (g(), I("span", MF, Q(u.item.description), 1)) : j("", !0)
                 ]),
-                u.item.shortcut ? (g(), I("span", RF, Q(u.item.shortcut), 1)) : j("", !0),
+                u.item.shortcut ? (g(), I("span", NF, Q(u.item.shortcut), 1)) : j("", !0),
                 K(d(Da), {
                   class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
                   "aria-hidden": "true"
@@ -28504,7 +28518,7 @@ const CF = {
           onSelect: Et((f) => o("select", u.item.key), ["prevent"])
         }, {
           default: R(() => [
-            ae("span", MF, [
+            ae("span", LF, [
               K(d(sh), null, {
                 default: R(() => [
                   K(d(to), {
@@ -28515,12 +28529,12 @@ const CF = {
                 _: 1
               })
             ]),
-            ae("span", NF, [
+            ae("span", FF, [
               Oe(Q(u.item.label), 1),
-              u.item.description ? (g(), I("span", LF, Q(u.item.description), 1)) : j("", !0)
+              u.item.description ? (g(), I("span", zF, Q(u.item.description), 1)) : j("", !0)
             ]),
-            u.item.hint ? (g(), I("span", FF, Q(u.item.hint), 1)) : j("", !0),
-            u.item.shortcut ? (g(), I("span", zF, Q(u.item.shortcut), 1)) : j("", !0)
+            u.item.hint ? (g(), I("span", BF, Q(u.item.hint), 1)) : j("", !0),
+            u.item.shortcut ? (g(), I("span", qF, Q(u.item.shortcut), 1)) : j("", !0)
           ]),
           _: 2
         }, 1032, ["model-value", "disabled", "class", "onUpdate:modelValue", "onSelect"])) : u.kind === "radio" ? (g(), L(d(FR), {
@@ -28539,23 +28553,23 @@ const CF = {
               onSelect: (p) => o("radio", f.value, f.key, u.group)
             }, {
               default: R(() => [
-                ae("span", BF, [
+                ae("span", VF, [
                   K(d(sh), null, {
                     default: R(() => [
                       e.radioIndicator === "check" ? (g(), L(d(to), {
                         key: 0,
                         class: "size-3.5",
                         "aria-hidden": "true"
-                      })) : (g(), I("span", qF))
+                      })) : (g(), I("span", jF))
                     ]),
                     _: 1
                   })
                 ]),
-                ae("span", VF, [
+                ae("span", UF, [
                   Oe(Q(f.label), 1),
-                  f.description ? (g(), I("span", jF, Q(f.description), 1)) : j("", !0)
+                  f.description ? (g(), I("span", WF, Q(f.description), 1)) : j("", !0)
                 ]),
-                f.shortcut ? (g(), I("span", UF, Q(f.shortcut), 1)) : j("", !0)
+                f.shortcut ? (g(), I("span", KF, Q(f.shortcut), 1)) : j("", !0)
               ]),
               _: 2
             }, 1032, ["value", "disabled", "class", "onSelect"]))), 128))
@@ -28585,11 +28599,11 @@ const CF = {
                 "aria-hidden": "true"
               })) : j("", !0)
             ], 2)) : j("", !0),
-            ae("span", WF, [
+            ae("span", HF, [
               Oe(Q(u.item.label), 1),
-              u.item.description ? (g(), I("span", KF, Q(u.item.description), 1)) : j("", !0)
+              u.item.description ? (g(), I("span", ZF, Q(u.item.description), 1)) : j("", !0)
             ]),
-            u.item.shortcut ? (g(), I("span", HF, Q(u.item.shortcut), 1)) : j("", !0),
+            u.item.shortcut ? (g(), I("span", GF, Q(u.item.shortcut), 1)) : j("", !0),
             u.item.submenu ? (g(), L(d(Da), {
               key: 2,
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
@@ -28601,24 +28615,24 @@ const CF = {
       ], 64))), 128);
     };
   }
-}), GF = ["aria-label"], YF = { class: "min-w-0 flex-1 truncate" }, JF = {
+}), JF = ["aria-label"], XF = { class: "min-w-0 flex-1 truncate" }, QF = {
   key: 0,
   role: "separator",
   class: "mx-3 my-1 h-[var(--ui-hairline)] bg-[var(--ui-border-subtle)]"
-}, XF = ["role", "aria-checked", "aria-haspopup", "disabled", "data-key", "onClick"], QF = {
+}, ez = ["role", "aria-checked", "aria-haspopup", "disabled", "data-key", "onClick"], tz = {
   key: 0,
   "data-radio-dot": "",
   class: "block size-2 rounded-full bg-current",
   "aria-hidden": "true"
-}, ez = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, tz = {
+}, nz = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, oz = {
   key: 0,
   "data-menu-description": "",
   class: "block text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
-}, nz = {
+}, rz = {
   key: 1,
   "data-menu-hint": "",
   class: "shrink-0 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-muted)]"
-}, ru = "flex min-h-12 w-full select-none items-center gap-3 rounded-[var(--ui-radius-md)] px-3 py-1.5 text-left text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-neutral-soft)] focus-visible:bg-[var(--ui-neutral-soft)] disabled:opacity-40", oz = /* @__PURE__ */ V({
+}, ru = "flex min-h-12 w-full select-none items-center gap-3 rounded-[var(--ui-radius-md)] px-3 py-1.5 text-left text-[length:var(--ui-font-size)] outline-none hover:bg-[var(--ui-neutral-soft)] focus-visible:bg-[var(--ui-neutral-soft)] disabled:opacity-40", az = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "DropdownMenuSheet",
   props: {
@@ -28697,15 +28711,15 @@ const CF = {
                     class: "size-5 shrink-0",
                     "aria-hidden": "true"
                   }),
-                  ae("span", YF, Q(a.value.at(-2)?.label ?? n.title ?? d(r)("Back")), 1)
-                ], 10, GF)
+                  ae("span", XF, Q(a.value.at(-2)?.label ?? n.title ?? d(r)("Back")), 1)
+                ], 10, JF)
               ]),
               _: 1
             })) : j("", !0),
             (g(!0), I(ye, null, Be(s.value, (v) => (g(), I(ye, {
               key: v.key
             }, [
-              v.type === "separator" ? (g(), I("div", JF)) : (g(), L(d(wa), {
+              v.type === "separator" ? (g(), I("div", QF)) : (g(), L(d(wa), {
                 key: 1,
                 "as-child": "",
                 focusable: !v.disabled
@@ -28727,7 +28741,7 @@ const CF = {
                       class: ce(["flex size-5 shrink-0 items-center justify-center", f(v) ? "text-[var(--ui-primary)]" : v.danger ? "" : "text-[var(--ui-text-secondary)]"])
                     }, [
                       f(v) ? (g(), I(ye, { key: 0 }, [
-                        v.type === "radio" && n.radioIndicator === "dot" ? (g(), I("span", QF)) : (g(), L(d(to), {
+                        v.type === "radio" && n.radioIndicator === "dot" ? (g(), I("span", tz)) : (g(), L(d(to), {
                           key: 1,
                           class: "size-4",
                           "aria-hidden": "true"
@@ -28738,17 +28752,17 @@ const CF = {
                         "aria-hidden": "true"
                       })) : j("", !0)
                     ], 2)) : j("", !0),
-                    ae("span", ez, [
+                    ae("span", nz, [
                       Oe(Q(v.label) + " ", 1),
-                      v.description ? (g(), I("span", tz, Q(v.description), 1)) : j("", !0)
+                      v.description ? (g(), I("span", oz, Q(v.description), 1)) : j("", !0)
                     ]),
-                    v.type === "checkbox" && v.hint ? (g(), I("span", nz, Q(v.hint), 1)) : j("", !0),
+                    v.type === "checkbox" && v.hint ? (g(), I("span", rz, Q(v.hint), 1)) : j("", !0),
                     v.type !== "checkbox" && v.type !== "radio" && v.children?.length ? (g(), L(d(Da), {
                       key: 2,
                       class: "size-5 shrink-0 text-[var(--ui-text-muted)]",
                       "aria-hidden": "true"
                     })) : j("", !0)
-                  ], 10, XF)
+                  ], 10, ez)
                 ]),
                 _: 2
               }, 1032, ["focusable"]))
@@ -28833,7 +28847,7 @@ const CF = {
             default: R(() => [
               n.items.length > 0 ? (g(), L(d(IR), le({
                 key: 0,
-                onOpenAutoFocus: d(YN),
+                onOpenAutoFocus: d(XN),
                 "data-ui-popup": ""
               }, { ...d(p), ...d(m), ...E.$attrs }, {
                 "data-ui-popup-motion": d(h)() === "none" ? "none" : void 0,
@@ -28844,7 +28858,7 @@ const CF = {
                 onEscapeKeyDown: d(cl)
               }), {
                 default: R(() => [
-                  K(ZF, {
+                  K(YF, {
                     items: n.items,
                     "checked-keys": v.value,
                     "radio-values": y.value,
@@ -28864,7 +28878,7 @@ const CF = {
         ]),
         _: 3
       }, 8, ["open"]),
-      d(c) === "sheet" && n.items.length > 0 ? (g(), L(oz, le({ key: 0 }, E.$attrs, {
+      d(c) === "sheet" && n.items.length > 0 ? (g(), L(az, le({ key: 0 }, E.$attrs, {
         open: s.value,
         "onUpdate:open": b[2] || (b[2] = (_) => s.value = _),
         items: n.items,
@@ -28878,13 +28892,13 @@ const CF = {
       }), null, 16, ["open", "items", "title", "checked-keys", "radio-values", "radio-indicator"])) : j("", !0)
     ], 64));
   }
-}), rz = 10, az = 50, iz = {
+}), iz = 10, sz = 50, lz = {
   ArrowLeft: { x: -1, y: 0 },
   ArrowRight: { x: 1, y: 0 },
   ArrowUp: { x: 0, y: -1 },
   ArrowDown: { x: 0, y: 1 }
 };
-function sz(e, t) {
+function uz(e, t) {
   const n = /* @__PURE__ */ Ot(null), o = C(() => !!t?.draggable.value), r = () => e.value?.parentElement ?? null;
   function a(f) {
     const p = r()?.getBoundingClientRect();
@@ -28898,7 +28912,7 @@ function sz(e, t) {
     let f = t.owner.value;
     const p = (h) => {
       const m = h.getBoundingClientRect(), v = t.locate();
-      v && (f = v), n.value = QN(v ?? t.area.value, m, t.area.value);
+      v && (f = v), n.value = tL(v ?? t.area.value, m, t.area.value);
     };
     ie([e, o], ([h, m]) => {
       if (!h || !m) {
@@ -28932,15 +28946,15 @@ function sz(e, t) {
     m.addEventListener("pointermove", v), m.addEventListener("pointerup", y), m.addEventListener("pointercancel", y);
   }
   function u(f) {
-    const p = iz[f.key];
+    const p = lz[f.key];
     if (!o.value || !p || f.altKey || f.ctrlKey || f.metaKey) return;
     f.preventDefault();
-    const h = f.shiftKey ? az : rz;
+    const h = f.shiftKey ? sz : iz;
     s = !0, i(p.x * h, p.y * h);
   }
   return Io(() => l?.()), { position: n, draggable: o, onPointerdown: c, onKeydown: u };
 }
-const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data-ui-dialog-flush"], cz = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', dz = "inset-0! m-0! h-full! max-h-none! w-full! max-w-none! translate-y-0! rounded-none! border-0!", fz = 'input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea,[role="combobox"]', pz = /* @__PURE__ */ V({
+const cz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], dz = ["data-ui-dialog-flush"], fz = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', pz = "inset-0! m-0! h-full! max-h-none! w-full! max-w-none! translate-y-0! rounded-none! border-0!", hz = 'input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea,[role="combobox"]', mz = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "Dialog",
   props: {
@@ -28972,7 +28986,7 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
       const _e = pe instanceof HTMLElement ? pe : null;
       if (!_e) return;
       re.preventDefault();
-      const $e = Array.from(_e.querySelectorAll(cz)).find((Le) => !Le.matches("[data-dialog-close], [data-ui-keyboard-focus], :disabled") && a(Le));
+      const $e = Array.from(_e.querySelectorAll(fz)).find((Fe) => !Fe.matches("[data-dialog-close], [data-ui-keyboard-focus], :disabled") && a(Fe));
       $e && ys($e), (!$e || document.activeElement !== $e) && (_e.tabIndex = -1, ys(_e));
     }
     function l(re) {
@@ -28981,7 +28995,7 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
     function c(re, pe) {
       mb(pe), r(re === "pointerDownOutside" ? "pointerDownOutside" : "interactOutside", pe), o.closeOnOutside || pe.preventDefault();
     }
-    const u = { dim: "bg-[var(--ui-overlay)] backdrop-blur-[1px]", light: "bg-[var(--ui-overlay-light)]", none: "bg-transparent" }, f = bd(), p = C(() => f?.element.value ?? null), { position: h, draggable: m, onPointerdown: v, onKeydown: y } = sz(qe("handle"), f), w = C(() => o.width ? void 0 : o.size), x = C(() => o.width ?? (w.value && `var(--ui-dialog-width-${w.value})`)), E = C(() => !!x.value), b = IP(), _ = C(() => E.value ? void 0 : b.value), P = C(() => ({
+    const u = { dim: "bg-[var(--ui-overlay)] backdrop-blur-[1px]", light: "bg-[var(--ui-overlay-light)]", none: "bg-transparent" }, f = bd(), p = C(() => f?.element.value ?? null), { position: h, draggable: m, onPointerdown: v, onKeydown: y } = uz(qe("handle"), f), w = C(() => o.width ? void 0 : o.size), x = C(() => o.width ?? (w.value && `var(--ui-dialog-width-${w.value})`)), E = C(() => !!x.value), b = IP(), _ = C(() => E.value ? void 0 : b.value), P = C(() => ({
       left: h.value && `${h.value.x}px`,
       top: h.value && `${h.value.y}px`,
       maxWidth: x.value,
@@ -28993,7 +29007,7 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
       maxHeight: o.maxHeight && `min(${o.maxHeight}, 100%)`
     })), k = vd(), $ = C(() => f ? !f.draggable.value : k.value), T = /* @__PURE__ */ F(!1), A = C(() => o.fullscreen || T.value ? "full" : "auto"), D = qe("sheetFields");
     function M(re) {
-      T.value = (D.value?.querySelectorAll(fz).length ?? 0) > 3, r("openAutoFocus", re);
+      T.value = (D.value?.querySelectorAll(hz).length ?? 0) > 3, r("openAutoFocus", re);
     }
     const q = Cn(), U = () => ub(q.default), B = C(() => !!(o.title || o.description) || o.showClose || !!q.header), Y = /* @__PURE__ */ F(o.defaultOpen), W = C({
       get: () => o.open ?? Y.value,
@@ -29087,7 +29101,7 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
                     d(h) ? void 0 : "inset-x-0 mx-auto top-1/2 -translate-y-1/2",
                     // DSM rounds a modal window 3px and only a message box 8px.
                     B.value ? "rounded-[var(--ui-radius-window)]" : "rounded-[var(--ui-radius-dialog)]",
-                    d(o).fullscreen === !0 && dz
+                    d(o).fullscreen === !0 && pz
                   ]],
                   style: P.value,
                   "data-ui-dialog-sizing": E.value ? "fixed" : "content",
@@ -29153,7 +29167,7 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
                         ]),
                         _: 1
                       }, 8, ["aria-label"])) : j("", !0)
-                    ], 42, lz)) : j("", !0),
+                    ], 42, cz)) : j("", !0),
                     U() ? (g(), I("div", {
                       key: 1,
                       "data-ui-dialog-body": "",
@@ -29161,7 +29175,7 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
                       "data-ui-dialog-flush": d(o).flush ? "" : void 0
                     }, [
                       z(re.$slots, "default")
-                    ], 10, uz)) : j("", !0),
+                    ], 10, dz)) : j("", !0),
                     re.$slots.footer ? (g(), I("footer", {
                       key: 2,
                       class: ce(["flex shrink-0 flex-wrap items-center justify-end gap-2", B.value ? ["min-h-12 px-5 py-2.5", U() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
@@ -29187,11 +29201,11 @@ const lz = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], uz = ["data
     }, 8, ["open"]));
   }
 });
-function hz() {
+function vz() {
   const e = Re(pr, null), t = wP("(pointer: coarse)");
   return C(() => e?.value === "mobile" && t.value);
 }
-function mz(e, t, n, o = 0) {
+function gz(e, t, n, o = 0) {
   const r = /* @__PURE__ */ F({ width: "0px", transform: "translateX(0px)", opacity: 0 });
   return ie([e, () => t().map((a) => [a.value, a.label]), n], ([a, i, s], l, c) => {
     if (!a) return;
@@ -29241,15 +29255,15 @@ function Db(e, t) {
     e.value?.removeEventListener("scroll", r), e.value?.removeEventListener("wheel", i), s?.disconnect();
   }), { overflowStart: n, overflowEnd: o };
 }
-const vz = /* @__PURE__ */ Sn(/* @__PURE__ */ new Map());
-function gz(e) {
-  return vz.get(e);
+const yz = /* @__PURE__ */ Sn(/* @__PURE__ */ new Map());
+function bz(e) {
+  return yz.get(e);
 }
 const Rb = /* @__PURE__ */ Symbol("syno-segment-control");
-function yz() {
+function wz() {
   return Re(Rb, void 0);
 }
-const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-overflow-start", "data-overflow-end", "data-ui-segment-size"], wz = /* @__PURE__ */ V({
+const _z = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-overflow-start", "data-overflow-end", "data-ui-segment-size"], xz = /* @__PURE__ */ V({
   __name: "SegmentControl",
   props: {
     modelValue: { default: "" },
@@ -29362,15 +29376,15 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
         "aria-hidden": "true",
         onTransitionend: _
       }, null, 36)
-    ], 10, bz));
+    ], 10, _z));
   }
-}), _z = ["data-ui-tab-value", "aria-selected", "aria-label", "aria-disabled", "tabindex", "data-state", "title"], xz = {
+}), Sz = ["data-ui-tab-value", "aria-selected", "aria-label", "aria-disabled", "tabindex", "data-state", "title"], kz = {
   key: 0,
   class: "flex shrink-0 items-center"
-}, Sz = ["data-icon-only"], kz = {
+}, Cz = ["data-icon-only"], Ez = {
   key: 3,
   class: "flex shrink-0 items-center"
-}, Cz = ["role", "aria-label", "aria-hidden"], Ez = /* @__PURE__ */ V({
+}, Az = ["role", "aria-label", "aria-hidden"], Pz = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "SegmentItem",
   props: {
@@ -29382,7 +29396,7 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
     count: {}
   },
   setup(e) {
-    const t = e, n = yz(), o = /* @__PURE__ */ F(), r = /* @__PURE__ */ F(null), a = /* @__PURE__ */ F(!1);
+    const t = e, n = wz(), o = /* @__PURE__ */ F(), r = /* @__PURE__ */ F(null), a = /* @__PURE__ */ F(!1);
     function i() {
       const T = r.value, A = !!T && !T.textContent?.trim() && !!T.querySelector(":scope > svg");
       A !== a.value && (a.value = A);
@@ -29471,7 +29485,7 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
           onKeydown: $,
           onFocus: x
         }), [
-          T.$slots.icon ? (g(), I("span", xz, [
+          T.$slots.icon ? (g(), I("span", kz, [
             z(T.$slots, "icon")
           ])) : j("", !0),
           T.$slots.default ? (g(), I("span", {
@@ -29483,13 +29497,13 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
             "data-icon-only": a.value || void 0
           }, [
             z(T.$slots, "default")
-          ], 10, Sz)) : j("", !0),
+          ], 10, Cz)) : j("", !0),
           y.value ? (g(), I("span", {
             key: 2,
             "data-ui-segment-count": "",
             class: ce(w.value)
           }, Q(t.count), 3)) : j("", !0),
-          T.$slots.suffix ? (g(), I("span", kz, [
+          T.$slots.suffix ? (g(), I("span", Ez, [
             z(T.$slots, "suffix")
           ])) : j("", !0),
           u.value ? (g(), I("span", {
@@ -29499,13 +29513,13 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
             "aria-label": f.value,
             "aria-hidden": f.value ? void 0 : "true",
             class: "size-1.5 shrink-0 rounded-full bg-[var(--ui-danger)]"
-          }, null, 8, Cz)) : j("", !0)
-        ], 16, _z)
+          }, null, 8, Az)) : j("", !0)
+        ], 16, Sz)
       ]),
       _: 3
     }, 8, ["content", "disabled"]));
   }
-}), Az = ["disabled", "aria-label", "value", "placeholder"], Pz = ["disabled", "aria-label"], Oz = /* @__PURE__ */ V({
+}), Oz = ["disabled", "aria-label", "value", "placeholder"], Tz = ["disabled", "aria-label"], $z = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "SearchField",
   props: {
@@ -29541,7 +29555,7 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
         onInput: f[0] || (f[0] = (p) => {
           d(l)(p.target.value), a("update:modelValue", p.target.value);
         })
-      }), null, 16, Az),
+      }), null, 16, Oz),
       d(r).modelValue ? (g(), I("button", {
         key: 2,
         "data-ui-hit": "",
@@ -29557,22 +29571,22 @@ const bz = ["aria-label", "aria-labelledby", "data-ui-segment-control", "data-ov
           class: "size-3.5",
           "aria-hidden": "true"
         })
-      ], 8, Pz)) : j("", !0)
+      ], 8, Tz)) : j("", !0)
     ], 16));
   }
-}), Tz = { xs: "96px", sm: "160px", md: "320px", lg: "480px" }, tc = "md", $z = /* @__PURE__ */ new Set(["md", "lg"]);
+}), Iz = { xs: "96px", sm: "160px", md: "320px", lg: "480px" }, tc = "md", Dz = /* @__PURE__ */ new Set(["md", "lg"]);
 function Mb(e, t = !1) {
   const n = e ?? tc;
-  if (!(n === "full" || t && $z.has(n)))
-    return Tz[n] ?? n;
+  if (!(n === "full" || t && Dz.has(n)))
+    return Iz[n] ?? n;
 }
-const Iz = ["data-direction"], Dz = {
+const Rz = ["data-direction"], Mz = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]"
-}, Rz = { class: "min-w-0" }, Mz = {
+}, Nz = { class: "min-w-0" }, Lz = {
   key: 0,
   class: "mt-1 text-[12px] leading-4 text-[var(--ui-text-secondary)]"
-}, Nz = /* @__PURE__ */ V({
+}, Fz = /* @__PURE__ */ V({
   __name: "SettingsRow",
   props: {
     label: {},
@@ -29602,20 +29616,20 @@ const Iz = ["data-direction"], Dz = {
         class: ce(["min-w-0 break-words [word-break:keep-all] text-left text-[length:var(--ui-font-size-control)] text-[var(--ui-text)]", n.value === "start" && "pt-[var(--ui-label-offset)]"])
       }, [
         Oe(Q(e.label), 1),
-        e.required ? (g(), I("span", Dz, "*")) : j("", !0)
+        e.required ? (g(), I("span", Mz, "*")) : j("", !0)
       ], 2),
-      ae("div", Rz, [
+      ae("div", Nz, [
         ae("div", {
           "data-field-control": "",
           style: Ve(i.value)
         }, [
           z(l.$slots, "default")
         ], 4),
-        e.description ? (g(), I("p", Mz, Q(e.description), 1)) : j("", !0)
+        e.description ? (g(), I("p", Lz, Q(e.description), 1)) : j("", !0)
       ])
-    ], 14, Iz));
+    ], 14, Rz));
   }
-}), Lz = ["data-open", "data-moving", "inert"], Fz = { class: "ui-collapse-inner" }, Sd = /* @__PURE__ */ V({
+}), zz = ["data-open", "data-moving", "inert"], Bz = { class: "ui-collapse-inner" }, Sd = /* @__PURE__ */ V({
   __name: "MotionCollapse",
   props: {
     open: { type: Boolean }
@@ -29635,11 +29649,11 @@ const Iz = ["data-direction"], Dz = {
         return;
       }
       if (u) {
-        if (o.value = !0, await Fe(), f !== s) return;
+        if (o.value = !0, await Le(), f !== s) return;
         p.offsetHeight, r.value = !0;
       } else
         r.value = !1;
-      a.value = !0, await Fe(), f === s && (i = setTimeout(() => l(f), za(p) + 50));
+      a.value = !0, await Le(), f === s && (i = setTimeout(() => l(f), za(p) + 50));
     });
     function c(u) {
       u.target === n.value && u.propertyName === "grid-template-rows" && l(s);
@@ -29653,10 +29667,10 @@ const Iz = ["data-direction"], Dz = {
       inert: !t.open || void 0,
       onTransitionend: c
     }, [
-      ae("div", Fz, [
+      ae("div", Bz, [
         z(u.$slots, "default")
       ])
-    ], 40, Lz)), [
+    ], 40, zz)), [
       [Dr, o.value]
     ]);
   }
@@ -29671,26 +29685,26 @@ function Nb(e, t, n) {
   }
   return { value: a, isControlled: r, set: i, toggle: () => i(!a.value) };
 }
-const zz = ["data-collapsible", "aria-busy"], Bz = {
+const qz = ["data-collapsible", "aria-busy"], Vz = {
   key: 0,
   class: "ui-settings-section-header flex h-9 items-center gap-2 border-0 border-b border-solid border-[var(--ui-border)] text-[14px]"
-}, qz = ["aria-expanded", "aria-controls"], Vz = { class: "min-w-0 truncate" }, jz = {
+}, jz = ["aria-expanded", "aria-controls"], Uz = { class: "min-w-0 truncate" }, Wz = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, Uz = {
+}, Kz = {
   key: 1,
   class: "ui-settings-section-header flex h-9 items-center gap-2 border-0 border-b border-solid border-[var(--ui-border)] text-[14px] font-semibold text-[var(--ui-text)]"
-}, Wz = { class: "min-w-0 flex-1 truncate" }, Kz = {
+}, Hz = { class: "min-w-0 flex-1 truncate" }, Zz = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, Hz = ["id"], Zz = {
+}, Gz = ["id"], Yz = {
   key: 0,
   class: "m-0 mb-4 max-w-[72ch] text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text-secondary)]"
-}, Gz = {
+}, Jz = {
   key: 3,
   "data-ui-settings-footer": "",
   class: "mt-4 flex flex-wrap items-center gap-2"
-}, Yz = /* @__PURE__ */ V({
+}, Xz = /* @__PURE__ */ V({
   __name: "SettingsSection",
   props: {
     title: {},
@@ -29713,7 +29727,7 @@ const zz = ["data-collapsible", "aria-busy"], Bz = {
       "data-syno-pkg-land-ui": "",
       "aria-busy": e.loading || void 0
     }, [
-      e.collapsible ? (g(), I("div", Bz, [
+      e.collapsible ? (g(), I("div", Vz, [
         ae("button", {
           type: "button",
           class: "group m-0 flex h-full min-w-0 flex-1 border-0 bg-transparent p-0 items-center gap-2 text-left text-[length:inherit] font-semibold text-[var(--ui-text)] outline-none enabled:hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)]",
@@ -29726,22 +29740,22 @@ const zz = ["data-collapsible", "aria-busy"], Bz = {
             class: ce(["size-4 shrink-0 transition-transform", !d(a) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
-          ae("span", Vz, [
+          ae("span", Uz, [
             z(u.$slots, "title", {}, () => [
               Oe(Q(e.title), 1)
             ])
           ])
-        ], 8, qz),
-        u.$slots.actions ? (g(), I("span", jz, [
+        ], 8, jz),
+        u.$slots.actions ? (g(), I("span", Wz, [
           z(u.$slots, "actions")
         ])) : j("", !0)
-      ])) : c.value ? (g(), I("div", Uz, [
-        ae("span", Wz, [
+      ])) : c.value ? (g(), I("div", Kz, [
+        ae("span", Hz, [
           z(u.$slots, "title", {}, () => [
             Oe(Q(e.title), 1)
           ])
         ]),
-        u.$slots.actions ? (g(), I("span", Kz, [
+        u.$slots.actions ? (g(), I("span", Zz, [
           z(u.$slots, "actions")
         ])) : j("", !0)
       ])) : j("", !0),
@@ -29751,22 +29765,22 @@ const zz = ["data-collapsible", "aria-busy"], Bz = {
             id: d(r),
             class: ce(["ui-settings-section-body", c.value && "pt-3"])
           }, [
-            e.description || u.$slots.description ? (g(), I("p", Zz, [
+            e.description || u.$slots.description ? (g(), I("p", Yz, [
               z(u.$slots, "description", {}, () => [
                 Oe(Q(e.description), 1)
               ])
             ])) : j("", !0),
             e.loading ? (g(), L(Ob, { key: 1 })) : z(u.$slots, "default", {}, void 0, void 0, 2),
-            u.$slots.footer && !e.loading ? (g(), I("div", Gz, [
+            u.$slots.footer && !e.loading ? (g(), I("div", Jz, [
               z(u.$slots, "footer")
             ])) : j("", !0)
-          ], 10, Hz)
+          ], 10, Gz)
         ]),
         _: 3
       }, 8, ["open"])
-    ], 8, zz));
+    ], 8, qz));
   }
-}), Jz = "syno-pkg-land-ui:callout:";
+}), Qz = "syno-pkg-land-ui:callout:";
 function Lb(e) {
   let t = 2166136261;
   for (let n = 0; n < e.length; n++)
@@ -29784,12 +29798,12 @@ function zb() {
   const { host: e, pathname: t } = Fb(), n = /\/webman\/3rdparty\/([^/]+)/.exec(t);
   return n ? n[1] : `${e}${t.replace(/\/[^/]*$/, "")}`;
 }
-function Xz(e, t, n) {
+function eB(e, t, n) {
   const { pathname: o, hash: r } = Fb(), a = e ?? `auto-${Lb([o + r, t, n].join("\0"))}`;
-  return `${Jz}${zb()}:${a}`;
+  return `${Qz}${zb()}:${a}`;
 }
 const kd = /* @__PURE__ */ new Map(), Cd = /* @__PURE__ */ F(0);
-function Qz(e, t) {
+function tB(e, t) {
   if (Cd.value, kd.get(e) === t) return !0;
   try {
     return globalThis.localStorage?.getItem(e) === t;
@@ -29797,7 +29811,7 @@ function Qz(e, t) {
     return !1;
   }
 }
-function eB(e, t, n) {
+function nB(e, t, n) {
   if (kd.set(e, t), n)
     try {
       globalThis.localStorage?.setItem(e, t);
@@ -29805,7 +29819,7 @@ function eB(e, t, n) {
     }
   Cd.value++;
 }
-function tB(e) {
+function oB(e) {
   kd.delete(e);
   try {
     globalThis.localStorage?.removeItem(e);
@@ -29813,10 +29827,10 @@ function tB(e) {
   }
   Cd.value++;
 }
-let nB = 0;
+let rB = 0;
 const Ba = /* @__PURE__ */ tr(/* @__PURE__ */ new Map());
-function oB(e) {
-  const t = nB++;
+function aB(e) {
+  const t = rB++;
   return Ba.set(t, e), () => Ba.delete(t);
 }
 const _a = /* @__PURE__ */ tr([]);
@@ -29835,17 +29849,17 @@ function Vb() {
   const e = Bb("chrome");
   return ze(e.unregister), C(() => qb.value === e.id && Ba.size > 0);
 }
-const rB = {
+const iB = {
   key: 0,
   "data-ui-callout-recall": "",
   class: "ui-callout-recall"
-}, aB = { class: "ui-callout-recall-title" }, iB = { class: "ui-callout-recall-list" }, sB = ["data-tone"], lB = { class: "ui-callout-recall-label" }, uB = ["onClick"], jb = /* @__PURE__ */ V({
+}, sB = { class: "ui-callout-recall-title" }, lB = { class: "ui-callout-recall-list" }, uB = ["data-tone"], cB = { class: "ui-callout-recall-label" }, dB = ["onClick"], jb = /* @__PURE__ */ V({
   __name: "CalloutRecallList",
   setup(e) {
     const t = Kt(), n = C(() => [...Ba.entries()]);
-    return (o, r) => n.value.length ? (g(), I("div", rB, [
-      ae("div", aB, Q(d(t)("Hidden notices")), 1),
-      ae("ul", iB, [
+    return (o, r) => n.value.length ? (g(), I("div", iB, [
+      ae("div", sB, Q(d(t)("Hidden notices")), 1),
+      ae("ul", lB, [
         (g(!0), I(ye, null, Be(n.value, ([a, i]) => (g(), I("li", {
           key: a,
           "data-tone": i.tone,
@@ -29855,18 +29869,18 @@ const rB = {
             class: "ui-callout-recall-icon",
             "aria-hidden": "true"
           })),
-          ae("span", lB, Q(i.label), 1),
+          ae("span", cB, Q(i.label), 1),
           ae("button", {
             type: "button",
             "data-ui-callout-restore": "",
             class: "ui-callout-recall-restore",
             onClick: (s) => i.restore()
-          }, Q(d(t)("Show again")), 9, uB)
-        ], 8, sB))), 128))
+          }, Q(d(t)("Show again")), 9, dB)
+        ], 8, uB))), 128))
       ])
     ])) : j("", !0);
   }
-}), cB = ["aria-label", "aria-expanded", "data-disabled", "data-ui-infotip-wrap", "data-ui-hit"], Ub = /* @__PURE__ */ V({
+}), fB = ["aria-label", "aria-expanded", "data-disabled", "data-ui-infotip-wrap", "data-ui-hit"], Ub = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "InfoTip",
   props: {
@@ -29960,7 +29974,7 @@ const rB = {
       clearTimeout(T), !(u.value || h.value === "click") && (oe(S.relatedTarget) || U());
     }
     let $e = !1;
-    function Le() {
+    function Fe() {
       if (h.value !== "click") return;
       $e = !0;
       const S = () => setTimeout(() => {
@@ -30032,7 +30046,7 @@ const rB = {
                   ]],
                   onPointerenter: he,
                   onPointerleave: re,
-                  onPointerdown: Le,
+                  onPointerdown: Fe,
                   onFocus: pe,
                   onBlur: _e,
                   onClick: nt,
@@ -30044,7 +30058,7 @@ const rB = {
                       "aria-hidden": "true"
                     }, null, 8, ["class"]))
                   ])
-                ], 16, cB)
+                ], 16, fB)
               ]),
               _: 3
             }),
@@ -30088,37 +30102,37 @@ const rB = {
       _: 3
     }, 8, ["delay-duration"]));
   }
-}), dB = ["data-tone"], fB = {
+}), pB = ["data-tone"], hB = {
   key: 0,
   "data-ui-callout-title": "",
   class: "ui-callout-title"
-}, pB = {
+}, mB = {
   key: 1,
   "data-ui-callout-body": ""
-}, hB = ["id"], mB = {
+}, vB = ["id"], gB = {
   key: 0,
   "data-ui-callout-title": "",
   class: "ui-callout-title"
-}, vB = {
+}, yB = {
   key: 1,
   "data-ui-callout-body": ""
-}, gB = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], yB = { class: "ui-callout-main" }, bB = {
+}, bB = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], wB = { class: "ui-callout-main" }, _B = {
   key: 0,
   "data-ui-callout-title": "",
   class: "ui-callout-title"
-}, wB = {
+}, xB = {
   key: 1,
   "data-ui-callout-body": "",
   class: "ui-callout-body"
-}, _B = {
+}, SB = {
   key: 2,
   "data-ui-callout-code": "",
   class: "font-[family-name:var(--ui-font-mono)] text-[12px] text-[var(--ui-text-secondary)]"
-}, xB = ["aria-expanded", "aria-controls"], SB = ["id"], kB = {
+}, kB = ["aria-expanded", "aria-controls"], CB = ["id"], EB = {
   key: 0,
   "data-ui-callout-actions": "",
   class: "ui-callout-actions"
-}, CB = ["aria-label"], EB = /* @__PURE__ */ V({
+}, AB = ["aria-label"], PB = /* @__PURE__ */ V({
   __name: "Callout",
   props: /* @__PURE__ */ Gi({
     tone: { default: "info" },
@@ -30137,7 +30151,7 @@ const rB = {
   }),
   emits: /* @__PURE__ */ Gi(["close"], ["update:expanded"]),
   setup(e, { emit: t }) {
-    const o = Wn(e, { closeLabel: "Close", moreLabel: "Learn more", lessLabel: "Show less" }), r = t, a = yu(e, "expanded"), i = C(() => ({ info: Xg, success: HP, warning: vO, danger: WP })[o.tone]), s = zn(), l = qe("content"), c = /* @__PURE__ */ F(""), u = /* @__PURE__ */ F(!1), f = C(() => Lb([o.tone, o.title, o.code, c.value].join("\0"))), p = C(() => Xz(o.dismissKey, o.tone, [o.title, o.code, c.value].join("\0"))), h = C(() => o.variant === "hint"), m = C(() => u.value && !h.value && o.dismissible && Qz(p.value, f.value));
+    const o = Wn(e, { closeLabel: "Close", moreLabel: "Learn more", lessLabel: "Show less" }), r = t, a = yu(e, "expanded"), i = C(() => ({ info: Xg, success: HP, warning: vO, danger: WP })[o.tone]), s = zn(), l = qe("content"), c = /* @__PURE__ */ F(""), u = /* @__PURE__ */ F(!1), f = C(() => Lb([o.tone, o.title, o.code, c.value].join("\0"))), p = C(() => eB(o.dismissKey, o.tone, [o.title, o.code, c.value].join("\0"))), h = C(() => o.variant === "hint"), m = C(() => u.value && !h.value && o.dismissible && tB(p.value, f.value));
     let v;
     function y() {
       c.value = l.value?.textContent?.replace(/\s+/g, " ").trim() ?? "";
@@ -30149,17 +30163,17 @@ const rB = {
     ie(m, (E) => {
       if (w?.(), w = void 0, !E) return;
       const b = p.value, _ = o.title || c.value;
-      w = oB({
+      w = aB({
         tone: o.tone,
         icon: i.value,
         label: _.length > 120 ? `${_.slice(0, 119)}…` : _,
-        restore: () => tB(b)
+        restore: () => oB(b)
       });
     }, { immediate: !0 }), ze(() => {
       v?.disconnect(), w?.();
     });
     function x() {
-      y(), eB(p.value, f.value, o.tone !== "danger"), r("close");
+      y(), nB(p.value, f.value, o.tone !== "danger"), r("close");
     }
     return (E, b) => h.value ? (g(), I("div", {
       key: 0,
@@ -30189,8 +30203,8 @@ const rB = {
             ref: l,
             class: "ui-callout-hint-text"
           }, [
-            e.title ? (g(), I("span", fB, Q(e.title), 1)) : j("", !0),
-            E.$slots.default ? (g(), I("span", pB, [
+            e.title ? (g(), I("span", hB, Q(e.title), 1)) : j("", !0),
+            E.$slots.default ? (g(), I("span", mB, [
               z(E.$slots, "default")
             ])) : j("", !0)
           ], 512)
@@ -30206,7 +30220,7 @@ const rB = {
         hidden: ""
       }, [
         z(E.$slots, "details")
-      ], 8, hB)) : (g(), I(ye, { key: 2 }, [
+      ], 8, vB)) : (g(), I(ye, { key: 2 }, [
         (g(), L(ft(i.value), {
           class: "ui-callout-icon",
           "aria-hidden": "true"
@@ -30216,13 +30230,13 @@ const rB = {
           ref: l,
           class: "ui-callout-hint-text"
         }, [
-          e.title ? (g(), I("span", mB, Q(e.title), 1)) : j("", !0),
-          E.$slots.default ? (g(), I("span", vB, [
+          e.title ? (g(), I("span", gB, Q(e.title), 1)) : j("", !0),
+          E.$slots.default ? (g(), I("span", yB, [
             z(E.$slots, "default")
           ])) : j("", !0)
         ], 512)
       ], 64))
-    ], 8, dB)) : (g(), I("div", {
+    ], 8, pB)) : (g(), I("div", {
       key: 1,
       class: "ui-callout",
       "data-tone": e.tone,
@@ -30236,17 +30250,17 @@ const rB = {
         class: "ui-callout-icon",
         "aria-hidden": "true"
       })),
-      ae("div", yB, [
+      ae("div", wB, [
         ae("div", {
           ref_key: "content",
           ref: l,
           class: "ui-callout-content [overflow-wrap:anywhere]"
         }, [
-          e.title ? (g(), I("div", bB, Q(e.title), 1)) : j("", !0),
-          E.$slots.default ? (g(), I("div", wB, [
+          e.title ? (g(), I("div", _B, Q(e.title), 1)) : j("", !0),
+          E.$slots.default ? (g(), I("div", xB, [
             z(E.$slots, "default")
           ])) : j("", !0),
-          e.code ? (g(), I("code", _B, Q(e.code), 1)) : j("", !0),
+          e.code ? (g(), I("code", SB, Q(e.code), 1)) : j("", !0),
           E.$slots.details ? (g(), I("button", {
             key: 3,
             type: "button",
@@ -30261,7 +30275,7 @@ const rB = {
               class: ce(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", a.value && "rotate-180"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
-          ], 8, xB)) : j("", !0),
+          ], 8, kB)) : j("", !0),
           E.$slots.details ? (g(), L(Sd, {
             key: 4,
             open: a.value,
@@ -30274,12 +30288,12 @@ const rB = {
                 class: "ui-callout-details"
               }, [
                 z(E.$slots, "details")
-              ], 8, SB)
+              ], 8, CB)
             ]),
             _: 3
           }, 8, ["open"])) : j("", !0)
         ], 512),
-        E.$slots.actions ? (g(), I("div", kB, [
+        E.$slots.actions ? (g(), I("div", EB, [
           z(E.$slots, "actions")
         ])) : j("", !0)
       ]),
@@ -30296,22 +30310,22 @@ const rB = {
           class: "size-3.5",
           "aria-hidden": "true"
         })
-      ], 8, CB)) : j("", !0)
-    ], 8, gB));
+      ], 8, AB)) : j("", !0)
+    ], 8, bB));
   }
-}), AB = {
+}), OB = {
   class: "flex min-h-28 flex-1 flex-col items-center justify-center px-6 py-5 text-center",
   "data-syno-pkg-land-ui": ""
-}, PB = {
+}, TB = {
   key: 0,
   class: "mb-3 flex size-12 items-center justify-center rounded-full bg-[var(--ui-surface-subtle)] text-[var(--ui-text-muted)]"
-}, OB = { class: "m-0 text-[14px] font-semibold text-[var(--ui-text)]" }, TB = {
+}, $B = { class: "m-0 text-[14px] font-semibold text-[var(--ui-text)]" }, IB = {
   key: 1,
   class: "mt-1 max-w-md text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text-secondary)]"
-}, $B = {
+}, DB = {
   key: 2,
   class: "mt-4 flex items-center gap-2"
-}, IB = /* @__PURE__ */ V({
+}, RB = /* @__PURE__ */ V({
   __name: "EmptyState",
   props: {
     title: {},
@@ -30319,22 +30333,22 @@ const rB = {
     icon: {}
   },
   setup(e) {
-    return (t, n) => (g(), I("div", AB, [
-      e.icon ? (g(), I("div", PB, [
+    return (t, n) => (g(), I("div", OB, [
+      e.icon ? (g(), I("div", TB, [
         (g(), L(ft(e.icon), {
           class: "size-6",
           "aria-hidden": "true"
         }))
       ])) : j("", !0),
-      ae("h3", OB, Q(e.title), 1),
-      e.description ? (g(), I("p", TB, Q(e.description), 1)) : j("", !0),
-      t.$slots.actions ? (g(), I("div", $B, [
+      ae("h3", $B, Q(e.title), 1),
+      e.description ? (g(), I("p", IB, Q(e.description), 1)) : j("", !0),
+      t.$slots.actions ? (g(), I("div", DB, [
         z(t.$slots, "actions")
       ])) : j("", !0)
     ]));
   }
 });
-function DB(e, t = () => "x") {
+function MB(e, t = () => "x") {
   const n = /* @__PURE__ */ F(!1), o = /* @__PURE__ */ F(!1), r = /* @__PURE__ */ F(!1), a = /* @__PURE__ */ F(!1);
   let i;
   const s = () => {
@@ -30352,7 +30366,7 @@ function DB(e, t = () => "x") {
     e.value?.removeEventListener("scroll", s), i?.disconnect();
   }), { start: n, end: o, top: r, bottom: a };
 }
-const RB = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-top", "data-edge-bottom"], MB = /* @__PURE__ */ V({
+const NB = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-top", "data-edge-bottom"], LB = /* @__PURE__ */ V({
   __name: "ScrollEdges",
   props: {
     viewportClass: { default: void 0 },
@@ -30360,7 +30374,7 @@ const RB = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
     axis: { default: "x" }
   },
   setup(e, { expose: t }) {
-    const n = e, o = qe("viewport"), { start: r, end: a, top: i, bottom: s } = DB(o, () => n.axis);
+    const n = e, o = qe("viewport"), { start: r, end: a, top: i, bottom: s } = MB(o, () => n.axis);
     return t({ viewport: o }), (l, c) => (g(), I("div", {
       "data-ui-scroll-edges": "",
       "data-axis": n.axis === "x" ? void 0 : n.axis,
@@ -30378,7 +30392,7 @@ const RB = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
       }, [
         z(l.$slots, "default")
       ], 6)
-    ], 8, RB));
+    ], 8, NB));
   }
 });
 function Ch(e) {
@@ -30387,7 +30401,7 @@ function Ch(e) {
 function Eh(e) {
   return e.type === "number" || e.type === "date" || e.align === "right";
 }
-const NB = "-ml-1 flex items-center justify-start gap-1", LB = 40, FB = 80, Ah = 10;
+const FB = "-ml-1 flex items-center justify-start gap-1", zB = 40, BB = 80, Ah = 10;
 function Ph(e) {
   if (typeof e == "number") return e;
   if (!(e === void 0 || !/^\s*\d+(\.\d+)?(px)?\s*$/.test(e)))
@@ -30396,33 +30410,33 @@ function Ph(e) {
 function Oh(e, t) {
   return Math.max(t, Math.round(e));
 }
-const Wb = "syno-pkg-land-ui:data-grid:", Kb = (e) => `${Wb}${zb()}:${e}`, zB = (e) => `${Wb}${e}`;
-function BB(e) {
+const Wb = "syno-pkg-land-ui:data-grid:", Kb = (e) => `${Wb}${zb()}:${e}`, qB = (e) => `${Wb}${e}`;
+function VB(e) {
   try {
-    return localStorage.getItem(Kb(e)) ?? localStorage.getItem(zB(e));
+    return localStorage.getItem(Kb(e)) ?? localStorage.getItem(qB(e));
   } catch {
     return null;
   }
 }
-const Th = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), qB = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every((t) => typeof t == "number" && t > 0), VB = (e) => e === null || !!e && typeof e == "object" && typeof e.key == "string" && ["asc", "desc"].includes(e.direction);
+const Th = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), jB = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every((t) => typeof t == "number" && t > 0), UB = (e) => e === null || !!e && typeof e == "object" && typeof e.key == "string" && ["asc", "desc"].includes(e.direction);
 function $h(e) {
   let t;
   try {
-    t = JSON.parse(BB(e) ?? "{}");
+    t = JSON.parse(VB(e) ?? "{}");
   } catch {
     return {};
   }
   if (!t || typeof t != "object") return {};
   const n = {};
-  return Th(t.columnOrder) && (n.columnOrder = t.columnOrder), Th(t.hiddenColumns) && (n.hiddenColumns = t.hiddenColumns), qB(t.columnWidths) && (n.columnWidths = t.columnWidths), "sort" in t && VB(t.sort) && (n.sort = t.sort), typeof t.pageSize == "number" && Number.isInteger(t.pageSize) && t.pageSize > 0 && (n.pageSize = t.pageSize), n;
+  return Th(t.columnOrder) && (n.columnOrder = t.columnOrder), Th(t.hiddenColumns) && (n.hiddenColumns = t.hiddenColumns), jB(t.columnWidths) && (n.columnWidths = t.columnWidths), "sort" in t && UB(t.sort) && (n.sort = t.sort), typeof t.pageSize == "number" && Number.isInteger(t.pageSize) && t.pageSize > 0 && (n.pageSize = t.pageSize), n;
 }
-function jB(e, t) {
+function WB(e, t) {
   try {
     localStorage.setItem(Kb(e), JSON.stringify(t));
   } catch {
   }
 }
-function UB(e) {
+function KB(e) {
   return {
     empty: e("No data"),
     items: (t) => e(t === 1 ? "{count} item" : "{count} items", { count: t }),
@@ -30450,41 +30464,41 @@ function UB(e) {
     descending: e("Descending")
   };
 }
-const WB = 2;
-function KB(e) {
-  const t = e.filter((s) => s.list !== "none"), n = t.filter((s) => s.list === "trailing" || s.list === void 0 && s.type === "actions"), o = t.filter((s) => !n.includes(s)), r = o.find((s) => s.list === "title") ?? o.find((s) => s.list === void 0) ?? o[0], a = o.filter((s) => s !== r && s.list === "subtitle"), i = (a.length ? a : o.filter((s) => s !== r && s.list === void 0)).slice(0, WB);
+const HB = 2;
+function ZB(e) {
+  const t = e.filter((s) => s.list !== "none"), n = t.filter((s) => s.list === "trailing" || s.list === void 0 && s.type === "actions"), o = t.filter((s) => !n.includes(s)), r = o.find((s) => s.list === "title") ?? o.find((s) => s.list === void 0) ?? o[0], a = o.filter((s) => s !== r && s.list === "subtitle"), i = (a.length ? a : o.filter((s) => s !== r && s.list === void 0)).slice(0, HB);
   return { title: r, subtitle: i, trailing: n };
 }
-const HB = ["data-ui-data-view", "data-fill"], ZB = {
+const GB = ["data-ui-data-view", "data-fill"], YB = {
   key: 0,
   "data-ui-mobile-list": "",
   class: "m-0 px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-}, GB = ["data-ui-row-new"], YB = { class: "min-w-0 flex-1" }, JB = {
+}, JB = ["data-ui-row-new"], XB = { class: "min-w-0 flex-1" }, QB = {
   key: 0,
   "data-ui-list-title": "",
   class: "min-w-0 truncate text-[length:var(--ui-font-size)] text-[var(--ui-text)]"
-}, XB = {
+}, eq = {
   key: 1,
   "data-ui-list-subtitle": "",
   class: "flex min-w-0 items-center gap-1 text-[length:var(--ui-font-size-sm)] text-[var(--ui-text-secondary)]"
-}, QB = {
+}, tq = {
   key: 1,
   "data-ui-mobile-cards": "",
   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-}, eq = {
+}, nq = {
   key: 2,
   "data-ui-mobile-cards": "",
   class: "grid gap-3",
   role: "list"
-}, tq = ["data-ui-row-new"], nq = { class: "m-0 grid gap-2" }, oq = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[12px] leading-5 text-[var(--ui-text-secondary)]" }, rq = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)]" }, aq = { key: 0 }, iq = {
+}, oq = ["data-ui-row-new"], rq = { class: "m-0 grid gap-2" }, aq = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[12px] leading-5 text-[var(--ui-text-secondary)]" }, iq = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)]" }, sq = { key: 0 }, lq = {
   key: 0,
   "data-table-filler": ""
-}, sq = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, lq = ["data-column-type"], uq = ["aria-label", "onPointerdown", "onKeydown"], cq = {
+}, uq = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, cq = ["data-column-type"], dq = ["aria-label", "onPointerdown", "onKeydown"], fq = {
   key: 0,
   "data-table-filler": "",
   "aria-hidden": "true",
   class: "border-b border-[var(--ui-border)] p-0"
-}, dq = { key: 0 }, fq = ["colspan"], pq = ["data-ui-row-new"], hq = ["data-column-type"], mq = {
+}, pq = { key: 0 }, hq = ["colspan"], mq = ["data-ui-row-new"], vq = ["data-column-type"], gq = {
   key: 0,
   "data-table-filler": "",
   "aria-hidden": "true",
@@ -30506,14 +30520,14 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
   },
   emits: ["update:columnWidths"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = Wn(n, { emptyText: "No data" }), a = qe("root"), i = $o(a), s = Re(pr, void 0), l = Kt(), c = (q) => UB(l).resizeColumn(q), u = /* @__PURE__ */ F(r.stateKey ? $h(r.stateKey).columnWidths ?? {} : {});
+    const n = e, o = t, r = Wn(n, { emptyText: "No data" }), a = qe("root"), i = $o(a), s = Re(pr, void 0), l = Kt(), c = (q) => KB(l).resizeColumn(q), u = /* @__PURE__ */ F(r.stateKey ? $h(r.stateKey).columnWidths ?? {} : {});
     ie(() => r.columnWidths, () => {
       u.value = {};
     });
     const f = C(() => {
       const q = { ...r.columnWidths, ...u.value };
       return r.columns.every((U) => q[U.key] !== void 0) ? q : void 0;
-    }), p = C(() => f.value ? r.columns.reduce((q, U) => q + f.value[U.key], 0) : 0), h = C(() => !!f.value || r.columns.some((q) => !!q.width)), m = (q) => f.value ? `${f.value[q.key]}px` : q.width, v = (q) => q.resizable ?? r.resizable, y = (q) => Ph(q.minWidth) ?? (q.width ? LB : FB), w = {};
+    }), p = C(() => f.value ? r.columns.reduce((q, U) => q + f.value[U.key], 0) : 0), h = C(() => !!f.value || r.columns.some((q) => !!q.width)), m = (q) => f.value ? `${f.value[q.key]}px` : q.width, v = (q) => q.resizable ?? r.resizable, y = (q) => Ph(q.minWidth) ?? (q.width ? zB : BB), w = {};
     function x() {
       return Object.fromEntries(r.columns.map((q) => {
         const U = Math.round(w[q.key]?.getBoundingClientRect().width ?? 0);
@@ -30521,7 +30535,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
       }));
     }
     function E(q) {
-      u.value = q, o("update:columnWidths", q), r.stateKey && jB(r.stateKey, { ...$h(r.stateKey), columnWidths: q });
+      u.value = q, o("update:columnWidths", q), r.stateKey && WB(r.stateKey, { ...$h(r.stateKey), columnWidths: q });
     }
     let b;
     function _(q, U) {
@@ -30544,11 +30558,11 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
     ze(() => b?.());
     const k = C(() => s ? s.value === "mobile" : i.value > 0 && i.value <= md), $ = C(
       () => r.mobileView === "cards" || r.mobileView === "container" && i.value > 0 && i.value < r.containerBreakpoint
-    ), T = C(() => r.mobileView === "list" || r.mobileView === "auto" && k.value), A = C(() => KB(r.columns));
+    ), T = C(() => r.mobileView === "list" || r.mobileView === "auto" && k.value), A = C(() => ZB(r.columns));
     function D(q, U) {
       return String(q[r.rowKey] ?? U);
     }
-    const M = xF(() => r.rows.flatMap((q) => q[r.rowKey] == null ? [] : [String(q[r.rowKey])]));
+    const M = kF(() => r.rows.flatMap((q) => q[r.rowKey] == null ? [] : [String(q[r.rowKey])]));
     return We(Ws, null), (q, U) => (g(), I("div", {
       ref_key: "root",
       ref: a,
@@ -30570,8 +30584,8 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
             "data-ui-row-new": d(M).has(D(B, Y)) ? "" : void 0,
             class: "flex min-h-[var(--ui-list-row-height)] min-w-0 items-center gap-3 border-b border-[var(--ui-border-subtle)] px-3 py-1.5 last:border-b-0"
           }, [
-            ae("div", YB, [
-              A.value.title ? (g(), I("div", JB, [
+            ae("div", XB, [
+              A.value.title ? (g(), I("div", QB, [
                 z(q.$slots, `cell-${A.value.title.key}`, {
                   row: B,
                   value: B[A.value.title.key],
@@ -30580,7 +30594,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
                   Oe(Q(B[A.value.title.key]), 1)
                 ])
               ])) : j("", !0),
-              A.value.subtitle.length ? (g(), I("div", XB, [
+              A.value.subtitle.length ? (g(), I("div", eq, [
                 (g(!0), I(ye, null, Be(A.value.subtitle, (W, oe) => (g(), I("span", {
                   key: W.key,
                   class: ce(["min-w-0 truncate", d(Eh)(W) && "tabular-nums", oe === 0 ? "shrink" : "shrink-[2]"])
@@ -30608,22 +30622,22 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
                 Oe(Q(B[W.key]), 1)
               ])
             ], 2))), 128))
-          ], 8, GB))), 128))
-        ], 2)) : (g(), I("p", ZB, Q(d(r).emptyText), 1))
-      ], 64)) : $.value && !d(r).rows.length ? (g(), I("p", QB, Q(d(r).emptyText), 1)) : $.value ? (g(), I("div", eq, [
+          ], 8, JB))), 128))
+        ], 2)) : (g(), I("p", YB, Q(d(r).emptyText), 1))
+      ], 64)) : $.value && !d(r).rows.length ? (g(), I("p", tq, Q(d(r).emptyText), 1)) : $.value ? (g(), I("div", nq, [
         (g(!0), I(ye, null, Be(d(r).rows, (B, Y) => (g(), I("article", {
           key: D(B, Y),
           "data-ui-row-new": d(M).has(D(B, Y)) ? "" : void 0,
           class: "min-w-0 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
           role: "listitem"
         }, [
-          ae("dl", nq, [
+          ae("dl", rq, [
             (g(!0), I(ye, null, Be(d(r).columns, (W) => (g(), I("div", {
               key: W.key,
               class: "grid min-w-0 grid-cols-[minmax(100px,35%)_minmax(0,1fr)] items-start gap-2"
             }, [
-              ae("dt", oq, Q(W.label), 1),
-              ae("dd", rq, [
+              ae("dt", aq, Q(W.label), 1),
+              ae("dd", iq, [
                 z(q.$slots, `cell-${W.key}`, {
                   row: B,
                   value: B[W.key],
@@ -30634,8 +30648,8 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
               ])
             ]))), 128))
           ])
-        ], 8, tq))), 128))
-      ])) : (g(), L(MB, {
+        ], 8, oq))), 128))
+      ])) : (g(), L(LB, {
         key: 3,
         class: ce(d(r).fill && "min-h-0 flex-1"),
         "viewport-class": d(r).fill ? "h-full overflow-auto border-y border-[var(--ui-border)]" : "overflow-auto border-y border-[var(--ui-border)]"
@@ -30645,14 +30659,14 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
             class: ce(["w-full border-collapse text-[length:var(--ui-font-size-control)]", h.value && "table-fixed"]),
             style: Ve(f.value ? { minWidth: `${p.value}px` } : void 0)
           }, [
-            h.value ? (g(), I("colgroup", aq, [
+            h.value ? (g(), I("colgroup", sq, [
               (g(!0), I(ye, null, Be(d(r).columns, (B) => (g(), I("col", {
                 key: B.key,
                 style: Ve(m(B) ? { width: m(B) } : void 0)
               }, null, 4))), 128)),
-              f.value ? (g(), I("col", iq)) : j("", !0)
+              f.value ? (g(), I("col", lq)) : j("", !0)
             ])) : j("", !0),
-            ae("thead", sq, [
+            ae("thead", uq, [
               ae("tr", null, [
                 (g(!0), I(ye, null, Be(d(r).columns, (B) => (g(), I("th", {
                   key: B.key,
@@ -30676,17 +30690,17 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
                     onClick: U[0] || (U[0] = Et(() => {
                     }, ["stop"])),
                     onKeydown: Et((Y) => P(Y, B), ["stop"])
-                  }, null, 40, uq)) : j("", !0)
-                ], 10, lq))), 128)),
-                f.value ? (g(), I("th", cq)) : j("", !0)
+                  }, null, 40, dq)) : j("", !0)
+                ], 10, cq))), 128)),
+                f.value ? (g(), I("th", fq)) : j("", !0)
               ])
             ]),
             ae("tbody", null, [
-              d(r).rows.length === 0 ? (g(), I("tr", dq, [
+              d(r).rows.length === 0 ? (g(), I("tr", pq, [
                 ae("td", {
                   colspan: d(r).columns.length + (f.value ? 1 : 0),
                   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-                }, Q(d(r).emptyText), 9, fq)
+                }, Q(d(r).emptyText), 9, hq)
               ])) : (g(!0), I(ye, { key: 1 }, Be(d(r).rows, (B, Y) => (g(), I("tr", {
                 key: D(B, Y),
                 "data-ui-row-new": d(M).has(D(B, Y)) ? "" : void 0,
@@ -30707,7 +30721,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
                   W.type === "actions" ? (g(), I("div", {
                     key: 0,
                     "data-grid-actions": "",
-                    class: ce(d(NB))
+                    class: ce(d(FB))
                   }, [
                     z(q.$slots, `cell-${W.key}`, {
                       row: B,
@@ -30723,17 +30737,17 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
                   }, () => [
                     Oe(Q(B[W.key]), 1)
                   ], void 0, 1)
-                ], 10, hq))), 128)),
-                f.value ? (g(), I("td", mq)) : j("", !0)
-              ], 8, pq))), 128))
+                ], 10, vq))), 128)),
+                f.value ? (g(), I("td", gq)) : j("", !0)
+              ], 8, mq))), 128))
             ])
           ], 6)
         ]),
         _: 3
       }, 8, ["class", "viewport-class"]))
-    ], 10, HB));
+    ], 10, GB));
   }
-}), vq = ["data-layout", "data-wrap"], gq = ["data-ui-tooltip-hint", "disabled"], yq = /* @__PURE__ */ V({
+}), yq = ["data-layout", "data-wrap"], bq = ["data-ui-tooltip-hint", "disabled"], wq = /* @__PURE__ */ V({
   __name: "CellText",
   props: {
     text: {},
@@ -30779,7 +30793,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
           z(a.$slots, "default", {}, () => [
             Oe(Q(e.text), 1)
           ])
-        ], 10, gq)) : (g(), I("span", {
+        ], 10, bq)) : (g(), I("span", {
           key: 1,
           "data-ui-cell-primary": "",
           class: ce([r.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
@@ -30806,24 +30820,24 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
         key: 1,
         target: o.value
       }, null, 8, ["target"])) : j("", !0)
-    ], 10, vq));
+    ], 10, yq));
   }
-}), bq = {
+}), _q = {
   "data-ui-cell-status": "",
   class: "flex min-w-0 items-center gap-[var(--ui-space-2)] leading-4 text-[var(--ui-text)]"
-}, wq = {
+}, xq = {
   "data-ui-cell-status-label": "",
   tabindex: "0",
   class: "-mx-0.5 min-w-0 truncate rounded-[var(--ui-radius-sm)] px-0.5 outline-none focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]"
-}, _q = {
+}, Sq = {
   key: 1,
   "data-ui-cell-status-label": "",
   class: "min-w-0 truncate"
-}, xq = {
+}, kq = {
   key: 1,
   "data-ui-cell-secondary": "",
   class: "min-w-0 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)] tabular-nums [overflow-wrap:anywhere]"
-}, Sq = /* @__PURE__ */ V({
+}, Cq = /* @__PURE__ */ V({
   __name: "CellStatus",
   props: {
     label: {},
@@ -30842,17 +30856,17 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
       class: ce(["flex min-w-0 flex-col gap-0.5", r.value && !(e.detail || a.$slots.detail) && "relative"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      ae("span", bq, [
-        K(QL, { tone: e.tone }, null, 8, ["tone"]),
+      ae("span", _q, [
+        K(tF, { tone: e.tone }, null, 8, ["tone"]),
         e.description ? (g(), L(xd, {
           key: 0,
           content: e.description
         }, {
           default: R(() => [
-            ae("span", wq, Q(e.label), 1)
+            ae("span", xq, Q(e.label), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (g(), I("span", _q, Q(e.label), 1))
+        }, 8, ["content"])) : (g(), I("span", Sq, Q(e.label), 1))
       ]),
       r.value ? (g(), L(Ab, {
         key: 0,
@@ -30861,7 +30875,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
         size: "sm",
         class: ce(["max-w-40", !(e.detail || a.$slots.detail) && "absolute inset-x-0 top-full mt-0.5"])
       }, null, 8, ["value", "aria-label", "class"])) : j("", !0),
-      e.detail || a.$slots.detail ? (g(), I("span", xq, [
+      e.detail || a.$slots.detail ? (g(), I("span", kq, [
         z(a.$slots, "detail", {}, () => [
           Oe(Q(e.detail), 1)
         ])
@@ -30872,74 +30886,74 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
       }, null, 8, ["target"])) : j("", !0)
     ], 2));
   }
-}), kq = {
+}), Eq = {
   role: "listitem",
   class: "ui-list-item flex flex-wrap items-start gap-x-[var(--ui-space-4)] gap-y-[var(--ui-space-2)] py-[var(--ui-space-3)]",
   "data-syno-pkg-land-ui": ""
-}, Cq = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, Eq = {
+}, Aq = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, Pq = {
   key: 0,
   "data-ui-list-item-leading": "",
   class: "flex shrink-0 items-center"
-}, Aq = { class: "min-w-0 flex-1" }, Pq = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, Oq = {
+}, Oq = { class: "min-w-0 flex-1" }, Tq = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, $q = {
   "data-ui-list-item-title": "",
   class: "font-semibold leading-5 text-[var(--ui-text)]"
-}, Tq = {
+}, Iq = {
   key: 0,
   "data-ui-list-item-meta": "",
   class: "flex flex-wrap items-center gap-[var(--ui-space-1)]"
-}, $q = {
+}, Dq = {
   key: 0,
   "data-ui-list-item-description": "",
   class: "mt-1 leading-5 text-[var(--ui-text-secondary)]"
-}, Iq = {
+}, Rq = {
   key: 1,
   class: "mt-1 leading-5"
-}, Dq = {
+}, Mq = {
   key: 0,
   "data-ui-list-item-actions": "",
   class: "flex shrink-0 flex-wrap items-center gap-[var(--ui-space-2)]"
-}, Rq = /* @__PURE__ */ V({
+}, Nq = /* @__PURE__ */ V({
   __name: "ListItem",
   props: {
     title: {},
     description: {}
   },
   setup(e) {
-    return (t, n) => (g(), I("div", kq, [
-      ae("div", Cq, [
-        t.$slots.leading ? (g(), I("div", Eq, [
+    return (t, n) => (g(), I("div", Eq, [
+      ae("div", Aq, [
+        t.$slots.leading ? (g(), I("div", Pq, [
           z(t.$slots, "leading")
         ])) : j("", !0),
-        ae("div", Aq, [
-          ae("div", Pq, [
-            ae("span", Oq, [
+        ae("div", Oq, [
+          ae("div", Tq, [
+            ae("span", $q, [
               z(t.$slots, "title", {}, () => [
                 Oe(Q(e.title), 1)
               ])
             ]),
-            t.$slots.meta ? (g(), I("span", Tq, [
+            t.$slots.meta ? (g(), I("span", Iq, [
               z(t.$slots, "meta")
             ])) : j("", !0)
           ]),
-          e.description || t.$slots.description ? (g(), I("div", $q, [
+          e.description || t.$slots.description ? (g(), I("div", Dq, [
             z(t.$slots, "description", {}, () => [
               Oe(Q(e.description), 1)
             ])
           ])) : j("", !0),
-          t.$slots.default ? (g(), I("div", Iq, [
+          t.$slots.default ? (g(), I("div", Rq, [
             z(t.$slots, "default")
           ])) : j("", !0)
         ])
       ]),
-      t.$slots.actions ? (g(), I("div", Dq, [
+      t.$slots.actions ? (g(), I("div", Mq, [
         z(t.$slots, "actions")
       ])) : j("", !0)
     ]));
   }
-}), Mq = ["id"], Nq = {
+}), Lq = ["id"], Fq = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-1.5"
-}, Lq = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], Fq = ["id", "role", "aria-labelledby"], zq = /* @__PURE__ */ V({
+}, zq = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], Bq = ["id", "role", "aria-labelledby"], qq = /* @__PURE__ */ V({
   __name: "Card",
   props: {
     title: {},
@@ -30988,8 +31002,8 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
             z(y.$slots, "title", {}, () => [
               Oe(Q(e.title), 1)
             ])
-          ], 8, Mq)) : j("", !0),
-          y.$slots["header-actions"] || e.expandable ? (g(), I("div", Nq, [
+          ], 8, Lq)) : j("", !0),
+          y.$slots["header-actions"] || e.expandable ? (g(), I("div", Fq, [
             z(y.$slots, "header-actions"),
             e.expandable ? (g(), I("button", {
               key: 0,
@@ -31008,7 +31022,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
                 class: ce(d(on)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !d(c) && "-rotate-90")),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
-            ], 8, Lq)) : j("", !0)
+            ], 8, zq)) : j("", !0)
           ])) : j("", !0)
         ], 2)) : j("", !0),
         K(Sd, {
@@ -31025,7 +31039,7 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
               e.loading ? (g(), L(Ob, { key: 0 })) : z(y.$slots, "body", {}, () => [
                 z(y.$slots, "default")
               ], void 0, 1)
-            ], 10, Fq)
+            ], 10, Bq)
           ]),
           _: 3
         }, 8, ["open"]),
@@ -31039,8 +31053,8 @@ const HB = ["data-ui-data-view", "data-fill"], ZB = {
       _: 3
     }, 8, ["data-layout", "aria-busy"]));
   }
-}), Dh = 100, Bq = 100;
-function qq() {
+}), Dh = 100, Vq = 100;
+function jq() {
   const e = /* @__PURE__ */ F(0), t = /* @__PURE__ */ F(!1), n = /* @__PURE__ */ new WeakMap();
   function o(a) {
     if (fl(a)) return () => {
@@ -31067,7 +31081,7 @@ function qq() {
     }, h = (x) => x.target === a, m = (x) => {
       h(x) && f();
     }, v = () => (typeof a.getAnimations == "function" ? a.getAnimations() : []).some((x) => x.playState === "running" && "transitionProperty" in x), y = (x) => {
-      h(x) && (clearTimeout(u), u = setTimeout(() => v() ? p() : f(), Bq));
+      h(x) && (clearTimeout(u), u = setTimeout(() => v() ? p() : f(), Vq));
     }, w = (x) => {
       h(x) && p();
     };
@@ -31075,21 +31089,21 @@ function qq() {
   }
   return { active: /* @__PURE__ */ $r(t), begin: o, track: r };
 }
-const Vq = /* @__PURE__ */ Symbol("layout-motion");
-let jq;
-function Uq() {
-  return Re(Vq, null) ?? (jq ??= qq());
+const Uq = /* @__PURE__ */ Symbol("layout-motion");
+let Wq;
+function Kq() {
+  return Re(Uq, null) ?? (Wq ??= jq());
 }
-const Wq = /^#([\da-f]{3}|[\da-f]{6})$/i, Kq = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
+const Hq = /^#([\da-f]{3}|[\da-f]{6})$/i, Zq = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
 function nc(e) {
   const t = e.trim();
   if (t === "transparent") return [0, 0, 0, 0];
-  const n = Wq.exec(t)?.[1];
+  const n = Hq.exec(t)?.[1];
   if (n) {
     const r = n.length === 3 ? [...n].map((a) => a + a).join("") : n;
     return [0, 2, 4].map((a) => parseInt(r.slice(a, a + 2), 16)).concat(1);
   }
-  const o = Kq.exec(t);
+  const o = Zq.exec(t);
   if (o) {
     const r = o[4] === void 0 ? 1 : Number(o[4]) / (o[5] ? 100 : 1);
     return [Number(o[1]), Number(o[2]), Number(o[3]), r];
@@ -31106,47 +31120,47 @@ function oc(e, t) {
 function au([e, t, n, o], r) {
   return [e * (1 - r), t * (1 - r), n * (1 - r), o];
 }
-function Hq([e, t, n, o], r) {
+function Gq([e, t, n, o], r) {
   return [e + (255 - e) * r, t + (255 - t) * r, n + (255 - n) * r, o];
 }
-function Zq([e, t, n]) {
+function Yq([e, t, n]) {
   const o = (r) => {
     const a = r / 255;
     return a <= 0.04045 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * o(e) + 0.7152 * o(t) + 0.0722 * o(n);
 }
-function Gq(e, t) {
-  const n = oc(t, [255, 255, 255, 1]), [o, r] = [oc(e, n), n].map(Zq).sort((a, i) => i - a);
+function Jq(e, t) {
+  const n = oc(t, [255, 255, 255, 1]), [o, r] = [oc(e, n), n].map(Yq).sort((a, i) => i - a);
   return (o + 0.05) / (r + 0.05);
 }
-const iu = [255, 255, 255, 1], Yq = "#1b1f1c", Jq = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], Xq = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], Qq = 0.075, eV = 0.22, tV = 0.55, rc = (e) => nc(Bi(e));
+const iu = [255, 255, 255, 1], Xq = "#1b1f1c", Qq = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], eV = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], tV = 0.075, nV = 0.22, oV = 0.55, rc = (e) => nc(Bi(e));
 function Rh(e, t, n, o, r) {
   for (let a = n; a < 1; a += 0.01) {
     const i = rc(t(e, a));
-    if (Gq(...r(i)) >= o) return i;
+    if (Jq(...r(i)) >= o) return i;
   }
   return t(e, 1);
 }
-function nV(e, { dark: t = !1 } = {}) {
+function rV(e, { dark: t = !1 } = {}) {
   const n = nc(e);
   if (n[3] !== 1) throw new Error(`An accent must be opaque: "${e}"`);
-  const o = Rh(n, au, 0, 4.5, (u) => [iu, u]), r = t ? nc(Yq) : iu, a = (t ? Xq : Jq).map((u) => [o[0], o[1], o[2], u]), i = a.map((u) => rc(oc(u, r))), s = (u, f) => Rh(o, t ? Hq : au, f, u, (p) => [p, i[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, eV), s(7, tV)];
-  return { steps: [...i, o, rc(au(o, Qq)), ...l].map(Bi), alpha: a.map(Bi), contrast: Bi(iu) };
+  const o = Rh(n, au, 0, 4.5, (u) => [iu, u]), r = t ? nc(Xq) : iu, a = (t ? eV : Qq).map((u) => [o[0], o[1], o[2], u]), i = a.map((u) => rc(oc(u, r))), s = (u, f) => Rh(o, t ? Gq : au, f, u, (p) => [p, i[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, nV), s(7, oV)];
+  return { steps: [...i, o, rc(au(o, tV)), ...l].map(Bi), alpha: a.map(Bi), contrast: Bi(iu) };
 }
-function oV(e, t = {}) {
-  const { steps: n, alpha: o, contrast: r } = nV(e, t);
+function aV(e, t = {}) {
+  const { steps: n, alpha: o, contrast: r } = rV(e, t);
   return Object.fromEntries([
     ...n.map((a, i) => [`--ui-accent-${i + 1}`, a]),
     ...o.map((a, i) => [`--ui-accent-a${i + 1}`, a]),
     ["--ui-accent-contrast", r]
   ]);
 }
-const Mh = "width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content", rV = ["viewport-fit=cover", "interactive-widget=resizes-content"];
-function aV(e = document) {
+const Mh = "width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content", iV = ["viewport-fit=cover", "interactive-widget=resizes-content"];
+function sV(e = document) {
   const t = e.head.querySelector('meta[name="viewport"]');
   if (t?.content.replace(/\s/g, "").includes("width=device-width")) {
-    const i = t.content, s = i.split(",").map((u) => u.trim().split("=")[0]).filter(Boolean), l = rV.filter((u) => !s.includes(u.split("=")[0]));
+    const i = t.content, s = i.split(",").map((u) => u.trim().split("=")[0]).filter(Boolean), l = iV.filter((u) => !s.includes(u.split("=")[0]));
     l.length && (t.content = [i.trim().replace(/,\s*$/, ""), ...l].filter(Boolean).join(", "));
     const c = su(e);
     return () => {
@@ -31169,7 +31183,7 @@ function su(e) {
   });
   return () => n ? !1 : (t.cancelAnimationFrame(o), !0);
 }
-const iV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "data-ui-full-page", "tabindex"], sV = /* @__PURE__ */ V({
+const lV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "data-ui-full-page", "tabindex"], uV = /* @__PURE__ */ V({
   __name: "AppRoot",
   props: {
     modalScope: { default: "app" },
@@ -31194,11 +31208,11 @@ const iV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     We(pr, u);
     const f = qe("background"), p = qe("portal"), h = n.modalScope, m = h === "app" ? new RO(i, f) : null;
     We(ry, m);
-    const v = aL(i, h === "app" && n.dialogBounds === "viewport", () => o("activate"));
+    const v = sL(i, h === "app" && n.dialogBounds === "viewport", () => o("activate"));
     v && m?.region(v.element), We(gb, v);
     const y = { position: "relative", isolation: "isolate", overflow: "hidden" }, w = C(() => ({
       ...h === "app" ? y : {},
-      ...n.accent ? oV(n.accent, { dark: n.colorScheme === "dark" }) : {}
+      ...n.accent ? aV(n.accent, { dark: n.colorScheme === "dark" }) : {}
     })), x = Zg();
     qt(() => {
       const _ = i.value;
@@ -31209,7 +31223,7 @@ const iV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     const E = n.fullPage;
     let b;
     return je(() => {
-      E && (b = aV(), document.documentElement.setAttribute("data-ui-page-shell", ""));
+      E && (b = sV(), document.documentElement.setAttribute("data-ui-page-shell", ""));
     }), ze(() => {
       E && (b?.(), document.documentElement.removeAttribute("data-ui-page-shell"));
     }), ie(() => n.fullPage, (_) => {
@@ -31252,9 +31266,9 @@ const iV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
         ]),
         _: 3
       }, 8, ["teleport-to"])
-    ], 12, iV));
+    ], 12, lV));
   }
-}), lV = ["src"], lu = /* @__PURE__ */ V({
+}), cV = ["src"], lu = /* @__PURE__ */ V({
   __name: "AppBrand",
   props: {
     name: {},
@@ -31279,7 +31293,7 @@ const iV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
           alt: "",
           width: "28",
           height: "28"
-        }, null, 8, lV)) : j("", !0),
+        }, null, 8, cV)) : j("", !0),
         e.name ? (g(), I("span", {
           key: 1,
           "data-ui-brand-name": "",
@@ -31290,7 +31304,7 @@ const iV = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     }, 16));
   }
 }), Hb = /* @__PURE__ */ Symbol("syno-pkg-land-ui-app-page-title");
-function uV(e, t) {
+function dV(e, t) {
   const n = /* @__PURE__ */ Ot([]);
   return {
     main: e,
@@ -31298,7 +31312,7 @@ function uV(e, t) {
     shows: (o) => n.value[n.value.length - 1] === o && t(o.title())
   };
 }
-function cV(e, t) {
+function fV(e, t) {
   const n = Re(Hb, null), o = { title: t }, r = /* @__PURE__ */ Ot(!1);
   return je(() => {
     !n || !e.value || !n.main.value?.contains(e.value) || (n.entries.value = [...n.entries.value, o], r.value = !0);
@@ -31307,7 +31321,7 @@ function cV(e, t) {
   }), C(() => r.value && !!n?.shows(o));
 }
 const ac = (e) => Math.round(Math.min(Yu, Math.max(Gu, e)));
-function dV(e) {
+function pV(e) {
   try {
     const t = JSON.parse(localStorage.getItem(e) ?? "null");
     return t && typeof t == "object" ? t : {};
@@ -31315,8 +31329,8 @@ function dV(e) {
     return {};
   }
 }
-function fV(e) {
-  const t = e ? `${e}:app-sidebar` : void 0, n = t ? dV(t) : {}, o = /* @__PURE__ */ F(typeof n.width == "number" && Number.isFinite(n.width) ? ac(n.width) : SN), r = /* @__PURE__ */ F(n.collapsed === !0);
+function hV(e) {
+  const t = e ? `${e}:app-sidebar` : void 0, n = t ? pV(t) : {}, o = /* @__PURE__ */ F(typeof n.width == "number" && Number.isFinite(n.width) ? ac(n.width) : SN), r = /* @__PURE__ */ F(n.collapsed === !0);
   return t && ie([o, r], () => {
     try {
       localStorage.setItem(t, JSON.stringify({ width: o.value, collapsed: r.value }));
@@ -31324,31 +31338,31 @@ function fV(e) {
     }
   }), { width: o, collapsed: r };
 }
-const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height", "data-ui-layout-short", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing", "data-ui-aside", "data-ui-aside-overlay", "data-ui-aside-resizing", "data-ui-side-moving"], hV = { "data-ui-mobile-sidebar-header": "" }, mV = {
+const mV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height", "data-ui-layout-short", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing", "data-ui-aside", "data-ui-aside-overlay", "data-ui-aside-resizing", "data-ui-side-moving"], vV = { "data-ui-mobile-sidebar-header": "" }, gV = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, vV = { key: 1 }, gV = ["aria-label"], yV = { "data-ui-sidebar-body": "" }, bV = {
+}, yV = { key: 1 }, bV = ["aria-label"], wV = { "data-ui-sidebar-body": "" }, _V = {
   key: 0,
   "data-ui-sidebar-footer": ""
-}, wV = ["id"], _V = {
+}, xV = ["id"], SV = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, xV = ["aria-label", "title", "aria-expanded", "aria-controls"], SV = { "data-ui-sidebar-body": "" }, kV = {
+}, kV = ["aria-label", "title", "aria-expanded", "aria-controls"], CV = { "data-ui-sidebar-body": "" }, EV = {
   key: 1,
   "data-ui-sidebar-footer": ""
-}, CV = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], EV = ["inert", "aria-hidden"], AV = ["data-ui-mobile-title-align"], PV = ["aria-label"], OV = ["aria-label", "aria-expanded", "aria-controls"], TV = ["aria-hidden", "title"], $V = {
+}, AV = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], PV = ["inert", "aria-hidden"], OV = ["data-ui-mobile-title-align"], TV = ["aria-label"], $V = ["aria-label", "aria-expanded", "aria-controls"], IV = ["aria-hidden", "title"], DV = {
   key: 3,
   "data-ui-sidebar-brand": ""
-}, IV = {
+}, RV = {
   key: 4,
   "data-ui-mobile-title": ""
-}, DV = {
+}, MV = {
   key: 5,
   "data-ui-mobile-actions": ""
-}, RV = ["disabled", "aria-label", "title"], MV = {
+}, NV = ["disabled", "aria-label", "title"], LV = {
   key: 1,
   "data-ui-mobile-action-label": ""
-}, NV = ["aria-label"], LV = ["data-ui-layout-bar-short"], FV = ["aria-hidden", "title"], zV = ["data-ui-aside-state"], BV = ["aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Ii = 16, qV = /* @__PURE__ */ V({
+}, FV = ["aria-label"], zV = ["data-ui-layout-bar-short"], BV = ["aria-hidden", "title"], qV = ["data-ui-aside-state"], VV = ["aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Ii = 16, jV = /* @__PURE__ */ V({
   __name: "AppLayout",
   props: /* @__PURE__ */ Gi({
     sidebarWidth: { default: void 0 },
@@ -31407,7 +31421,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     const A = C(() => x.value === "web"), D = C(() => n.navigation === "top" && !b.value);
     We(eb, D);
-    const M = fV(n.sidebarStorageKey), q = C(() => kN(w.value)), U = /* @__PURE__ */ F(!1);
+    const M = hV(n.sidebarStorageKey), q = C(() => kN(w.value)), U = /* @__PURE__ */ F(!1);
     ie(q, () => {
       U.value = !1;
     });
@@ -31416,8 +31430,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     const Y = qe("main"), W = /* @__PURE__ */ F(0);
     We(tb, () => {
       W.value++;
-    }), kF(Y, () => W.value);
-    const oe = C(() => A.value && !D.value && !B.value && n.sidebarWidth === void 0), he = C(() => n.sidebarWidth !== void 0 ? n.sidebarWidth : A.value ? `${M.width.value}px` : "var(--ui-sidebar-width)"), re = C(() => B.value ? `var(--ui-web-sidebar-collapsed-width, ${nu}px)` : he.value), pe = C(() => !!c.sidebar && !b.value && !D.value), _e = C(() => pe.value ? B.value ? nu : Number.parseFloat(he.value) || 0 : 0), $e = C(() => !!c.aside), Le = C(() => Math.round(Math.min(Pi, Math.max(Ai, a.value)))), tt = C(() => r.value === "open" && !b.value && (!A.value || w.value - _e.value - Le.value < EN)), nt = C(() => $e.value && !b.value && r.value === "expanded"), Ke = C(() => b.value ? "0px" : nt.value ? pe.value ? `calc(${w.value}px - var(--ui-app-sidebar-width))` : `${w.value}px` : r.value === "open" && !tt.value ? `${Le.value}px` : `${nu}px`);
+    }), EF(Y, () => W.value);
+    const oe = C(() => A.value && !D.value && !B.value && n.sidebarWidth === void 0), he = C(() => n.sidebarWidth !== void 0 ? n.sidebarWidth : A.value ? `${M.width.value}px` : "var(--ui-sidebar-width)"), re = C(() => B.value ? `var(--ui-web-sidebar-collapsed-width, ${nu}px)` : he.value), pe = C(() => !!c.sidebar && !b.value && !D.value), _e = C(() => pe.value ? B.value ? nu : Number.parseFloat(he.value) || 0 : 0), $e = C(() => !!c.aside), Fe = C(() => Math.round(Math.min(Pi, Math.max(Ai, a.value)))), tt = C(() => r.value === "open" && !b.value && (!A.value || w.value - _e.value - Fe.value < EN)), nt = C(() => $e.value && !b.value && r.value === "expanded"), Ke = C(() => b.value ? "0px" : nt.value ? pe.value ? `calc(${w.value}px - var(--ui-app-sidebar-width))` : `${w.value}px` : r.value === "open" && !tt.value ? `${Fe.value}px` : `${nu}px`);
     We(AN, { state: r, overlay: tt, presentation: x, regionWidth: Ke });
     const at = C(() => $e.value && b.value && r.value !== "collapsed"), Ze = C(() => $e.value && A.value && r.value === "open" && !tt.value), ot = C(() => b.value ? "minmax(0, 1fr)" : [pe.value && "auto", "minmax(0, 1fr)", $e.value && "auto"].filter(Boolean).join(" ")), yt = /* @__PURE__ */ F(!1);
     We(PN, yt);
@@ -31427,7 +31441,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     }
     ie([re, Ke], (ve, ht) => {
       if (!T.value || vo.value || Hn.value || ve.every((uw, cw) => uw === ht[cw])) return;
-      const gn = _F("--ui-motion-panel", f.value);
+      const gn = SF("--ui-motion-panel", f.value);
       if (gn < 1) return O();
       yt.value = !0, clearTimeout(S), S = setTimeout(O, gn + 50);
     });
@@ -31435,7 +31449,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       ve.propertyName === "width" && ve.target === ve.currentTarget && O();
     }
     ze(() => clearTimeout(S));
-    const Z = Uq();
+    const Z = Kq();
     let H;
     ie(yt, (ve) => {
       ve ? H ??= Z.begin(f.value) : (H?.(), H = void 0);
@@ -31447,7 +31461,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         icon: document.head.querySelector('link[rel~="icon"]')?.href || void 0
       };
     });
-    const se = C(() => ({ name: n.brandName ?? J.value.name, icon: n.brandIcon ?? J.value.icon })), fe = C(() => !!(c.brand || se.value.name || se.value.icon)), de = C(() => fe.value && !b.value && n.wideLayout === "web"), te = C(() => de.value || A.value && !D.value), ke = C(() => !!c["sidebar-footer"] && (D.value || A.value)), me = uV(p, (ve) => n.title === void 0 ? b.value || P.value : P.value && n.title === ve);
+    const se = C(() => ({ name: n.brandName ?? J.value.name, icon: n.brandIcon ?? J.value.icon })), fe = C(() => !!(c.brand || se.value.name || se.value.icon)), de = C(() => fe.value && !b.value && n.wideLayout === "web"), te = C(() => de.value || A.value && !D.value), ke = C(() => !!c["sidebar-footer"] && (D.value || A.value)), me = dV(p, (ve) => n.title === void 0 ? b.value || P.value : P.value && n.title === ve);
     We(Hb, me);
     const be = C(() => me.entries.value.at(-1)?.title()), xe = C(() => n.title ?? be.value), De = C(() => P.value ? xe.value : void 0), ne = C(() => {
       const ve = me.entries.value.at(-1);
@@ -31497,8 +31511,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     const Ad = (ve) => Math.round(Math.min(Pi, Math.max(Ai, ve)));
     function tw(ve) {
       const ht = {
-        ArrowLeft: Le.value + Ii,
-        ArrowRight: Le.value - Ii,
+        ArrowLeft: Fe.value + Ii,
+        ArrowRight: Fe.value - Ii,
         Home: Ai,
         End: Pi
       }[ve.key];
@@ -31510,12 +31524,12 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       Fo.value = Ad(hl.width - (ve.clientX - hl.x));
     }
     function Yr() {
-      document.removeEventListener("pointermove", Pd), document.removeEventListener("pointerup", Yr), document.removeEventListener("pointercancel", Yr), Hn.value && (a.value = Fo.value, Fe(() => {
+      document.removeEventListener("pointermove", Pd), document.removeEventListener("pointerup", Yr), document.removeEventListener("pointercancel", Yr), Hn.value && (a.value = Fo.value, Le(() => {
         Hn.value = !1;
       }));
     }
     function nw(ve) {
-      ve.button === 0 && (ve.preventDefault(), hl = { x: ve.clientX, width: Le.value }, Fo.value = Le.value, Hn.value = !0, document.addEventListener("pointermove", Pd), document.addEventListener("pointerup", Yr), document.addEventListener("pointercancel", Yr));
+      ve.button === 0 && (ve.preventDefault(), hl = { x: ve.clientX, width: Fe.value }, Fo.value = Fe.value, Hn.value = !0, document.addEventListener("pointermove", Pd), document.addEventListener("pointerup", Yr), document.addEventListener("pointercancel", Yr));
     }
     ze(Yr);
     const ow = C(() => Hn.value ? `${Fo.value}px` : Ke.value);
@@ -31523,7 +31537,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       if (!k.value) return;
       k.value = !1;
       const ht = v?.isConnected ? v : m.value;
-      v = null, ve && Fe(() => ht?.focus());
+      v = null, ve && Le(() => ht?.focus());
     }
     function Od() {
       v = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null, k.value = !0;
@@ -31613,8 +31627,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                             ]),
                             _: 1
                           }),
-                          ae("div", hV, [
-                            fe.value ? (g(), I("div", mV, [
+                          ae("div", vV, [
+                            fe.value ? (g(), I("div", gV, [
                               z(ve.$slots, "brand", {}, () => [
                                 K(lu, {
                                   interactive: s(),
@@ -31623,7 +31637,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                                   icon: se.value.icon
                                 }, null, 8, ["interactive", "name", "icon"])
                               ])
-                            ])) : (g(), I("span", vV, Q(d(u)("Application navigation")), 1)),
+                            ])) : (g(), I("span", yV, Q(d(u)("Application navigation")), 1)),
                             ae("button", {
                               ref_key: "closeButton",
                               ref: h,
@@ -31636,12 +31650,12 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                                 size: 20,
                                 "aria-hidden": "true"
                               })
-                            ], 8, gV)
+                            ], 8, bV)
                           ]),
-                          ae("div", yV, [
+                          ae("div", wV, [
                             z(ve.$slots, "sidebar")
                           ]),
-                          ve.$slots["sidebar-footer"] ? (g(), I("div", bV, [
+                          ve.$slots["sidebar-footer"] ? (g(), I("div", _V, [
                             z(ve.$slots, "sidebar-footer")
                           ])) : j("", !0)
                         ]),
@@ -31665,7 +31679,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         class: "min-w-0 border-r border-[var(--ui-border)] bg-[var(--ui-surface)]",
         onTransitionend: N
       }, [
-        te.value ? (g(), I("div", _V, [
+        te.value ? (g(), I("div", SV, [
           de.value && !B.value ? z(ve.$slots, "brand", {}, () => [
             K(lu, {
               interactive: s(),
@@ -31688,12 +31702,12 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 16,
               "aria-hidden": "true"
             }))
-          ], 8, xV)) : j("", !0)
+          ], 8, kV)) : j("", !0)
         ])) : j("", !0),
-        ae("div", SV, [
+        ae("div", CV, [
           z(ve.$slots, "sidebar")
         ]),
-        ke.value ? (g(), I("div", kV, [
+        ke.value ? (g(), I("div", EV, [
           z(ve.$slots, "sidebar-footer")
         ])) : j("", !0),
         oe.value ? (g(), I("div", {
@@ -31709,8 +31723,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           "aria-valuenow": d(M).width.value,
           onKeydown: Zr,
           onPointerdown: ew
-        }, null, 40, CV)) : j("", !0)
-      ], 40, wV)) : j("", !0),
+        }, null, 40, AV)) : j("", !0)
+      ], 40, xV)) : j("", !0),
       ae("div", {
         ref_key: "column",
         ref: p,
@@ -31735,7 +31749,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 24,
               "aria-hidden": "true"
             })
-          ], 8, PV)) : Me.value ? (g(), I("button", {
+          ], 8, TV)) : Me.value ? (g(), I("button", {
             key: 1,
             ref_key: "menuTrigger",
             ref: m,
@@ -31750,7 +31764,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, OV)) : j("", !0),
+          ], 8, $V)) : j("", !0),
           xe.value !== void 0 ? (g(), I("div", {
             key: 2,
             ref_key: "phoneTitle",
@@ -31763,7 +31777,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               ref_key: "phoneTitleText",
               ref: It
             }, Q(xe.value), 513)
-          ], 8, TV)) : fe.value ? (g(), I("div", $V, [
+          ], 8, IV)) : fe.value ? (g(), I("div", DV, [
             z(ve.$slots, "brand", {}, () => [
               K(lu, {
                 interactive: s(),
@@ -31772,8 +31786,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: se.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : ve.$slots.sidebar ? (g(), I("span", IV, Q(d(u)("Application navigation")), 1)) : j("", !0),
-          ue.value || Ce.value.length ? (g(), I("div", DV, [
+          ])) : ve.$slots.sidebar ? (g(), I("span", RV, Q(d(u)("Application navigation")), 1)) : j("", !0),
+          ue.value || Ce.value.length ? (g(), I("div", MV, [
             ue.value ? (g(), I("button", {
               key: 0,
               "data-ui-mobile-action": "",
@@ -31787,8 +31801,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 key: 0,
                 size: 20,
                 "aria-hidden": "true"
-              })) : (g(), I("span", MV, Q(ue.value.label), 1))
-            ], 8, RV)) : j("", !0),
+              })) : (g(), I("span", LV, Q(ue.value.label), 1))
+            ], 8, NV)) : j("", !0),
             Ce.value.length ? (g(), L(Ib, {
               key: 1,
               items: Ce.value,
@@ -31805,12 +31819,12 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                     size: 20,
                     "aria-hidden": "true"
                   })
-                ], 8, NV)
+                ], 8, FV)
               ]),
               _: 1
             }, 8, ["items"])) : j("", !0)
           ])) : j("", !0)
-        ], 8, AV)) : j("", !0),
+        ], 8, OV)) : j("", !0),
         ve.$slots.toolbar || De.value !== void 0 ? (g(), I("div", {
           key: 1,
           "data-ui-layout-bar": "",
@@ -31821,9 +31835,9 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "data-ui-layout-title": "",
             "aria-hidden": ne.value ? "true" : void 0,
             title: De.value
-          }, Q(De.value), 9, FV)) : j("", !0),
+          }, Q(De.value), 9, BV)) : j("", !0),
           z(ve.$slots, "toolbar")
-        ], 8, LV)) : j("", !0),
+        ], 8, zV)) : j("", !0),
         ae("main", {
           ref_key: "main",
           ref: Y,
@@ -31834,18 +31848,18 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         ], 2),
         z(ve.$slots, "footer"),
         b.value ? z(ve.$slots, "tabbar", {}, void 0, void 0, 2) : j("", !0)
-      ], 8, EV),
+      ], 8, PV),
       $e.value ? (g(), I("div", {
         key: 2,
         "data-ui-layout-aside": "",
         "data-ui-aside-state": r.value,
-        style: Ve({ width: ow.value, "--ui-aside-open-width": `${Hn.value ? Fo.value : Le.value}px` }),
+        style: Ve({ width: ow.value, "--ui-aside-open-width": `${Hn.value ? Fo.value : Fe.value}px` }),
         onTransitionend: N
       }, [
         z(ve.$slots, "aside", {
           state: r.value,
           overlay: tt.value,
-          width: Hn.value ? Fo.value : Le.value,
+          width: Hn.value ? Fo.value : Fe.value,
           presentation: x.value
         }),
         Ze.value ? (g(), I("div", {
@@ -31857,14 +31871,14 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           "aria-label": d(u)("Resize panes"),
           "aria-valuemin": d(Ai),
           "aria-valuemax": d(Pi),
-          "aria-valuenow": Hn.value ? Fo.value : Le.value,
+          "aria-valuenow": Hn.value ? Fo.value : Fe.value,
           onKeydown: tw,
           onPointerdown: nw
-        }, null, 40, BV)) : j("", !0)
-      ], 44, zV)) : j("", !0)
-    ], 14, pV));
+        }, null, 40, VV)) : j("", !0)
+      ], 44, qV)) : j("", !0)
+    ], 14, mV));
   }
-}), VV = /* @__PURE__ */ V({
+}), UV = /* @__PURE__ */ V({
   __name: "ResponsiveView",
   props: {
     mode: { default: "auto" }
@@ -31876,7 +31890,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     return (a, i) => z(a.$slots, r.value);
   }
-}), jV = /* @__PURE__ */ V({
+}), WV = /* @__PURE__ */ V({
   __name: "AppSidebarTip",
   props: {
     label: {},
@@ -31894,20 +31908,20 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       _: 3
     }, 8, ["content"])) : z(t.$slots, "default", {}, void 0, void 0, 1);
   }
-}), UV = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], WV = {
+}), KV = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], HV = {
   key: 1,
   "data-nav-badge": "",
   class: "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]"
-}, KV = ["disabled", "aria-current", "onClick"], HV = {
+}, ZV = ["disabled", "aria-current", "onClick"], GV = {
   key: 0,
   "data-nav-chevron-spacer": "",
   class: "size-3.5 shrink-0",
   "aria-hidden": "true"
-}, ZV = {
+}, YV = {
   key: 2,
   "data-nav-badge": "",
   class: "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]"
-}, GV = ["aria-label"], Nh = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", YV = /* @__PURE__ */ V({
+}, JV = ["aria-label"], Nh = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", XV = /* @__PURE__ */ V({
   name: "AppSidebarItems",
   __name: "AppSidebarItems",
   props: {
@@ -31929,7 +31943,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       return g(!0), I(ye, null, Be(e.items, (m) => (g(), I(ye, {
         key: m.key
       }, [
-        i(m) ? j("", !0) : (g(), L(jV, {
+        i(m) ? j("", !0) : (g(), L(WV, {
           key: 0,
           label: m.label,
           enabled: !!n.collapsed
@@ -31965,8 +31979,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 "data-nav-label": "",
                 class: ce(n.collapsed ? "sr-only" : Nh)
               }, Q(m.label), 3),
-              m.badge !== void 0 ? (g(), I("span", WV, Q(m.badge), 1)) : j("", !0)
-            ], 14, UV)) : (g(), I("button", {
+              m.badge !== void 0 ? (g(), I("span", HV, Q(m.badge), 1)) : j("", !0)
+            ], 14, KV)) : (g(), I("button", {
               key: 1,
               type: "button",
               "data-nav-item": "",
@@ -31977,7 +31991,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               style: Ve(a(n.depth)),
               onClick: (v) => o("select", m)
             }, [
-              c.value ? (g(), I("span", HV)) : j("", !0),
+              c.value ? (g(), I("span", GV)) : j("", !0),
               m.icon ? (g(), L(ft(m.icon), {
                 key: 1,
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
@@ -31987,8 +32001,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 "data-nav-label": "",
                 class: ce(n.collapsed ? "sr-only" : Nh)
               }, Q(m.label), 3),
-              m.badge !== void 0 ? (g(), I("span", ZV, Q(m.badge), 1)) : j("", !0)
-            ], 14, KV))
+              m.badge !== void 0 ? (g(), I("span", YV, Q(m.badge), 1)) : j("", !0)
+            ], 14, ZV))
           ]),
           _: 2
         }, 1032, ["label", "enabled"])),
@@ -32008,11 +32022,11 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             onSelect: p[0] || (p[0] = (v) => o("select", v)),
             onToggle: p[1] || (p[1] = (v) => o("toggle", v))
           }, null, 8, ["items", "model-value", "expanded-keys", "depth", "searching", "collapsed"])
-        ], 8, GV)) : j("", !0)
+        ], 8, JV)) : j("", !0)
       ], 64))), 128);
     };
   }
-}), JV = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], XV = { "data-nav-label": "" }, QV = ["disabled", "aria-current", "onClick"], e2 = { "data-nav-label": "" }, Lh = "size-[var(--ui-icon-size,18px)] shrink-0", Fh = "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]", zh = /* @__PURE__ */ V({
+}), QV = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], e2 = { "data-nav-label": "" }, t2 = ["disabled", "aria-current", "onClick"], n2 = { "data-nav-label": "" }, Lh = "size-[var(--ui-icon-size,18px)] shrink-0", Fh = "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]", zh = /* @__PURE__ */ V({
   __name: "AppTopNavItems",
   props: {
     items: {},
@@ -32075,7 +32089,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               class: ce(Lh),
               "aria-hidden": "true"
             })) : j("", !0),
-            ae("span", XV, Q(f.label), 1),
+            ae("span", e2, Q(f.label), 1),
             f.badge !== void 0 ? (g(), I("span", {
               key: 1,
               "data-nav-badge": "",
@@ -32086,7 +32100,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
               "aria-hidden": "true"
             })
-          ], 10, JV)
+          ], 10, QV)
         ]),
         _: 2
       }, 1032, ["items", "data-ui-top-nav-overflow-menu", "onSelect"])) : (g(), I("button", {
@@ -32104,16 +32118,16 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           class: ce(Lh),
           "aria-hidden": "true"
         })) : j("", !0),
-        ae("span", e2, Q(f.label), 1),
+        ae("span", n2, Q(f.label), 1),
         f.badge !== void 0 ? (g(), I("span", {
           key: 1,
           "data-nav-badge": "",
           class: ce(Fh)
         }, Q(f.badge), 1)) : j("", !0)
-      ], 10, QV))
+      ], 10, t2))
     ], 64))), 128));
   }
-}), t2 = ["aria-label"], n2 = ["aria-label", "aria-hidden", "inert"], o2 = ["data-ui-overflowed", "aria-hidden", "inert"], r2 = ["aria-hidden", "inert"], a2 = /* @__PURE__ */ V({
+}), o2 = ["aria-label"], r2 = ["aria-label", "aria-hidden", "inert"], a2 = ["data-ui-overflowed", "aria-hidden", "inert"], i2 = ["aria-hidden", "inert"], s2 = /* @__PURE__ */ V({
   __name: "AppTopNav",
   props: {
     groups: {},
@@ -32156,12 +32170,12 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       }
       if (l.value === k) return;
       const $ = document.activeElement, T = $ instanceof Element && [...x.querySelectorAll("[data-ui-top-nav-item]")].some((D, M) => M >= k && D.contains($)), A = i.value.contains($);
-      l.value = k, Fe(() => {
+      l.value = k, Le(() => {
         T ? i.value?.querySelector("button")?.focus() : A && !u.value.length && x.querySelector("[data-ui-top-nav-item] button")?.focus();
       });
     }
     async function w() {
-      await Fe(), m?.disconnect(), a.value && (m?.observe(a.value), a.value.querySelectorAll("[data-ui-top-nav-item], [data-ui-top-nav-more-wrapper]").forEach((x) => m?.observe(x)), y());
+      await Le(), m?.disconnect(), a.value && (m?.observe(a.value), a.value.querySelectorAll("[data-ui-top-nav-item], [data-ui-top-nav-more-wrapper]").forEach((x) => m?.observe(x)), y());
     }
     return je(() => {
       typeof ResizeObserver < "u" && (m = new ResizeObserver(y)), w();
@@ -32198,8 +32212,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "model-value": n.modelValue,
             onSelect: E[0] || (E[0] = (T) => o("select", T))
           }, null, 8, ["items", "model-value"]))
-        ], 12, o2))), 128))
-      ], 14, n2))), 128)),
+        ], 12, a2))), 128))
+      ], 14, r2))), 128)),
       ae("div", {
         ref_key: "more",
         ref: i,
@@ -32216,14 +32230,14 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           overflow: "",
           onSelect: E[1] || (E[1] = (b) => o("select", b))
         }, null, 8, ["items", "model-value"]))
-      ], 12, r2)
-    ], 8, t2));
+      ], 12, i2)
+    ], 8, o2));
   }
-}), i2 = ["aria-label", "data-ui-sidebar-collapsed"], s2 = ["aria-expanded", "onClick"], l2 = {
+}), l2 = ["aria-label", "data-ui-sidebar-collapsed"], u2 = ["aria-expanded", "onClick"], c2 = {
   key: 1,
   "data-nav-group-label": "",
   class: "flex h-6 items-center px-[11px] text-[12px] font-bold text-[var(--ui-text-secondary)]"
-}, u2 = /* @__PURE__ */ V({
+}, d2 = /* @__PURE__ */ V({
   __name: "AppSidebar",
   props: {
     modelValue: {},
@@ -32286,7 +32300,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     function b(_) {
       _.disabled || (r("update:modelValue", _.key), r("select", _), w(_.key));
     }
-    return (_, P) => d(i) ? (g(), L(a2, {
+    return (_, P) => d(i) ? (g(), L(s2, {
       key: 0,
       groups: d(o).groups,
       "model-value": d(o).modelValue,
@@ -32299,7 +32313,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       "data-ui-sidebar-collapsed": d(a) ? "true" : void 0,
       "data-syno-pkg-land-ui": ""
     }, [
-      d(o).searchable && !d(a) ? (g(), L(Oz, {
+      d(o).searchable && !d(a) ? (g(), L($z, {
         key: 0,
         modelValue: s.value,
         "onUpdate:modelValue": P[0] || (P[0] = (k) => s.value = k),
@@ -32326,8 +32340,8 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "aria-hidden": "true"
           }, null, 8, ["class"]),
           Oe(" " + Q(k.label), 1)
-        ], 8, s2)) : k.label && !d(a) ? (g(), I("div", l2, Q(k.label), 1)) : j("", !0),
-        h($) ? (g(), L(YV, {
+        ], 8, u2)) : k.label && !d(a) ? (g(), I("div", c2, Q(k.label), 1)) : j("", !0),
+        h($) ? (g(), L(XV, {
           key: 2,
           items: T,
           "model-value": d(o).modelValue,
@@ -32339,7 +32353,7 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           onToggle: E
         }, null, 8, ["items", "model-value", "expanded-keys", "searching", "collapsed"])) : j("", !0)
       ], 2))), 128))
-    ], 8, i2));
+    ], 8, l2));
   }
 }), Zb = /* @__PURE__ */ V({
   __name: "CalloutRecall",
@@ -32359,13 +32373,13 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       _: 1
     }, 8, ["aria-label"]));
   }
-}), c2 = {
+}), f2 = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, d2 = { class: "min-w-0 flex-1" }, f2 = {
+}, p2 = { class: "min-w-0 flex-1" }, h2 = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-2"
-}, p2 = /* @__PURE__ */ V({
+}, m2 = /* @__PURE__ */ V({
   __name: "AppToolbar",
   props: {
     height: { default: "var(--ui-toolbar-height)" }
@@ -32378,20 +32392,20 @@ const pV = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       style: Ve({ minHeight: e.height }),
       "data-syno-pkg-land-ui": ""
     }, [
-      n.$slots.leading || d(t) ? (g(), I("div", c2, [
+      n.$slots.leading || d(t) ? (g(), I("div", f2, [
         z(n.$slots, "leading"),
         d(t) ? (g(), L(Zb, { key: 0 })) : j("", !0)
       ])) : j("", !0),
-      ae("div", d2, [
+      ae("div", p2, [
         z(n.$slots, "default")
       ]),
-      n.$slots.actions ? (g(), I("div", f2, [
+      n.$slots.actions ? (g(), I("div", h2, [
         z(n.$slots, "actions")
       ])) : j("", !0)
     ], 4));
   }
 }), Gb = /* @__PURE__ */ Symbol("syno-pkg-land-ui-page-sticky");
-function h2() {
+function v2() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ F(0);
   return We(Gb, {
     report(n, o) {
@@ -32399,7 +32413,7 @@ function h2() {
     }
   }), t;
 }
-function m2(e, t) {
+function g2(e, t) {
   const n = Re(Gb, null);
   if (!n) return;
   const o = {};
@@ -32413,15 +32427,15 @@ function m2(e, t) {
     l(), typeof ResizeObserver == "function" && (r = new ResizeObserver(l), r.observe(i));
   }, { flush: "post", immediate: !0 }), ze(a);
 }
-const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, b2 = ["title"], w2 = {
+const y2 = ["data-ui-title-in-bar"], b2 = { class: "min-w-0 flex-auto" }, w2 = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, _2 = ["title"], x2 = {
   key: 0,
   "data-ui-page-header-meta": "",
   class: "flex shrink-0 items-center gap-2 whitespace-nowrap [@media(pointer:coarse)]:min-h-[var(--ui-hit-min)]"
-}, _2 = ["title"], x2 = {
+}, S2 = ["title"], k2 = {
   key: 0,
   "data-ui-page-header-actions": "",
   class: "ml-auto flex max-w-full shrink-0 flex-wrap items-center justify-end gap-2 [&>*]:w-auto [&>*]:shrink-0"
-}, S2 = /* @__PURE__ */ V({
+}, C2 = /* @__PURE__ */ V({
   __name: "PageHeader",
   props: {
     title: {},
@@ -32429,8 +32443,8 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
     sticky: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, n = Vb(), o = Cn(), r = qe("root"), a = cV(r, () => t.title), i = Re(nb, void 0), s = C(() => t.sticky && !i?.value);
-    m2(r, () => s.value);
+    const t = e, n = Vb(), o = Cn(), r = qe("root"), a = fV(r, () => t.title), i = Re(nb, void 0), s = C(() => t.sticky && !i?.value);
+    g2(r, () => s.value);
     const l = C(() => a.value && !t.description && !o.meta && !n.value && !o.actions);
     return (c, u) => (g(), I("div", {
       ref_key: "root",
@@ -32440,13 +32454,13 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
       class: ce([s.value && "sticky top-0 z-[2] bg-[var(--ui-page-header-bg,var(--ui-surface))]", "flex flex-wrap items-start gap-x-[var(--ui-space-6)] gap-y-[var(--ui-space-2)] px-[var(--ui-page-padding-x)] pt-[var(--ui-page-padding-y)] pb-[var(--ui-space-3)]"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      ae("div", g2, [
-        ae("div", y2, [
+      ae("div", b2, [
+        ae("div", w2, [
           ae("h1", {
             class: ce([d(a) && "sr-only", "m-0 min-w-0 truncate text-[length:var(--ui-font-size-title)] [font-weight:var(--ui-heading-weight,600)] tracking-[-0.01em] text-[var(--ui-text)]"]),
             title: e.title
-          }, Q(e.title), 11, b2),
-          c.$slots.meta || d(n) ? (g(), I("div", w2, [
+          }, Q(e.title), 11, _2),
+          c.$slots.meta || d(n) ? (g(), I("div", x2, [
             d(n) ? (g(), L(Zb, { key: 0 })) : j("", !0),
             z(c.$slots, "meta")
           ])) : j("", !0)
@@ -32456,14 +32470,14 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
           "data-ui-page-header-description": "",
           class: "mt-1 max-w-3xl [contain:inline-size] text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text-secondary)]",
           title: e.description
-        }, Q(e.description), 9, _2)) : j("", !0)
+        }, Q(e.description), 9, S2)) : j("", !0)
       ]),
-      c.$slots.actions ? (g(), I("div", x2, [
+      c.$slots.actions ? (g(), I("div", k2, [
         z(c.$slots, "actions")
       ])) : j("", !0)
-    ], 10, v2));
+    ], 10, y2));
   }
-}), k2 = ["data-width", "data-height", "data-page-surface"], C2 = /* @__PURE__ */ V({
+}), E2 = ["data-width", "data-height", "data-page-surface"], A2 = /* @__PURE__ */ V({
   __name: "PageContent",
   props: {
     width: { default: "fill" },
@@ -32471,7 +32485,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
     height: { default: "auto" }
   },
   setup(e) {
-    const t = e, n = C(() => t.height === "fill"), o = h2(), r = C(() => {
+    const t = e, n = C(() => t.height === "fill"), o = v2(), r = C(() => {
       const i = {};
       return t.surface !== "none" && (i["--ui-page-gutter-x"] = "var(--ui-page-padding-x)"), o.value && (i["--ui-page-sticky-top"] = `${o.value}px`), Object.keys(i).length ? i : void 0;
     }), a = C(() => {
@@ -32496,20 +32510,20 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
       }, [
         z(i.$slots, "default")
       ], 6)
-    ], 14, k2));
+    ], 14, E2));
   }
-}), E2 = {
+}), P2 = {
   key: 0,
   class: "ui-section-tabs-actions",
   "data-ui-section-tabs-actions": ""
-}, A2 = ["aria-label"], P2 = {
+}, O2 = ["aria-label"], T2 = {
   key: 0,
   class: "ui-section-list-heading"
-}, O2 = { class: "ui-section-list-rows" }, T2 = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], $2 = { class: "ui-section-list-label" }, I2 = ["aria-label", "data-overflow-start", "data-overflow-end"], D2 = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], R2 = {
+}, $2 = { class: "ui-section-list-rows" }, I2 = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], D2 = { class: "ui-section-list-label" }, R2 = ["aria-label", "data-overflow-start", "data-overflow-end"], M2 = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], N2 = {
   key: 2,
   class: "ui-section-tabs-actions",
   "data-ui-section-tabs-actions": ""
-}, M2 = ["data-state", "data-ui-swapped"], N2 = ["data-ui-swapped"], L2 = /* @__PURE__ */ V({
+}, L2 = ["data-state", "data-ui-swapped"], F2 = ["data-ui-swapped"], z2 = /* @__PURE__ */ V({
   inheritAttrs: !1,
   __name: "SectionTabs",
   props: {
@@ -32558,7 +32572,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
         T && T.label === $.group ? T.items.push($) : k.push({ label: $.group, items: [$] });
       }
       return k;
-    }), y = /* @__PURE__ */ F(null), w = mz(y, () => r.items, () => r.modelValue), { overflowStart: x, overflowEnd: E } = Db(y, () => r.modelValue), b = SF(() => r.modelValue), _ = {
+    }), y = /* @__PURE__ */ F(null), w = gz(y, () => r.items, () => r.modelValue), { overflowStart: x, overflowEnd: E } = Db(y, () => r.modelValue), b = CF(() => r.modelValue), _ = {
       ArrowRight: (k, $) => (k + 1) % $,
       ArrowLeft: (k, $) => (k - 1 + $) % $,
       Home: () => 0,
@@ -32577,7 +32591,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
           class: "ui-section-list",
           "data-ui-section-list": ""
         }, [
-          k.$slots.actions ? (g(), I("div", E2, [
+          k.$slots.actions ? (g(), I("div", P2, [
             z(k.$slots, "actions")
           ])) : j("", !0),
           ae("nav", le({
@@ -32588,8 +32602,8 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
               key: A,
               class: "ui-section-list-group"
             }, [
-              T.label ? (g(), I("h3", P2, Q(T.label), 1)) : j("", !0),
-              ae("ul", O2, [
+              T.label ? (g(), I("h3", T2, Q(T.label), 1)) : j("", !0),
+              ae("ul", $2, [
                 (g(!0), I(ye, null, Be(T.items, (D) => (g(), I("li", {
                   key: D.value
                 }, [
@@ -32601,19 +32615,19 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
                     "aria-current": r.modelValue === D.value ? "page" : void 0,
                     onClick: (M) => u(D.value)
                   }, [
-                    ae("span", $2, Q(D.label), 1),
+                    ae("span", D2, Q(D.label), 1),
                     K(d(Da), {
                       class: "ui-section-list-chevron",
                       "aria-hidden": "true"
                     })
-                  ], 8, T2)
+                  ], 8, I2)
                 ]))), 128))
               ])
             ]))), 128))
-          ], 16, A2)
+          ], 16, O2)
         ], 512)) : (g(), L(ft(k.$slots.actions ? "div" : n), mt(le({ key: 1 }, k.$slots.actions ? { class: "ui-section-tabs-row", "data-ui-section-tabs-row": "", "data-syno-pkg-land-ui": "" } : {})), {
           default: R(() => [
-            s.value === "segment" ? (g(), L(wz, le({
+            s.value === "segment" ? (g(), L(xz, le({
               key: 0,
               class: "ui-section-tabs-segment",
               "model-value": r.modelValue,
@@ -32623,7 +32637,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
               "onUpdate:modelValue": $[0] || ($[0] = (T) => a("update:modelValue", T))
             }), {
               default: R(() => [
-                (g(!0), I(ye, null, Be(r.items, (T) => (g(), L(Ez, {
+                (g(!0), I(ye, null, Be(r.items, (T) => (g(), L(Pz, {
                   key: T.value,
                   class: "ui-section-tabs-segment-item",
                   value: T.value,
@@ -32659,20 +32673,20 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
                   r.modelValue === T.value ? "text-[var(--ui-primary)]" : "text-[var(--ui-text)] enabled:hover:bg-[var(--ui-surface-hover)] enabled:hover:text-[var(--ui-text)]"
                 ]),
                 onClick: (A) => a("update:modelValue", T.value)
-              }, Q(T.label), 11, D2))), 128)),
+              }, Q(T.label), 11, M2))), 128)),
               ae("span", {
                 class: "ui-tab-indicator",
                 style: Ve(d(w)),
                 "aria-hidden": "true"
               }, null, 4)
-            ], 16, I2)),
-            k.$slots.actions ? (g(), I("div", R2, [
+            ], 16, R2)),
+            k.$slots.actions ? (g(), I("div", N2, [
               z(k.$slots, "actions")
             ])) : j("", !0)
           ]),
           _: 3
         }, 16)),
-        (g(), L(ft(s.value === "list" ? $F : n), mt(xt(h.value)), {
+        (g(), L(ft(s.value === "list" ? DF : n), mt(xt(h.value)), {
           default: R(() => [
             r.keepMounted ? (g(!0), I(ye, { key: 0 }, Be(r.items, (T) => (g(), I(ye, {
               key: T.value
@@ -32685,7 +32699,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
                 "data-syno-pkg-land-ui": ""
               }, [
                 z(k.$slots, `panel-${T.value}`)
-              ], 8, M2)), [
+              ], 8, L2)), [
                 [Dr, r.modelValue === T.value]
               ]) : j("", !0)
             ], 64))), 128)) : k.$slots[`panel-${r.modelValue}`] ? (g(), I("div", {
@@ -32695,7 +32709,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
               "data-syno-pkg-land-ui": ""
             }, [
               z(k.$slots, `panel-${r.modelValue}`)
-            ], 8, N2)) : j("", !0)
+            ], 8, F2)) : j("", !0)
           ]),
           _: 3
         }, 16))
@@ -32703,7 +32717,7 @@ const v2 = ["data-ui-title-in-bar"], g2 = { class: "min-w-0 flex-auto" }, y2 = {
       _: 3
     }, 16));
   }
-}), F2 = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), z2 = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
+}), B2 = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), q2 = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
 function ws(e) {
   if (typeof e != "object" || e === null || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
@@ -32715,18 +32729,18 @@ function _s(e, t) {
 function ic(e, t, n) {
   e[t] = n;
 }
-function B2(e) {
+function V2(e) {
   return Reflect.ownKeys(e).filter((t) => _s(e, t) !== void 0);
 }
 function sc(e, t) {
   const n = { ...e };
-  for (const o of B2(t)) {
+  for (const o of V2(t)) {
     const r = _s(t, o), a = _s(n, o);
     ws(a) && ws(r) ? ic(n, o, sc(a, r)) : ic(n, o, r);
   }
   return n;
 }
-function q2(e) {
+function j2(e) {
   const t = {};
   for (const n of Reflect.ownKeys(e)) {
     const o = _s(e, n);
@@ -32735,15 +32749,15 @@ function q2(e) {
   return t;
 }
 function Yb(e, t, n = {}) {
-  const o = Re(z2, null), r = Re(F2, null);
+  const o = Re(q2, null), r = Re(B2, null);
   return C(() => {
     const a = [n, r?.value?.[e], o?.value?.[e]];
     let i = {};
     for (const s of a) s && (i = sc(i, s));
-    return sc(i, q2(t));
+    return sc(i, j2(t));
   });
 }
-const V2 = ["data-layout-direction"], j2 = "16px", U2 = /* @__PURE__ */ V({
+const U2 = ["data-layout-direction"], W2 = "16px", K2 = /* @__PURE__ */ V({
   __name: "Form",
   props: {
     rules: {},
@@ -32761,9 +32775,9 @@ const V2 = ["data-layout-direction"], j2 = "16px", U2 = /* @__PURE__ */ V({
       spacing: "auto",
       fieldWidth: tc,
       validateMessageDisplayMode: "popup"
-    }), s = qe("root"), l = $o(s), c = C(() => i.value.direction === "vertical" || i.value.direction === "auto" && l.value > 0 && l.value < qc ? "vertical" : "horizontal"), u = { none: 0, dense: 4, compact: 6, regular: 8, relaxed: 12 }, f = hz(), p = C(() => {
+    }), s = qe("root"), l = $o(s), c = C(() => i.value.direction === "vertical" || i.value.direction === "auto" && l.value > 0 && l.value < qc ? "vertical" : "horizontal"), u = { none: 0, dense: 4, compact: 6, regular: 8, relaxed: 12 }, f = vz(), p = C(() => {
       const U = i.value.spacing ?? "auto";
-      return typeof U == "number" ? `${U}px` : U === "auto" && f.value ? j2 : U === "auto" ? c.value === "horizontal" ? "var(--ui-field-gap)" : "calc(var(--ui-field-gap) + 2px)" : `${u[U]}px`;
+      return typeof U == "number" ? `${U}px` : U === "auto" && f.value ? W2 : U === "auto" ? c.value === "horizontal" ? "var(--ui-field-gap)" : "calc(var(--ui-field-gap) + 2px)" : `${u[U]}px`;
     }), h = C(() => ({
       display: "flex",
       flexDirection: "column",
@@ -32852,9 +32866,9 @@ const V2 = ["data-layout-direction"], j2 = "16px", U2 = /* @__PURE__ */ V({
       onSubmit: Et(q, ["prevent"])
     }, [
       z(U.$slots, "default")
-    ], 44, V2));
+    ], 44, U2));
   }
-}), W2 = "blur", K2 = {
+}), H2 = "blur", Z2 = {
   string: "Value must be a string",
   number: "Value must be a number",
   integer: "Value must be an integer",
@@ -32867,15 +32881,15 @@ const V2 = ["data-layout-direction"], j2 = "16px", U2 = /* @__PURE__ */ V({
 function lc(e) {
   return e ? Array.isArray(e) ? [...e] : [e] : [];
 }
-function H2(e, t) {
+function G2(e, t) {
   return e == null ? !0 : t === "array" || Array.isArray(e) ? Array.isArray(e) && e.length === 0 : typeof e == "string" ? e.trim() === "" : !1;
 }
-function Z2(e) {
+function Y2(e) {
   if (typeof e == "string" || Array.isArray(e)) return e.length;
   if (typeof e == "number") return e;
   if (e instanceof Date) return e.getTime();
 }
-function G2(e, t) {
+function J2(e, t) {
   switch (t) {
     case "string":
       return typeof e == "string";
@@ -32900,13 +32914,13 @@ function G2(e, t) {
       return e instanceof Date && !Number.isNaN(e.getTime());
   }
 }
-function Y2(e) {
+function X2(e) {
   return typeof e == "object" && e !== null && typeof e.then == "function";
 }
 function na(e, t) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : t("Value does not match the expected format");
 }
-async function J2(e, t, n) {
+async function Q2(e, t, n) {
   const o = e.validator ?? e.asyncValidator;
   if (!o) return null;
   let r = null, a = !1;
@@ -32919,7 +32933,7 @@ async function J2(e, t, n) {
   } catch (l) {
     return a ? r : na(l, n);
   }
-  if (Y2(s))
+  if (X2(s))
     try {
       const l = await s;
       a || (r = l === !0 || l === void 0 || l === null ? null : na(l, n));
@@ -32929,35 +32943,35 @@ async function J2(e, t, n) {
   else !a && s !== void 0 && s !== !0 && (r = s === !1 ? e.message ?? n("Value does not match the expected format") : na(s, n));
   return r;
 }
-async function X2(e, t, n) {
+async function ej(e, t, n) {
   const o = e.transform ? e.transform(t) : t;
-  if (H2(o, e.type))
+  if (G2(o, e.type))
     return e.required ? e.message ?? n("Value is required") : null;
-  if (e.type && !G2(o, e.type)) return e.message ?? n(K2[e.type]);
-  const r = Z2(o);
-  return e.len !== void 0 && r !== e.len ? e.message ?? n("Value must be exactly {len} characters", { len: e.len }) : e.min !== void 0 && r !== void 0 && r < e.min ? e.message ?? n("Value must be at least {min}", { min: e.min }) : e.max !== void 0 && r !== void 0 && r > e.max ? e.message ?? n("Value must be at most {max}", { max: e.max }) : e.pattern && (e.pattern.lastIndex = 0, !e.pattern.test(String(o))) ? e.message ?? n("Value does not match the expected format") : e.enum && !e.enum.includes(o) ? e.message ?? n("Value is not one of the allowed options") : J2(e, o, n);
+  if (e.type && !J2(o, e.type)) return e.message ?? n(Z2[e.type]);
+  const r = Y2(o);
+  return e.len !== void 0 && r !== e.len ? e.message ?? n("Value must be exactly {len} characters", { len: e.len }) : e.min !== void 0 && r !== void 0 && r < e.min ? e.message ?? n("Value must be at least {min}", { min: e.min }) : e.max !== void 0 && r !== void 0 && r > e.max ? e.message ?? n("Value must be at most {max}", { max: e.max }) : e.pattern && (e.pattern.lastIndex = 0, !e.pattern.test(String(o))) ? e.message ?? n("Value does not match the expected format") : e.enum && !e.enum.includes(o) ? e.message ?? n("Value is not one of the allowed options") : Q2(e, o, n);
 }
-function Q2(e, t) {
+function tj(e, t) {
   return e.trigger ? Array.isArray(e.trigger) ? e.trigger : [e.trigger] : [t];
 }
-async function ej(e, t, n = {}) {
-  const o = n.defaultTrigger ?? W2, r = n.trigger ?? null, a = n.text ?? ((i, s) => Rg("en", i, s));
+async function nj(e, t, n = {}) {
+  const o = n.defaultTrigger ?? H2, r = n.trigger ?? null, a = n.text ?? ((i, s) => Rg("en", i, s));
   for (const i of lc(t)) {
-    if (r !== null && !Q2(i, o).includes(r)) continue;
-    const s = await X2(i, e, a);
+    if (r !== null && !tj(i, o).includes(r)) continue;
+    const s = await ej(i, e, a);
     if (s) return s;
   }
   return null;
 }
-const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"], oj = {
+const oj = ["data-direction", "data-inset", "data-status"], rj = ["id", "for"], aj = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]",
   "aria-hidden": "true"
-}, rj = { class: "flex items-start gap-2" }, aj = {
+}, ij = { class: "flex items-start gap-2" }, sj = {
   key: 0,
   class: "flex min-h-[var(--ui-control-md)] shrink-0 items-center",
   "data-field-after": ""
-}, ij = ["id"], sj = ["id"], lj = /* @__PURE__ */ V({
+}, lj = ["id"], uj = ["id"], cj = /* @__PURE__ */ V({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -33045,12 +33059,12 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
     }), $e = C(() => {
       const G = s.value.validateMessageDisplayMode ?? "form";
       return G === "form" ? l?.validateMessageDisplayMode ?? "popup" : G;
-    }), Le = C(() => s.value.label !== !1 && (!!s.value.label || !!u.label)), tt = C(() => !!s.value.description || !!u.description), nt = C(() => {
+    }), Fe = C(() => s.value.label !== !1 && (!!s.value.label || !!u.label)), tt = C(() => !!s.value.description || !!u.description), nt = C(() => {
       const G = [];
       return tt.value && G.push(h.description), he.value && G.push(h.message), G.length ? G.join(" ") : void 0;
     }), Ke = C(() => {
       const G = _e.value === "vertical" ? { display: "flex", flexDirection: "column", gap: "var(--ui-space-1)" } : { display: "flex", alignItems: "flex-start", columnGap: "var(--ui-label-gap)" }, ue = s.value.indent ?? 0;
-      if (ue && (G.paddingLeft = typeof ue == "number" ? `${ue * 28}px` : ue), s.value.inset && !Le.value && _e.value === "horizontal") {
+      if (ue && (G.paddingLeft = typeof ue == "number" ? `${ue * 28}px` : ue), s.value.inset && !Fe.value && _e.value === "horizontal") {
         const Ce = `calc(${s.value.labelWidth ?? "var(--ui-label-column)"} + var(--ui-label-gap))`;
         G.paddingLeft = c ? `max(0px, calc(${Ce} - ${c.indent}))` : Ce;
       }
@@ -33081,7 +33095,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
       if (!ue.length) return null;
       const Ce = ++O;
       T.value = "validating", a("validating");
-      const Me = await ej(x.value, ue, {
+      const Me = await nj(x.value, ue, {
         trigger: G,
         defaultTrigger: s.value.defaultValidateTrigger,
         text: o
@@ -33138,7 +33152,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
       releaseControl: (G) => {
         v.value[0] === G && (m.value = h.control), v.value = v.value.filter((ue) => ue !== G);
       },
-      labelId: C(() => Le.value ? h.label : void 0),
+      labelId: C(() => Fe.value ? h.label : void 0),
       setControlId: (G) => {
         m.value = G;
       },
@@ -33202,7 +33216,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
       onFocusin: ue[3] || (ue[3] = (Ce) => $e.value === "popup" && se()),
       onFocusout: ue[4] || (ue[4] = (Ce) => $e.value === "popup" && fe())
     }, [
-      Le.value ? (g(), I("div", {
+      Fe.value ? (g(), I("div", {
         key: 0,
         "data-form-label": "",
         style: Ve(Ze.value),
@@ -33221,13 +33235,13 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
           z(G.$slots, "label", {}, () => [
             Oe(Q(d(s).label), 1)
           ]),
-          d(s).requiredMark ? (g(), I("span", oj, "*")) : j("", !0)
-        ], 8, nj)
+          d(s).requiredMark ? (g(), I("span", aj, "*")) : j("", !0)
+        ], 8, rj)
       ], 6)) : j("", !0),
       ae("div", {
         class: ce(["relative min-w-0 flex-1", d(s).disableControl ? "opacity-40" : void 0])
       }, [
-        ae("div", rj, [
+        ae("div", ij, [
           z(G.$slots, "before"),
           ae("div", {
             class: ce(["min-w-0 flex-1", d(s).textOnly && "py-1 break-words text-[length:var(--ui-font-size-control)] leading-5 text-[var(--ui-text)]"]),
@@ -33236,7 +33250,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
           }, [
             z(G.$slots, "default", { field: De })
           ], 6),
-          G.$slots.after ? (g(), I("div", aj, [
+          G.$slots.after ? (g(), I("div", sj, [
             z(G.$slots, "after", { classes: yt })
           ])) : j("", !0)
         ]),
@@ -33251,7 +33265,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
           z(G.$slots, "description", {}, () => [
             Oe(Q(d(s).description), 1)
           ])
-        ], 10, ij)) : j("", !0),
+        ], 10, lj)) : j("", !0),
         he.value ? (g(), I("div", {
           key: 1,
           id: h.message,
@@ -33261,9 +33275,9 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
           z(G.$slots, "status", { field: De }, () => [
             Oe(Q(he.value), 1)
           ])
-        ], 10, sj)) : j("", !0)
+        ], 10, uj)) : j("", !0)
       ], 2)
-    ], 46, tj));
+    ], 46, oj));
   }
 }), Jb = Fc(() => we({
   key: ee(),
@@ -33277,7 +33291,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
   label: ee(),
   value: ee(),
   disabled: Ne().optional()
-}), uj = uc.extend({
+}), dj = uc.extend({
   description: ee().optional()
 }), Bh = we({
   key: ee(),
@@ -33286,7 +33300,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
   /** Sets the alignment: DSM keeps every column left; number and date digits get one width. */
   type: Ue(["text", "number", "date", "actions"]).optional(),
   align: Ue(["left", "center", "right"]).optional()
-}), cj = {
+}), fj = {
   AppRoot: {
     props: we({
       modalScope: Ue(["document", "app"]).optional()
@@ -33431,7 +33445,7 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
   RadioGroup: {
     props: we({
       value: ee().optional(),
-      options: St(uj),
+      options: St(dj),
       orientation: Ue(["vertical", "horizontal"]).optional(),
       disabled: Ne().optional()
     }),
@@ -33617,21 +33631,21 @@ const tj = ["data-direction", "data-inset", "data-status"], nj = ["id", "for"],
     props: we({ text: ee().optional() }),
     description: "Centered loading state for a page or bounded region."
   }
-}, dj = _A(SA, {
-  components: cj,
+}, pj = _A(SA, {
+  components: fj,
   actions: {}
-}), fj = {
+}), hj = {
   none: "0",
   xs: "var(--ui-space-1)",
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, pj = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, hj = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function mj(e) {
+}, mj = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, vj = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function gj(e) {
   return { default: () => e };
 }
 function cc(e) {
-  return e ? gz(e) : void 0;
+  return e ? bz(e) : void 0;
 }
 function Xb(e) {
   return {
@@ -33640,27 +33654,27 @@ function Xb(e) {
     children: e.children?.map(Xb)
   };
 }
-function vj(e) {
+function yj(e) {
   return e.map((t) => ({ ...t, items: t.items.map(Xb) }));
 }
-const gj = {
-  AppRoot: ({ props: e, slots: t }) => ge(sV, { modalScope: e.modalScope }, t),
-  AppShell: ({ props: e, slots: t }) => ge(qV, {
+const bj = {
+  AppRoot: ({ props: e, slots: t }) => ge(uV, { modalScope: e.modalScope }, t),
+  AppShell: ({ props: e, slots: t }) => ge(jV, {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
     wideLayout: e.wideLayout,
     navigation: e.navigation
   }, t),
-  ResponsiveView: ({ props: e, slots: t }) => ge(VV, { mode: e.mode }, t),
-  Page: ({ props: e, slots: t }) => ge(C2, { width: e.width ?? "fill", surface: e.surface }, t),
-  PageHeader: ({ props: e, slots: t }) => ge(S2, e, t),
-  Toolbar: ({ props: e, slots: t }) => ge(p2, e, t),
+  ResponsiveView: ({ props: e, slots: t }) => ge(UV, { mode: e.mode }, t),
+  Page: ({ props: e, slots: t }) => ge(A2, { width: e.width ?? "fill", surface: e.surface }, t),
+  PageHeader: ({ props: e, slots: t }) => ge(C2, e, t),
+  Toolbar: ({ props: e, slots: t }) => ge(m2, e, t),
   SidebarNav: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = $n(e.value, t?.value);
-    return ge(u2, {
+    return ge(d2, {
       modelValue: o,
-      groups: vj(e.groups),
+      groups: yj(e.groups),
       searchable: e.searchable,
       collapsible: e.collapsible,
       searchPlaceholder: e.searchPlaceholder,
@@ -33671,7 +33685,7 @@ const gj = {
   },
   Tabs: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = $n(e.value, t?.value);
-    return ge(L2, {
+    return ge(z2, {
       modelValue: o ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
@@ -33685,9 +33699,9 @@ const gj = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: fj[e.gap ?? "md"],
-      alignItems: pj[e.align ?? "stretch"],
-      justifyContent: hj[e.justify ?? "start"],
+      gap: hj[e.gap ?? "md"],
+      alignItems: mj[e.align ?? "stretch"],
+      justifyContent: vj[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, t),
@@ -33725,7 +33739,7 @@ const gj = {
   },
   Select: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = $n(e.value, t?.value);
-    return ge(BL, {
+    return ge(VL, {
       modelValue: o,
       options: e.options,
       placeholder: e.placeholder,
@@ -33738,7 +33752,7 @@ const gj = {
   },
   Checkbox: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = $n(e.checked, t?.checked);
-    return ge(pL, {
+    return ge(mL, {
       modelValue: o ?? !1,
       label: e.label,
       description: e.description,
@@ -33750,7 +33764,7 @@ const gj = {
   },
   Switch: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = $n(e.checked, t?.checked);
-    return ge(vL, {
+    return ge(yL, {
       modelValue: o ?? !1,
       label: e.label,
       disabled: e.disabled,
@@ -33761,7 +33775,7 @@ const gj = {
   },
   RadioGroup: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = $n(e.value, t?.value);
-    return ge(wL, {
+    return ge(xL, {
       modelValue: o,
       options: e.options,
       orientation: e.orientation,
@@ -33771,12 +33785,12 @@ const gj = {
       }
     });
   },
-  Form: ({ props: e, slots: t, emit: n }) => ge(U2, {
+  Form: ({ props: e, slots: t, emit: n }) => ge(K2, {
     direction: e.direction,
     fieldWidth: e.fieldWidth,
     onSubmit: () => n("submit")
   }, t),
-  Field: ({ props: e, slots: t }) => ge(lj, {
+  Field: ({ props: e, slots: t }) => ge(cj, {
     label: e.label,
     description: e.description,
     help: e.help,
@@ -33786,7 +33800,7 @@ const gj = {
   }, t),
   SettingsSection: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, a] = $n(e.open, t?.open);
-    return ge(Yz, {
+    return ge(Xz, {
       title: e.title,
       collapsible: e.collapsible,
       open: r,
@@ -33795,7 +33809,7 @@ const gj = {
       }
     }, n);
   },
-  SettingsField: ({ props: e, slots: t }) => ge(Nz, {
+  SettingsField: ({ props: e, slots: t }) => ge(Fz, {
     label: e.label,
     description: e.description,
     required: e.required,
@@ -33805,7 +33819,7 @@ const gj = {
   Surface: ({ props: e, slots: t }) => ge(Tb, e, t),
   Card: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, a] = $n(e.expanded, t?.expanded);
-    return ge(zq, {
+    return ge(qq, {
       title: e.title,
       layoutType: e.layoutType,
       expandable: e.expandable,
@@ -33816,7 +33830,7 @@ const gj = {
       }
     }, n);
   },
-  Callout: ({ props: e, slots: t, emit: n }) => ge(EB, {
+  Callout: ({ props: e, slots: t, emit: n }) => ge(PB, {
     tone: e.tone,
     variant: e.variant,
     title: e.title,
@@ -33826,16 +33840,16 @@ const gj = {
     fill: e.fill,
     onClose: () => n("close")
   }, t),
-  EmptyState: ({ props: e, slots: t }) => ge(IB, {
+  EmptyState: ({ props: e, slots: t }) => ge(RB, {
     title: e.title,
     description: e.description,
     icon: cc(e.icon)
   }, t),
   Progress: ({ props: e }) => ge(Ab, e),
-  Badge: ({ props: e }) => ge(JL, { tone: e.tone }, mj(e.text)),
+  Badge: ({ props: e }) => ge(QL, { tone: e.tone }, gj(e.text)),
   Dialog: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, a] = $n(e.open, t?.open);
-    return ge(pz, {
+    return ge(mz, {
       open: r ?? !1,
       title: e.title,
       description: e.description,
@@ -33852,14 +33866,14 @@ const gj = {
     t.toolbar ? ge("div", { class: "mb-3 flex flex-wrap items-center gap-2" }, t.toolbar()) : null,
     ge(Ih, e)
   ]),
-  CellText: ({ props: e, emit: t }) => ge(yq, { ...e, onOpen: () => t("open") }),
-  CellStatus: ({ props: e }) => ge(Sq, e),
-  ListItem: ({ props: e, slots: t }) => ge(Rq, e, t),
+  CellText: ({ props: e, emit: t }) => ge(wq, { ...e, onOpen: () => t("open") }),
+  CellStatus: ({ props: e }) => ge(Cq, e),
+  ListItem: ({ props: e, slots: t }) => ge(Nq, e, t),
   InputGroup: ({ slots: e }) => ge(SO, null, e),
-  Loading: ({ props: e }) => ge(rF, { text: e.text })
-}, { registry: qh } = UA(dj, {
-  components: gj
-}), yj = /* @__PURE__ */ V({
+  Loading: ({ props: e }) => ge(iF, { text: e.text })
+}, { registry: qh } = UA(pj, {
+  components: bj
+}), wj = /* @__PURE__ */ V({
   __name: "SynoJsonRenderer",
   props: {
     spec: {},
@@ -33903,18 +33917,18 @@ function qi(e) {
   return t.overflowX && t.overflowX !== "visible" ? t.overflowX : t.overflow.split(" ")[0] || "visible";
 }
 const Qb = (e) => e.closest("[data-jr-key]")?.getAttribute("data-jr-key") ?? void 0;
-function bj(e, t) {
+function _j(e, t) {
   for (let n = e.parentElement; n && t.contains(n); n = n.parentElement)
     if (qi(n) !== "visible") return n;
 }
-function wj(e, t, n) {
+function xj(e, t, n) {
   if (e.closest("[inert]")) return;
   const o = e.getBoundingClientRect();
   if (o.width <= 1) return;
   const r = qi(e);
   if ((r === "hidden" || r === "clip") && e.scrollWidth > e.clientWidth + 1 && getComputedStyle(e).textOverflow !== "ellipsis")
     return { kind: "clipped_content", detail: `content is ${e.scrollWidth - e.clientWidth}px wider than its box and is cut off` };
-  const a = bj(e, t);
+  const a = _j(e, t);
   if (a) {
     if (qi(a) === "auto" || qi(a) === "scroll") return;
     const s = a.getBoundingClientRect(), l = Math.max(o.right - s.right, s.left - o.left), c = Qb(a);
@@ -33923,25 +33937,25 @@ function wj(e, t, n) {
   const i = Math.max(o.right - n, -o.left);
   return i > 1 ? { kind: "outside_viewport", detail: `extends ${Math.round(i)}px past the ${n}px viewport` } : void 0;
 }
-function _j(e, t) {
-  const n = [...e.querySelectorAll("*")].map((a) => ({ element: a, finding: wj(a, e, t) })).filter((a) => !!a.finding), o = n.filter((a) => !n.some((i) => i !== a && i.finding.kind === a.finding.kind && a.element.contains(i.element))), r = /* @__PURE__ */ new Map();
+function Sj(e, t) {
+  const n = [...e.querySelectorAll("*")].map((a) => ({ element: a, finding: xj(a, e, t) })).filter((a) => !!a.finding), o = n.filter((a) => !n.some((i) => i !== a && i.finding.kind === a.finding.kind && a.element.contains(i.element))), r = /* @__PURE__ */ new Map();
   for (const { element: a, finding: i } of o) {
     const s = Qb(a), l = `${i.kind}:${s ?? ""}`;
     r.has(l) || r.set(l, { ...i, key: s });
   }
   return [...r.values()];
 }
-function xj(e, t) {
+function kj(e, t) {
   const n = Object.hasOwn(e, t) ? e[t] : t.split(".").reduce((o, r) => o?.[r], e);
   return typeof n == "string" ? n : t;
 }
-const Sj = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
-async function kj() {
+const Cj = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+async function Ej() {
   const e = await (await fetch("/config.json")).json();
   GE();
-  const t = document.getElementById("app"), n = ({ key: o }) => xj(e.messages ?? {}, String(o));
+  const t = document.getElementById("app"), n = ({ key: o }) => kj(e.messages ?? {}, String(o));
   return M0({
-    render: () => ge(yj, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
-  }).mount(t), await Fe(), await document.fonts.ready, await Sj(), { issues: () => _j(t, innerWidth) };
+    render: () => ge(wj, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
+  }).mount(t), await Le(), await document.fonts.ready, await Cj(), { issues: () => Sj(t, innerWidth) };
 }
-window.synoPreview = kj();
+window.synoPreview = Ej();