@synopackageland/ui 0.17.14 → 0.17.15

package/dist/json-preview/preview.js

@@ -60,13 +60,13 @@ function iv(e) {
     }
   }), t;
 }
-function Q(e) {
+function Y(e) {
   let t = "";
   if (Ze(e))
     t = e;
   else if (ye(e))
     for (let n = 0; n < e.length; n++) {
-      const o = Q(e[n]);
+      const o = Y(e[n]);
       o && (t += o + " ");
     }
   else if (Be(e))
@@ -77,7 +77,7 @@ function Q(e) {
 function st(e) {
   if (!e) return null;
   let { class: t, style: n } = e;
-  return t && !Ze(t) && (e.class = Q(t)), n && (e.style = Ve(n)), e;
+  return t && !Ze(t) && (e.class = Y(t)), n && (e.style = Ve(n)), e;
 }
 const av = "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly", sv = /* @__PURE__ */ wl(av);
 function Gd(e) {
@@ -468,7 +468,7 @@ const Ti = /* @__PURE__ */ new WeakMap(), _o = /* @__PURE__ */ Symbol(
 ), Dr = /* @__PURE__ */ Symbol(
   ""
 );
-function _t(e, t, n) {
+function St(e, t, n) {
   if (Xt && je) {
     let o = Ti.get(e);
     o || Ti.set(e, o = /* @__PURE__ */ new Map());
@@ -515,10 +515,10 @@ function fv(e, t) {
 }
 function Mo(e) {
   const t = /* @__PURE__ */ Me(e);
-  return t === e || (_t(t, "iterate", Dr), /* @__PURE__ */ Lt(e)) ? t : /* @__PURE__ */ gn(e) ? /* @__PURE__ */ Yn(e) ? t.map((n) => Xn(Ut(n))) : t.map(Xn) : t.map(Ut);
+  return t === e || (St(t, "iterate", Dr), /* @__PURE__ */ Lt(e)) ? t : /* @__PURE__ */ gn(e) ? /* @__PURE__ */ Yn(e) ? t.map((n) => Xn(Ut(n))) : t.map(Xn) : t.map(Ut);
 }
 function ca(e) {
-  return _t(e = /* @__PURE__ */ Me(e), "iterate", Dr), e;
+  return St(e = /* @__PURE__ */ Me(e), "iterate", Dr), e;
 }
 function fn(e, t) {
   return /* @__PURE__ */ gn(e) ? Xn(/* @__PURE__ */ Yn(e) ? Ut(t) : t) : Ut(t);
@@ -669,7 +669,7 @@ function $u(e, t, n, o) {
 }
 function Za(e, t, n) {
   const o = /* @__PURE__ */ Me(e);
-  _t(o, "iterate", Dr);
+  St(o, "iterate", Dr);
   const r = o[t](...n);
   return (r === -1 || r === !1) && /* @__PURE__ */ pa(n[0]) ? (n[0] = /* @__PURE__ */ Me(n[0]), o[t](...n)) : r;
 }
@@ -684,7 +684,7 @@ const mv = /* @__PURE__ */ wl("__proto__,__v_isRef,__isVue"), uf = new Set(
 function vv(e) {
   Bt(e) || (e = String(e));
   const t = /* @__PURE__ */ Me(this);
-  return _t(t, "has", e), t.hasOwnProperty(e);
+  return St(t, "has", e), t.hasOwnProperty(e);
 }
 class cf {
   constructor(t = !1, n = !1) {
@@ -719,7 +719,7 @@ class cf {
       // its class methods
       /* @__PURE__ */ Ge(t) ? t : o
     );
-    if ((Bt(n) ? uf.has(n) : mv(n)) || (r || _t(t, "get", n), i))
+    if ((Bt(n) ? uf.has(n) : mv(n)) || (r || St(t, "get", n), i))
       return s;
     if (/* @__PURE__ */ Ge(s)) {
       const l = a && oa(n) ? s : s.value;
@@ -756,10 +756,10 @@ class df extends cf {
   }
   has(t, n) {
     const o = Reflect.has(t, n);
-    return (!Bt(n) || !uf.has(n)) && _t(t, "has", n), o;
+    return (!Bt(n) || !uf.has(n)) && St(t, "has", n), o;
   }
   ownKeys(t) {
-    return _t(
+    return St(
       t,
       "iterate",
       ye(t) ? "length" : _o
@@ -781,7 +781,7 @@ const gv = /* @__PURE__ */ new df(), yv = /* @__PURE__ */ new ff(), bv = /* @__P
 function _v(e, t, n) {
   return function(...o) {
     const r = this.__v_raw, i = /* @__PURE__ */ Me(r), a = Jn(i), s = e === "entries" || e === Symbol.iterator && a, l = e === "keys" && a, c = r[e](...o), u = n ? Cs : t ? Xn : Ut;
-    return !t && _t(
+    return !t && St(
       i,
       "iterate",
       l ? ks : _o
@@ -810,7 +810,7 @@ function Sv(e, t) {
   const n = {
     get(r) {
       const i = this.__v_raw, a = /* @__PURE__ */ Me(i), s = /* @__PURE__ */ Me(r);
-      e || (ht(r, s) && _t(a, "get", r), _t(a, "get", s));
+      e || (ht(r, s) && St(a, "get", r), St(a, "get", s));
       const { has: l } = ei(a), c = t ? Cs : e ? Xn : Ut;
       if (l.call(a, r))
         return c(i.get(r));
@@ -820,15 +820,15 @@ function Sv(e, t) {
     },
     get size() {
       const r = this.__v_raw;
-      return !e && _t(/* @__PURE__ */ Me(r), "iterate", _o), r.size;
+      return !e && St(/* @__PURE__ */ Me(r), "iterate", _o), r.size;
     },
     has(r) {
       const i = this.__v_raw, a = /* @__PURE__ */ Me(i), s = /* @__PURE__ */ Me(r);
-      return e || (ht(r, s) && _t(a, "has", r), _t(a, "has", s)), r === s ? i.has(r) : i.has(r) || i.has(s);
+      return e || (ht(r, s) && St(a, "has", r), St(a, "has", s)), r === s ? i.has(r) : i.has(r) || i.has(s);
     },
     forEach(r, i) {
       const a = this, s = a.__v_raw, l = /* @__PURE__ */ Me(s), c = t ? Cs : e ? Xn : Ut;
-      return !e && _t(l, "iterate", _o), s.forEach((u, d) => r.call(i, c(u), c(d), a));
+      return !e && St(l, "iterate", _o), s.forEach((u, d) => r.call(i, c(u), c(d), a));
     }
   };
   return ct(
@@ -1421,10 +1421,10 @@ function fo(e, t, n, o) {
   }
 }
 function Ke(e, t) {
-  if (St) {
-    let n = St.provides;
-    const o = St.parent && St.parent.provides;
-    o === n && (n = St.provides = Object.create(o)), n[e] = t;
+  if (xt) {
+    let n = xt.provides;
+    const o = xt.parent && xt.parent.provides;
+    o === n && (n = xt.provides = Object.create(o)), n[e] = t;
   }
 }
 function Le(e, t, n = !1) {
@@ -1471,7 +1471,7 @@ function Hr(e, t, n = Ie) {
       return h.stop = mn, h.resume = mn, h.pause = mn, h;
     }
   }
-  const u = St;
+  const u = xt;
   s.call = (h, m, v) => en(h, u, m, v);
   let d = !1;
   i === "post" ? s.scheduler = (h) => {
@@ -1555,11 +1555,11 @@ const Wn = /* @__PURE__ */ new WeakMap(), Of = /* @__PURE__ */ Symbol("_vte"), m
         return;
       }
       t.targetStart = e.targetStart;
-      const D = t.target = e.target, z = t.targetAnchor = e.targetAnchor, B = yo(e.props), Y = B ? n : D, se = B ? A : z;
+      const D = t.target = e.target, z = t.targetAnchor = e.targetAnchor, B = yo(e.props), X = B ? n : D, se = B ? A : z;
       if (a === "svg" || Iu(D) ? a = "svg" : (a === "mathml" || Ru(D)) && (a = "mathml"), P ? (f(
         e.dynamicChildren,
         P,
-        Y,
+        X,
         r,
         i,
         a,
@@ -1567,7 +1567,7 @@ const Wn = /* @__PURE__ */ new WeakMap(), Of = /* @__PURE__ */ Symbol("_vte"), m
       ), Ml(e, t, !0)) : l || d(
         e,
         t,
-        Y,
+        X,
         se,
         r,
         i,
@@ -1843,7 +1843,7 @@ function Jv(e, t) {
 function Yv(e, t) {
   If(e, "da", t);
 }
-function If(e, t, n = St) {
+function If(e, t, n = xt) {
   const o = e.__wdc || (e.__wdc = () => {
     let r = n;
     for (; r; ) {
@@ -1871,7 +1871,7 @@ function Xv(e, t, n, o) {
     _l(o[t], r);
   }, n);
 }
-function va(e, t, n = St, o = !1) {
+function va(e, t, n = xt, o = !1) {
   if (n) {
     const r = n[e] || (n[e] = []), i = t.__weh || (t.__weh = (...a) => {
       Rn();
@@ -1881,7 +1881,7 @@ function va(e, t, n = St, o = !1) {
     return o ? r.unshift(i) : r.push(i), i;
   }
 }
-const Ln = (e) => (t, n = St) => {
+const Ln = (e) => (t, n = xt) => {
   (!Lr || e === "sp") && va(e, (...o) => t(...o), n);
 }, Qv = Ln("bm"), Je = Ln("m"), Rf = Ln(
   "bu"
@@ -1890,7 +1890,7 @@ const Ln = (e) => (t, n = St) => {
 ), on = Ln("um"), eg = Ln(
   "sp"
 ), tg = Ln("rtg"), ng = Ln("rtc");
-function Nf(e, t = St) {
+function Nf(e, t = xt) {
   va("ec", e, t);
 }
 const Df = "components";
@@ -1898,11 +1898,11 @@ function Mf(e, t) {
   return Ff(Df, e, !0, t) || e;
 }
 const zf = /* @__PURE__ */ Symbol.for("v-ndc");
-function kt(e) {
+function _t(e) {
   return Ze(e) ? Ff(Df, e, !1) || e : e || zf;
 }
 function Ff(e, t, n = !0, o = !1) {
-  const r = yt || St;
+  const r = yt || xt;
   if (r) {
     const i = r.type;
     {
@@ -2061,7 +2061,7 @@ const Os = (e) => e ? sp(e) ? ya(e) : Os(e.parent) : null, $r = (
     const c = $r[t];
     let u, d;
     if (c)
-      return t === "$attrs" && _t(e.attrs, "get", ""), c(e);
+      return t === "$attrs" && St(e.attrs, "get", ""), c(e);
     if (
       // css module (injected by vue-loader)
       (u = s.__cssModules) && (u = u[t])
@@ -2150,7 +2150,7 @@ function ig(e) {
     expose: z,
     inheritAttrs: B,
     // assets
-    components: Y,
+    components: X,
     directives: se,
     filters: fe
   } = t;
@@ -2200,7 +2200,7 @@ function ig(e) {
         });
       });
     } else e.exposed || (e.exposed = {});
-  x && e.render === mn && (e.render = x), B != null && (e.inheritAttrs = B), Y && (e.components = Y), se && (e.directives = se), D && Tf(e);
+  x && e.render === mn && (e.render = x), B != null && (e.inheritAttrs = B), X && (e.components = X), se && (e.directives = se), D && Tf(e);
 }
 function ag(e, t, n = mn) {
   ye(e) && (e = Ts(e));
@@ -2862,7 +2862,7 @@ function Pg(e, t) {
     nextSibling: f,
     setScopeId: h = mn,
     insertStaticContent: m
-  } = e, v = (S, E, F, G = null, U = null, j = null, X = void 0, ee = null, J = !!E.dynamicChildren) => {
+  } = e, v = (S, E, F, G = null, U = null, j = null, Q = void 0, ee = null, J = !!E.dynamicChildren) => {
     if (S === E)
       return;
     S && !vr(S, E) && (G = pe(S), Re(S, U, j, !0), S = null), E.patchFlag === -2 && (J = !1, E.dynamicChildren = null), E.dynamicChildren && S && S.dynamicChildren && S.dynamicChildren.hasOnce && (E.dynamicChildren === bo && (E.dynamicChildren = []), E.dynamicChildren.hasOnce = !0);
@@ -2875,17 +2875,17 @@ function Pg(e, t) {
         w(S, E, F, G);
         break;
       case Ya:
-        S == null && _(E, F, G, X);
+        S == null && _(E, F, G, Q);
         break;
       case Se:
-        Y(
+        X(
           S,
           E,
           F,
           G,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         );
@@ -2898,7 +2898,7 @@ function Pg(e, t) {
           G,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         ) : ie & 6 ? se(
@@ -2908,7 +2908,7 @@ function Pg(e, t) {
           G,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         ) : (ie & 64 || ie & 128) && W.process(
@@ -2918,7 +2918,7 @@ function Pg(e, t) {
           G,
           U,
           j,
-          X,
+          Q,
           ee,
           J,
           et
@@ -2961,15 +2961,15 @@ function Pg(e, t) {
     for (; S && S !== E; )
       F = f(S), r(S), S = F;
     r(E);
-  }, x = (S, E, F, G, U, j, X, ee, J) => {
-    if (E.type === "svg" ? X = "svg" : E.type === "math" && (X = "mathml"), S == null)
+  }, x = (S, E, F, G, U, j, Q, ee, J) => {
+    if (E.type === "svg" ? Q = "svg" : E.type === "math" && (Q = "mathml"), S == null)
       k(
         E,
         F,
         G,
         U,
         j,
-        X,
+        Q,
         ee,
         J
       );
@@ -2981,7 +2981,7 @@ function Pg(e, t) {
           E,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         );
@@ -2989,7 +2989,7 @@ function Pg(e, t) {
         W && W._endPatch();
       }
     }
-  }, k = (S, E, F, G, U, j, X, ee) => {
+  }, k = (S, E, F, G, U, j, Q, ee) => {
     let J, W;
     const { props: ge, shapeFlag: ie, transition: me, dirs: we } = S;
     if (J = S.el = a(
@@ -3004,9 +3004,9 @@ function Pg(e, t) {
       G,
       U,
       Ja(S, j),
-      X,
+      Q,
       ee
-    ), we && fo(S, null, G, "created"), A(J, S, S.scopeId, X, G), ge) {
+    ), we && fo(S, null, G, "created"), A(J, S, S.scopeId, Q, G), ge) {
       for (const H in ge)
         H !== "value" && !Cr(H) && i(J, H, null, ge[H], j, G);
       "value" in ge && i(J, "value", null, ge.value, j), (W = ge.onVnodeBeforeMount) && un(W, G, S);
@@ -3023,17 +3023,17 @@ function Pg(e, t) {
     if (U) {
       let j = U.subTree;
       if (E === j || rp(j.type) && (j.ssContent === E || j.ssFallback === E)) {
-        const X = U.vnode;
+        const Q = U.vnode;
         A(
           S,
-          X,
-          X.scopeId,
-          X.slotScopeIds,
+          Q,
+          Q.scopeId,
+          Q.slotScopeIds,
           U.parent
         );
       }
     }
-  }, T = (S, E, F, G, U, j, X, ee, J = 0) => {
+  }, T = (S, E, F, G, U, j, Q, ee, J = 0) => {
     for (let W = J; W < S.length; W++) {
       const ge = S[W] = ee ? Cn(S[W]) : pn(S[W]);
       v(
@@ -3044,11 +3044,11 @@ function Pg(e, t) {
         G,
         U,
         j,
-        X,
+        Q,
         ee
       );
     }
-  }, D = (S, E, F, G, U, j, X) => {
+  }, D = (S, E, F, G, U, j, Q) => {
     const ee = E.el = S.el;
     let { patchFlag: J, dynamicChildren: W, dirs: ge } = E;
     J |= S.patchFlag & 16;
@@ -3056,7 +3056,7 @@ function Pg(e, t) {
     let we;
     if (F && po(F, !1), (we = me.onVnodeBeforeUpdate) && un(we, F, E, S), ge && fo(E, S, F, "beforeUpdate"), F && po(F, !0), // #6385 the old vnode may be a user-wrapped non-isomorphic block
     // Force full diff when block metadata is unstable.
-    W && (!S.dynamicChildren || S.dynamicChildren.length !== W.length) && (J = 0, X = !1, W = null), (ie.innerHTML && me.innerHTML == null || ie.textContent && me.textContent == null) && u(ee, ""), W ? z(
+    W && (!S.dynamicChildren || S.dynamicChildren.length !== W.length) && (J = 0, Q = !1, W = null), (ie.innerHTML && me.innerHTML == null || ie.textContent && me.textContent == null) && u(ee, ""), W ? z(
       S.dynamicChildren,
       W,
       ee,
@@ -3064,7 +3064,7 @@ function Pg(e, t) {
       G,
       Ja(E, U),
       j
-    ) : X || ve(
+    ) : Q || ve(
       S,
       E,
       ee,
@@ -3085,11 +3085,11 @@ function Pg(e, t) {
         }
       }
       J & 1 && S.children !== E.children && u(ee, E.children);
-    } else !X && W == null && B(ee, ie, me, F, U);
+    } else !Q && W == null && B(ee, ie, me, F, U);
     ((we = me.onVnodeUpdated) || ge) && Et(() => {
       we && un(we, F, E, S), ge && fo(E, S, F, "updated");
     }, G);
-  }, z = (S, E, F, G, U, j, X) => {
+  }, z = (S, E, F, G, U, j, Q) => {
     for (let ee = 0; ee < E.length; ee++) {
       const J = S[ee], W = E[ee], ge = (
         // oldVNode may be an errored async setup() component inside Suspense
@@ -3113,7 +3113,7 @@ function Pg(e, t) {
         G,
         U,
         j,
-        X,
+        Q,
         !0
       );
     }
@@ -3131,12 +3131,12 @@ function Pg(e, t) {
           );
       for (const j in F) {
         if (Cr(j)) continue;
-        const X = F[j], ee = E[j];
-        X !== ee && j !== "value" && i(S, j, ee, X, U, G);
+        const Q = F[j], ee = E[j];
+        Q !== ee && j !== "value" && i(S, j, ee, Q, U, G);
       }
       "value" in F && i(S, "value", E.value, F.value, U);
     }
-  }, Y = (S, E, F, G, U, j, X, ee, J) => {
+  }, X = (S, E, F, G, U, j, Q, ee, J) => {
     const W = E.el = S ? S.el : s(""), ge = E.anchor = S ? S.anchor : s("");
     let { patchFlag: ie, dynamicChildren: me, slotScopeIds: we } = E;
     we && (ee = ee ? ee.concat(we) : we), S == null ? (o(W, F, G), o(ge, F, G), T(
@@ -3149,7 +3149,7 @@ function Pg(e, t) {
       ge,
       U,
       j,
-      X,
+      Q,
       ee,
       J
     )) : ie > 0 && ie & 64 && me && // #2715 the previous fragment could've been a BAILed one as a result
@@ -3160,7 +3160,7 @@ function Pg(e, t) {
       F,
       U,
       j,
-      X,
+      Q,
       ee
     ), // #2080 if the stable fragment has a key, it's a <template v-for> that may
     //  get moved around. Make sure all root level vnodes inherit el.
@@ -3178,16 +3178,16 @@ function Pg(e, t) {
       ge,
       U,
       j,
-      X,
+      Q,
       ee,
       J
     );
-  }, se = (S, E, F, G, U, j, X, ee, J) => {
+  }, se = (S, E, F, G, U, j, Q, ee, J) => {
     E.slotScopeIds = ee, S == null ? E.shapeFlag & 512 ? U.ctx.activate(
       E,
       F,
       G,
-      X,
+      Q,
       J
     ) : fe(
       E,
@@ -3195,17 +3195,17 @@ function Pg(e, t) {
       G,
       U,
       j,
-      X,
+      Q,
       J
     ) : Z(S, E, J);
-  }, fe = (S, E, F, G, U, j, X) => {
+  }, fe = (S, E, F, G, U, j, Q) => {
     const ee = S.component = Rg(
       S,
       G,
       U
     );
-    if (Tl(S) && (ee.ctx.renderer = et), Ng(ee, !1, X), ee.asyncDep) {
-      if (U && U.registerDep(ee, re, X), !S.el) {
+    if (Tl(S) && (ee.ctx.renderer = et), Ng(ee, !1, Q), ee.asyncDep) {
+      if (U && U.registerDep(ee, re, Q), !S.el) {
         const J = ee.subTree = K(Wt);
         w(null, J, E, F), S.placeholder = J.el;
       }
@@ -3217,7 +3217,7 @@ function Pg(e, t) {
         F,
         U,
         j,
-        X
+        Q
       );
   }, Z = (S, E, F) => {
     const G = E.component = S.component;
@@ -3229,14 +3229,14 @@ function Pg(e, t) {
         G.next = E, G.update();
     else
       E.el = S.el, G.vnode = E;
-  }, re = (S, E, F, G, U, j, X) => {
+  }, re = (S, E, F, G, U, j, Q) => {
     const ee = () => {
       if (S.isMounted) {
         let { next: ie, bu: me, u: we, parent: Ae, vnode: H } = S;
         {
           const sn = np(S);
           if (sn) {
-            ie && (ie.el = H.el, le(S, ie, X)), sn.asyncDep.then(() => {
+            ie && (ie.el = H.el, le(S, ie, Q)), sn.asyncDep.then(() => {
               Et(() => {
                 S.isUnmounted || W();
               }, U);
@@ -3245,7 +3245,7 @@ function Pg(e, t) {
           }
         }
         let ue = ie, Ee;
-        po(S, !1), ie ? (ie.el = H.el, le(S, ie, X)) : ie = H, me && Si(me), (Ee = ie.props && ie.props.onVnodeBeforeUpdate) && un(Ee, Ae, ie, H), po(S, !0);
+        po(S, !1), ie ? (ie.el = H.el, le(S, ie, Q)) : ie = H, me && Si(me), (Ee = ie.props && ie.props.onVnodeBeforeUpdate) && un(Ee, Ae, ie, H), po(S, !0);
         const De = Bu(S), an = S.subTree;
         S.subTree = De, v(
           an,
@@ -3300,7 +3300,7 @@ function Pg(e, t) {
     E.component = S;
     const G = S.vnode.props;
     S.vnode = E, S.next = null, wg(S, E.props, G, F), kg(S, E.children, F), Rn(), Tu(S), Nn();
-  }, ve = (S, E, F, G, U, j, X, ee, J = !1) => {
+  }, ve = (S, E, F, G, U, j, Q, ee, J = !1) => {
     const W = S && S.children, ge = S ? S.shapeFlag : 0, ie = E.children, { patchFlag: me, shapeFlag: we } = E;
     if (me > 0) {
       if (me & 128) {
@@ -3311,7 +3311,7 @@ function Pg(e, t) {
           G,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         );
@@ -3324,7 +3324,7 @@ function Pg(e, t) {
           G,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         );
@@ -3338,7 +3338,7 @@ function Pg(e, t) {
       G,
       U,
       j,
-      X,
+      Q,
       ee,
       J
     ) : zt(W, U, j, !0) : (ge & 8 && u(F, ""), we & 16 && T(
@@ -3347,11 +3347,11 @@ function Pg(e, t) {
       G,
       U,
       j,
-      X,
+      Q,
       ee,
       J
     ));
-  }, $e = (S, E, F, G, U, j, X, ee, J) => {
+  }, $e = (S, E, F, G, U, j, Q, ee, J) => {
     S = S || bo, E = E || bo;
     const W = S.length, ge = E.length, ie = Math.min(W, ge);
     let me;
@@ -3364,7 +3364,7 @@ function Pg(e, t) {
         null,
         U,
         j,
-        X,
+        Q,
         ee,
         J
       );
@@ -3382,12 +3382,12 @@ function Pg(e, t) {
       G,
       U,
       j,
-      X,
+      Q,
       ee,
       J,
       ie
     );
-  }, xe = (S, E, F, G, U, j, X, ee, J) => {
+  }, xe = (S, E, F, G, U, j, Q, ee, J) => {
     let W = 0;
     const ge = E.length;
     let ie = S.length - 1, me = ge - 1;
@@ -3401,7 +3401,7 @@ function Pg(e, t) {
           null,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         );
@@ -3419,7 +3419,7 @@ function Pg(e, t) {
           null,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         );
@@ -3438,7 +3438,7 @@ function Pg(e, t) {
             Ae,
             U,
             j,
-            X,
+            Q,
             ee,
             J
           ), W++;
@@ -3479,7 +3479,7 @@ function Pg(e, t) {
           null,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         ), Ee++);
@@ -3497,14 +3497,14 @@ function Pg(e, t) {
           ku,
           U,
           j,
-          X,
+          Q,
           ee,
           J
         ) : an && (ue < 0 || W !== Su[ue] ? ke(ln, F, ku, 2) : ue--);
       }
     }
   }, ke = (S, E, F, G, U = null) => {
-    const { el: j, type: X, transition: ee, children: J, shapeFlag: W } = S;
+    const { el: j, type: Q, transition: ee, children: J, shapeFlag: W } = S;
     if (W & 6) {
       ke(S.component.subTree, E, F, G);
       return;
@@ -3514,17 +3514,17 @@ function Pg(e, t) {
       return;
     }
     if (W & 64) {
-      X.move(S, E, F, et);
+      Q.move(S, E, F, et);
       return;
     }
-    if (X === Se) {
+    if (Q === Se) {
       o(j, E, F);
       for (let ie = 0; ie < J.length; ie++)
         ke(J[ie], E, F, G);
       o(S.anchor, E, F);
       return;
     }
-    if (X === Ya) {
+    if (Q === Ya) {
       P(S, E, F);
       return;
     }
@@ -3550,7 +3550,7 @@ function Pg(e, t) {
   }, Re = (S, E, F, G = !1, U = !1) => {
     const {
       type: j,
-      props: X,
+      props: Q,
       ref: ee,
       children: J,
       dynamicChildren: W,
@@ -3566,7 +3566,7 @@ function Pg(e, t) {
     }
     const H = ge & 1 && me, ue = !Ko(S);
     let Ee;
-    if (ue && (Ee = X && X.onVnodeBeforeUnmount) && un(Ee, E, S), ge & 6)
+    if (ue && (Ee = Q && Q.onVnodeBeforeUnmount) && un(Ee, E, S), ge & 6)
       rn(S.component, F, G);
     else {
       if (ge & 128) {
@@ -3594,7 +3594,7 @@ function Pg(e, t) {
       ) : (j === Se && ie & 384 || !U && ge & 16) && zt(J, E, F), G && ft(S);
     }
     const De = Ae != null && we == null;
-    (ue && (Ee = X && X.onVnodeUnmounted) || H || De) && Et(() => {
+    (ue && (Ee = Q && Q.onVnodeUnmounted) || H || De) && Et(() => {
       Ee && un(Ee, E, S), H && fo(S, null, E, "unmounted"), De && (S.el = null);
     }, F);
   }, ft = (S) => {
@@ -3611,7 +3611,7 @@ function Pg(e, t) {
       r(F), U && !U.persisted && U.afterLeave && U.afterLeave();
     };
     if (S.shapeFlag & 1 && U && !U.persisted) {
-      const { leave: X, delayLeave: ee } = U, J = () => X(F, j);
+      const { leave: Q, delayLeave: ee } = U, J = () => Q(F, j);
       ee ? ee(S.el, j, J) : J();
     } else
       j();
@@ -3621,13 +3621,13 @@ function Pg(e, t) {
       F = f(S), r(S), S = F;
     r(E);
   }, rn = (S, E, F) => {
-    const { bum: G, scope: U, job: j, subTree: X, um: ee, m: J, a: W } = S;
-    Uu(J), Uu(W), G && Si(G), U.stop(), j ? (j.flags |= 8, Re(X, S, E, F)) : S.vnode.el && X && (X.transition = S.vnode.transition, Re(X, S, E, F)), ee && Et(ee, E), Et(() => {
+    const { bum: G, scope: U, job: j, subTree: Q, um: ee, m: J, a: W } = S;
+    Uu(J), Uu(W), G && Si(G), U.stop(), j ? (j.flags |= 8, Re(Q, S, E, F)) : S.vnode.el && Q && (Q.transition = S.vnode.transition, Re(Q, S, E, F)), ee && Et(ee, E), Et(() => {
       S.isUnmounted = !0;
     }, E);
   }, zt = (S, E, F, G = !1, U = !1, j = 0) => {
-    for (let X = j; X < S.length; X++)
-      Re(S[X], E, F, G, U);
+    for (let Q = j; Q < S.length; Q++)
+      Re(S[Q], E, F, G, U);
   }, pe = (S) => {
     if (S.shapeFlag & 6)
       return pe(S.component.subTree);
@@ -3829,7 +3829,7 @@ function $g(e, t = null, n = null, o = 0, r = null, i = !1) {
   if (Fg(e) && (e = e.__vccOpts), t) {
     t = dt(t);
     let { class: s, style: l } = t;
-    s && !Ze(s) && (t.class = Q(s)), Be(l) && (/* @__PURE__ */ pa(l) && !ye(l) && (l = ct({}, l)), t.style = Ve(l));
+    s && !Ze(s) && (t.class = Y(s)), Be(l) && (/* @__PURE__ */ pa(l) && !ye(l) && (l = ct({}, l)), t.style = Ve(l));
   }
   const a = Ze(e) ? 1 : rp(e) ? 128 : ma(e) ? 64 : Be(e) ? 4 : _e(e) ? 2 : 0;
   return ne(
@@ -3947,7 +3947,7 @@ function oe(...e) {
     const o = e[n];
     for (const r in o)
       if (r === "class")
-        t.class !== o.class && (t.class = Q([t.class, o.class]));
+        t.class !== o.class && (t.class = Y([t.class, o.class]));
       else if (r === "style")
         t.style = Ve([t.style, o.style]);
       else if (ta(r)) {
@@ -4046,8 +4046,8 @@ function Rg(e, t, n) {
   };
   return i.ctx = { _: i }, i.root = t ? t.root : i, i.emit = pg.bind(null, i), e.ce && e.ce(i), i;
 }
-let St = null;
-const Nt = () => St || yt;
+let xt = null;
+const Nt = () => xt || yt;
 let qi, qr;
 {
   const e = aa(), t = (n, o) => {
@@ -4058,19 +4058,19 @@ let qi, qr;
   };
   qi = t(
     "__VUE_INSTANCE_SETTERS__",
-    (n) => St = n
+    (n) => xt = n
   ), qr = t(
     "__VUE_SSR_SETTERS__",
     (n) => Lr = n
   );
 }
 const Jr = (e) => {
-  const t = St;
+  const t = xt;
   return qi(e), e.scope.on(), () => {
     e.scope.off(), qi(t);
   };
 }, Wu = () => {
-  St && St.scope.off(), qi(null);
+  xt && xt.scope.off(), qi(null);
 };
 function sp(e) {
   return e.vnode.shapeFlag & 4;
@@ -4134,7 +4134,7 @@ function lp(e, t, n) {
 }
 const Mg = {
   get(e, t) {
-    return _t(e, "get", ""), e[t];
+    return St(e, "get", ""), e[t];
   }
 };
 function up(e) {
@@ -4527,7 +4527,7 @@ const cy = {
   middle: (e) => "button" in e && e.button !== 1,
   right: (e) => "button" in e && e.button !== 2,
   exact: (e, t) => dy.some((n) => e[`${n}Key`] && !t.includes(n))
-}, xt = (e, t) => {
+}, kt = (e, t) => {
   if (!e) return e;
   const n = e._withMods || (e._withMods = {}), o = t.join(".");
   return n[o] || (n[o] = ((r, ...i) => {
@@ -6134,8 +6134,8 @@ const Ww = /* @__PURE__ */ q("$ZodObject", (e, t) => {
     for (const x of m.allKeys) {
       if (x === "__proto__")
         continue;
-      const k = P[x], A = typeof x == "symbol" ? `syms[${v.indexOf(x)}]` : ky(x), T = `${A} in input`, D = h[x], z = D?._zod?.optin, B = z !== void 0, Y = D?._zod?.optout === "optional";
-      if (g.write(`const ${k} = ${w(A)};`), B && Y) {
+      const k = P[x], A = typeof x == "symbol" ? `syms[${v.indexOf(x)}]` : ky(x), T = `${A} in input`, D = h[x], z = D?._zod?.optin, B = z !== void 0, X = D?._zod?.optout === "optional";
+      if (g.write(`const ${k} = ${w(A)};`), B && X) {
         const se = z === "optional" ? `${k}_present` : `${k}.value !== undefined || ${k}_present`;
         g.write(`
         const ${k}_present = ${T};
@@ -9866,8 +9866,8 @@ Note: state patches appear right after the elements that use them, so the UI fil
     }
     a.push("");
   }
-  const D = e.data.actions, z = e.schema.builtInActions ?? [], B = D && e.actionNames.length > 0, Y = z.length > 0;
-  if (B || Y) {
+  const D = e.data.actions, z = e.schema.builtInActions ?? [], B = D && e.actionNames.length > 0, X = z.length > 0;
+  if (B || X) {
     a.push("AVAILABLE ACTIONS:"), a.push("");
     for (const xe of z)
       a.push(`- ${xe.name}: ${xe.description} [built-in]`);
@@ -9981,7 +9981,7 @@ Note: state patches appear right after the elements that use them, so the UI fil
     "IMPORTANT: When using checks, the component must also have a { $bindState } or { $bindItem } on its value/checked prop for two-way binding."
   ), a.push(
     "Always include validation checks on form inputs for a good user experience (e.g. required, email, minLength)."
-  ), a.push("")), (B || Y) && (a.push("STATE WATCHERS:"), a.push(
+  ), a.push("")), (B || X) && (a.push("STATE WATCHERS:"), a.push(
     "Elements can have an optional `watch` field to react to state changes and trigger actions. The `watch` field is a top-level field on the element (sibling of type/props/children), NOT inside props."
   ), a.push(
     "Maps state paths (JSON Pointers) to action bindings. When the value at a watched path changes, the bound actions fire automatically."
@@ -11109,27 +11109,27 @@ var Ql = /* @__PURE__ */ N({
             `[json-render] Unknown slot "${B}" on component "${_.type}". Available slots: ${b.slots.join(", ")}`
           );
       }
-      const x = (z, B) => z.map((Y) => {
-        const se = e.spec.elements[Y];
+      const x = (z, B) => z.map((X) => {
+        const se = e.spec.elements[X];
         if (!se) {
           if (!e.loading) {
             const fe = B ? `in slot "${B}" of "${_.type}"` : `as child of "${_.type}"`;
             console.warn(
-              `[json-render] Missing element "${Y}" referenced ${fe}. This element will not render.`
+              `[json-render] Missing element "${X}" referenced ${fe}. This element will not render.`
             );
           }
           return null;
         }
         return ae(Ql, {
-          key: Y,
+          key: X,
           element: se,
-          elementKey: Y,
+          elementKey: X,
           spec: e.spec,
           registry: e.registry,
           loading: e.loading,
           fallback: e.fallback
         });
-      }).filter((Y) => Y !== null), k = _.repeat ? ae(_k, {
+      }).filter((X) => X !== null), k = _.repeat ? ae(_k, {
         element: _,
         spec: e.spec,
         registry: e.registry,
@@ -13516,7 +13516,7 @@ const Tk = ["aria-label"], Oh = /* @__PURE__ */ N({
       "--ui-spin-stroke": n.inline ? Math.max(2, 32 / Math.max(1, n.size)) : Math.max(2, 36 / Math.max(1, n.size))
     }));
     return (r, i) => (y(), O("span", {
-      class: Q(["ui-spin", { "ui-spin-inline": p(n).inline }]),
+      class: Y(["ui-spin", { "ui-spin-inline": p(n).inline }]),
       role: "status",
       "aria-label": p(n).label,
       style: Ve(o.value),
@@ -13613,7 +13613,7 @@ const zk = ["type", "disabled", "data-disabled", "data-loading", "data-kind", "d
       ref_key: "buttonEl",
       ref: l,
       type: e.type,
-      class: Q(h.value),
+      class: Y(h.value),
       disabled: p(n) || i.value,
       "data-disabled": p(n) || void 0,
       "data-loading": i.value || void 0,
@@ -13630,7 +13630,7 @@ const zk = ["type", "disabled", "data-disabled", "data-loading", "data-kind", "d
       ne("span", {
         ref_key: "labelEl",
         ref: s,
-        class: Q(["min-w-0 truncate [&>svg]:inline-block [&>svg]:shrink-0 [&>svg]:align-middle", !c.value && "[&>svg:first-child]:mr-2 [&>svg:not(:first-child)]:ml-2"]),
+        class: Y(["min-w-0 truncate [&>svg]:inline-block [&>svg]:shrink-0 [&>svg]:align-middle", !c.value && "[&>svg:first-child]:mr-2 [&>svg:not(:first-child)]:ml-2"]),
         "data-icon-only": c.value || void 0
       }, [
         I(m.$slots, "default")
@@ -13787,7 +13787,7 @@ const Yk = ({
     attributes: m
   });
   return ae("svg", D, [
-    ...z.map(([B, Y]) => ae(B, Y)),
+    ...z.map(([B, X]) => ae(B, X)),
     ...T ?? []
   ]);
 };
@@ -14000,7 +14000,7 @@ const CC = {
       "data-syno-pkg-land-ui": ""
     }), [
       ne("span", {
-        class: Q(["relative inline-flex min-w-0 items-center", n.type === "number" ? "shrink-0" : "flex-1"])
+        class: Y(["relative inline-flex min-w-0 items-center", n.type === "number" ? "shrink-0" : "flex-1"])
       }, [
         ne("input", oe(p(f)(), {
           value: e.modelValue,
@@ -14038,7 +14038,7 @@ const CC = {
       s.value ? (y(), O("span", {
         key: 0,
         "data-ui-input-unit": "",
-        class: Q(["shrink-0 whitespace-nowrap text-[13px] leading-5", p(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text)]"])
+        class: Y(["shrink-0 whitespace-nowrap text-[13px] leading-5", p(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text)]"])
       }, [
         I(g.$slots, "unit", {}, () => [
           Ne(te(e.unit), 1)
@@ -16199,7 +16199,7 @@ var HP = /* @__PURE__ */ N({
       "as-child": r.asChild,
       "data-state": p(n).open.value ? "open" : "closed",
       style: { "pointer-events": "auto" },
-      onPointerdown: i[0] || (i[0] = xt(() => {
+      onPointerdown: i[0] || (i[0] = kt(() => {
       }, [
         "left",
         "self",
@@ -16962,7 +16962,7 @@ const F1 = 50, q1 = async (e, t, n) => {
     }, h = pu(r), m = fu(h), v = await a.getDimensions(c), g = h === "y", w = g ? "top" : "left", _ = g ? "bottom" : "right", P = g ? "clientHeight" : "clientWidth", b = i.reference[m] + i.reference[h] - f[h] - i.floating[m], x = f[h] - i.reference[h], k = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
     let A = k ? k[P] : 0;
     (!A || !await (a.isElement == null ? void 0 : a.isElement(k))) && (A = s.floating[P] || i.floating[m]);
-    const T = b / 2 - x / 2, D = A / 2 - v[m] / 2 - 1, z = oo(d[w], D), B = oo(d[_], D), Y = A - v[m] - B, se = A / 2 - v[m] / 2 + T, fe = Yh(z, se, Y), Z = !l.arrow && fr(r) != null && se !== fe && i.reference[m] / 2 - (se < z ? z : B) - v[m] / 2 < 0, re = Z ? se < z ? se - z : se - Y : 0;
+    const T = b / 2 - x / 2, D = A / 2 - v[m] / 2 - 1, z = oo(d[w], D), B = oo(d[_], D), X = A - v[m] - B, se = A / 2 - v[m] / 2 + T, fe = Yh(z, se, X), Z = !l.arrow && fr(r) != null && se !== fe && i.reference[m] / 2 - (se < z ? z : B) - v[m] / 2 < 0, re = Z ? se < z ? se - z : se - X : 0;
     return {
       [h]: f[h] + re,
       data: {
@@ -17011,7 +17011,7 @@ const F1 = 50, q1 = async (e, t, n) => {
         placement: r,
         overflows: D
       }], !D.every((fe) => fe <= 0)) {
-        var B, Y;
+        var B, X;
         const fe = (((B = i.flip) == null ? void 0 : B.index) || 0) + 1, Z = A[fe];
         if (Z && (!(d === "alignment" ? _ !== hn(Z) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
@@ -17025,7 +17025,7 @@ const F1 = 50, q1 = async (e, t, n) => {
               placement: Z
             }
           };
-        let re = (Y = z.filter((le) => le.overflows[0] <= 0).sort((le, ve) => le.overflows[1] - ve.overflows[1])[0]) == null ? void 0 : Y.placement;
+        let re = (X = z.filter((le) => le.overflows[0] <= 0).sort((le, ve) => le.overflows[1] - ve.overflows[1])[0]) == null ? void 0 : X.placement;
         if (!re)
           switch (h) {
             case "bestFit": {
@@ -17913,7 +17913,7 @@ const CA = ["dir"], sm = {
   positionStrategy: "fixed",
   updatePositionStrategy: "optimized",
   prioritizePosition: !1
-}, [ID, PA] = /* @__PURE__ */ He("PopperContent");
+}, [RD, PA] = /* @__PURE__ */ He("PopperContent");
 var AA = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "PopperContent",
@@ -18080,11 +18080,11 @@ var AA = /* @__PURE__ */ N({
     Rt(() => {
       s.value && (B.value = window.getComputedStyle(s.value).zIndex);
     });
-    const Y = C(() => A.value.arrow?.x ?? 0), se = C(() => A.value.arrow?.y ?? 0);
+    const X = C(() => A.value.arrow?.x ?? 0), se = C(() => A.value.arrow?.y ?? 0);
     return PA({
       placedSide: T,
       onArrowChange: (fe) => u.value = fe,
-      arrowX: Y,
+      arrowX: X,
       arrowY: se,
       shouldHideArrow: z
     }), (fe, Z) => (y(), O("div", {
@@ -18439,7 +18439,7 @@ var MA = /* @__PURE__ */ N({
     return DA({
       disabled: l,
       state: u
-    }), (g, w) => (y(), O(Se, null, [(y(), R(kt(p(a)?.rovingFocus.value ? p(um) : p(Pe)), oe({
+    }), (g, w) => (y(), O(Se, null, [(y(), R(_t(p(a)?.rovingFocus.value ? p(um) : p(Pe)), oe({
       ...g.$attrs,
       ...p(h)
     }, {
@@ -18456,7 +18456,7 @@ var MA = /* @__PURE__ */ N({
       "data-disabled": l.value ? "" : void 0,
       disabled: l.value,
       focusable: p(a)?.rovingFocus.value ? !l.value : void 0,
-      onKeydown: ba(xt(() => {
+      onKeydown: ba(kt(() => {
       }, ["prevent"]), ["enter"]),
       onClick: d
     }), {
@@ -18783,7 +18783,7 @@ var ZA = /* @__PURE__ */ N({
       const ft = [...Re.map((pt) => pt.ref)];
       Zh.includes(Z.key) && ft.reverse(), Qs(ft);
     }
-    function Y(Z) {
+    function X(Z) {
       Z?.currentTarget?.contains?.(Z.target) || (window.clearTimeout(u.value), c.value = "");
     }
     function se(Z) {
@@ -18866,7 +18866,7 @@ var ZA = /* @__PURE__ */ N({
             "hide-when-detached": Z.hideWhenDetached,
             reference: Z.reference,
             onKeydown: B,
-            onBlur: Y,
+            onBlur: X,
             onPointermove: se,
             onPointerenter: fe
           }, {
@@ -19208,7 +19208,7 @@ var YA = /* @__PURE__ */ N({
       "disable-outside-pointer-events": p(i).open.value,
       "disable-outside-scroll": !0,
       onDismiss: c[0] || (c[0] = (u) => p(i).onOpenChange(!1)),
-      onFocusOutside: c[1] || (c[1] = xt((u) => o("focusOutside", u), ["prevent"]))
+      onFocusOutside: c[1] || (c[1] = kt((u) => o("focusOutside", u), ["prevent"]))
     }), {
       default: $(() => [I(l.$slots, "default")]),
       _: 3
@@ -19452,7 +19452,7 @@ var YA = /* @__PURE__ */ N({
     }, 8, ["present"]));
   }
 }), aE = iE;
-const [RD, sE] = /* @__PURE__ */ He("MenuGroup");
+const [ND, sE] = /* @__PURE__ */ He("MenuGroup");
 var lE = /* @__PURE__ */ N({
   __name: "MenuGroup",
   props: {
@@ -19739,10 +19739,10 @@ var _E = /* @__PURE__ */ N({
         "disable-outside-pointer-events": !1,
         "disable-outside-scroll": !1,
         "trap-focus": !1,
-        onOpenAutoFocus: f[0] || (f[0] = xt((h) => {
+        onOpenAutoFocus: f[0] || (f[0] = kt((h) => {
           p(a).isUsingKeyboardRef.value && p(u)?.focus();
         }, ["prevent"])),
-        onCloseAutoFocus: f[1] || (f[1] = xt(() => {
+        onCloseAutoFocus: f[1] || (f[1] = kt(() => {
         }, ["prevent"])),
         onFocusOutside: f[2] || (f[2] = (h) => {
           if (h.defaultPrevented) return;
@@ -20565,7 +20565,7 @@ var eO = /* @__PURE__ */ N({
     }, {
       ...p(c),
       ...f.$attrs
-    }, { onClick: xt(d, ["stop"]) }), {
+    }, { onClick: kt(d, ["stop"]) }), {
       default: $(() => [I(f.$slots, "default", { checked: p(r) })]),
       _: 3
     }, 16, [
@@ -20787,7 +20787,7 @@ var lO = /* @__PURE__ */ N({
         disabled: s.value,
         "onUpdate:checked": v[0] || (v[0] = (g) => p(a).changeModelValue(m.value)),
         onSelect: v[1] || (v[1] = (g) => o("select", g)),
-        onKeydown: v[2] || (v[2] = ba(xt(() => {
+        onKeydown: v[2] || (v[2] = ba(kt(() => {
         }, ["prevent"]), ["enter"])),
         onFocus: f
       }), {
@@ -21346,8 +21346,8 @@ var xO = /* @__PURE__ */ N({
       ].includes(A.key)) {
         let z = [...s().map((B) => B.ref)];
         if (["ArrowUp", "End"].includes(A.key) && (z = z.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(A.key)) {
-          const B = A.target, Y = z.indexOf(B);
-          z = z.slice(Y + 1);
+          const B = A.target, X = z.indexOf(B);
+          z = z.slice(X + 1);
         }
         setTimeout(() => Qs(z)), A.preventDefault();
       }
@@ -21383,7 +21383,7 @@ var xO = /* @__PURE__ */ N({
     }), (A, T) => (y(), R(p(a), null, {
       default: $(() => [K(p(au), {
         "as-child": "",
-        onMountAutoFocus: T[6] || (T[6] = xt(() => {
+        onMountAutoFocus: T[6] || (T[6] = kt(() => {
         }, ["prevent"])),
         onUnmountAutoFocus: T[7] || (T[7] = (D) => {
           o("closeAutoFocus", D), !D.defaultPrevented && (i ? i.restoreFocus(p(r).triggerElement.value) : p(r).triggerElement.value?.focus({ preventScroll: !0 }), D.preventDefault());
@@ -21392,13 +21392,13 @@ var xO = /* @__PURE__ */ N({
         default: $(() => [K(p($a), {
           "as-child": "",
           "disable-outside-pointer-events": A.disableOutsidePointerEvents,
-          onFocusOutside: T[2] || (T[2] = xt(() => {
+          onFocusOutside: T[2] || (T[2] = kt(() => {
           }, ["prevent"])),
           onDismiss: T[3] || (T[3] = (D) => p(r).onOpenChange(!1)),
           onEscapeKeyDown: T[4] || (T[4] = (D) => o("escapeKeyDown", D)),
           onPointerDownOutside: T[5] || (T[5] = (D) => o("pointerDownOutside", D))
         }, {
-          default: $(() => [(y(), R(kt(A.position === "popper" ? _O : EO), oe({
+          default: $(() => [(y(), R(_t(A.position === "popper" ? _O : EO), oe({
             ...A.$attrs,
             ...p(k)
           }, {
@@ -21416,7 +21416,7 @@ var xO = /* @__PURE__ */ N({
               flexDirection: "column",
               outline: "none"
             },
-            onContextmenu: T[0] || (T[0] = xt(() => {
+            onContextmenu: T[0] || (T[0] = kt(() => {
             }, ["prevent"])),
             onPlaced: T[1] || (T[1] = (D) => m.value = !0),
             onKeydown: b
@@ -21464,7 +21464,7 @@ var AO = /* @__PURE__ */ N({
           const pe = b.right - k.right, Fe = window.innerWidth - x.right - pe, rt = window.innerWidth - P.right - Fe, et = P.width + rt, Do = Math.max(et, b.width), S = window.innerWidth - Ht, E = id(Fe, Ht, Math.max(Ht, S - Do));
           c.value.style.minWidth = `${et}px`, c.value.style.right = `${E}px`;
         }
-        const A = r().map((pe) => pe.ref), T = window.innerHeight - Ht * 2, D = f.value.scrollHeight, z = window.getComputedStyle(d.value), B = Number.parseInt(z.borderTopWidth, 10), Y = Number.parseInt(z.paddingTop, 10), se = Number.parseInt(z.borderBottomWidth, 10), fe = Number.parseInt(z.paddingBottom, 10), Z = B + Y + D + fe + se, re = Math.min(h.value.offsetHeight * 5, Z), le = window.getComputedStyle(f.value), ve = Number.parseInt(le.paddingTop, 10), $e = Number.parseInt(le.paddingBottom, 10), xe = P.top + P.height / 2 - Ht, ke = T - xe, Re = h.value.offsetHeight / 2, ft = h.value.offsetTop + Re, pt = B + Y + ft, rn = Z - pt;
+        const A = r().map((pe) => pe.ref), T = window.innerHeight - Ht * 2, D = f.value.scrollHeight, z = window.getComputedStyle(d.value), B = Number.parseInt(z.borderTopWidth, 10), X = Number.parseInt(z.paddingTop, 10), se = Number.parseInt(z.borderBottomWidth, 10), fe = Number.parseInt(z.paddingBottom, 10), Z = B + X + D + fe + se, re = Math.min(h.value.offsetHeight * 5, Z), le = window.getComputedStyle(f.value), ve = Number.parseInt(le.paddingTop, 10), $e = Number.parseInt(le.paddingBottom, 10), xe = P.top + P.height / 2 - Ht, ke = T - xe, Re = h.value.offsetHeight / 2, ft = h.value.offsetTop + Re, pt = B + X + ft, rn = Z - pt;
         if (pt <= xe) {
           const pe = h.value === A.at(-1);
           c.value.style.bottom = "0px";
@@ -21797,7 +21797,7 @@ var BO = /* @__PURE__ */ N({
         onPointerdown: x[2] || (x[2] = (k) => {
           k.currentTarget.focus({ preventScroll: !0 });
         }),
-        onTouchend: x[3] || (x[3] = xt(() => {
+        onTouchend: x[3] || (x[3] = kt(() => {
         }, ["prevent", "stop"])),
         onPointermove: w,
         onPointerleave: _,
@@ -22001,7 +22001,7 @@ var BO = /* @__PURE__ */ N({
         onClick: g,
         onPointerdown: m,
         onMousedown: v,
-        onPointerup: _[0] || (_[0] = xt((P) => {
+        onPointerup: _[0] || (_[0] = kt((P) => {
           P.pointerType === "touch" && d(P);
         }, ["prevent"])),
         onKeydown: _[1] || (_[1] = (P) => {
@@ -22224,7 +22224,7 @@ var i$ = /* @__PURE__ */ N({
       ...h.$attrs
     }, {
       onClick: s,
-      onKeydown: ba(xt(s, ["prevent"]), ["enter"])
+      onKeydown: ba(kt(s, ["prevent"]), ["enter"])
     }), {
       default: $(() => [I(h.$slots, "default", {
         modelValue: p(i),
@@ -22535,7 +22535,7 @@ var f$ = /* @__PURE__ */ N({
       onPointerDownOutside: f[1] || (f[1] = (h) => {
         p(i).disableClosingTrigger.value && p(i).trigger.value?.contains(h.target) && h.preventDefault(), r("pointerDownOutside", h);
       }),
-      onFocusOutside: f[2] || (f[2] = xt(() => {
+      onFocusOutside: f[2] || (f[2] = kt(() => {
       }, ["prevent"])),
       onDismiss: f[3] || (f[3] = (h) => p(i).onClose())
     }, {
@@ -22717,7 +22717,7 @@ var f$ = /* @__PURE__ */ N({
   setup(e, { emit: t }) {
     const n = e, o = t, r = Va(), i = Vn(n, o), { forwardRef: a } = be();
     return (s, l) => (y(), R(p(jn), { present: s.forceMount || p(r).open.value }, {
-      default: $(() => [(y(), R(kt(p(r).disableHoverableContent.value ? km : m$), oe({ ref: p(a) }, p(i)), {
+      default: $(() => [(y(), R(_t(p(r).disableHoverableContent.value ? km : m$), oe({ ref: p(a) }, p(i)), {
         default: $(() => [I(s.$slots, "default")]),
         _: 3
       }, 16))]),
@@ -22889,13 +22889,13 @@ const b$ = ["for"], w$ = {
       u.value ? (y(), O("label", {
         key: 0,
         for: c.value,
-        class: Q(["ui-checkbox-text min-w-0 break-words font-normal [overflow-wrap:anywhere]", p(o) ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
+        class: Y(["ui-checkbox-text min-w-0 break-words font-normal [overflow-wrap:anywhere]", p(o) ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
       }, [
         n.label ? (y(), O("span", w$, te(n.label), 1)) : L("", !0),
         n.description ? (y(), O("span", {
           key: 1,
           "data-ui-checkbox-description": "",
-          class: Q(["mt-0.5 block text-[12px] leading-4", p(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
+          class: Y(["mt-0.5 block text-[12px] leading-4", p(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
         }, te(n.description), 3)) : L("", !0)
       ], 10, b$)) : L("", !0)
     ], 16));
@@ -22940,7 +22940,7 @@ const b$ = ["for"], w$ = {
         n.description || l.$slots.description ? (y(), O("span", {
           key: 1,
           "data-ui-switch-description": "",
-          class: Q(["mt-0.5 block text-[12px] leading-4", p(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
+          class: Y(["mt-0.5 block text-[12px] leading-4", p(o) ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
         }, [
           I(l.$slots, "description", {}, () => [
             Ne(te(n.description), 1)
@@ -22949,14 +22949,20 @@ const b$ = ["for"], w$ = {
       ])) : L("", !0)
     ], 16));
   }
-}), C$ = { class: "min-w-0 break-words" }, P$ = { class: "block leading-[var(--ui-line-height)]" }, A$ = /* @__PURE__ */ N({
+}), C$ = ["data-ui-choice-card", "data-state", "data-disabled"], P$ = { class: "min-w-0 flex-1 break-words" }, A$ = {
+  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"
+}, E$ = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
     modelValue: {},
     options: {},
     orientation: { default: "vertical" },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "default" }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
@@ -22967,7 +22973,8 @@ const b$ = ["for"], w$ = {
       "model-value": n.modelValue,
       disabled: p(o),
       orientation: n.orientation,
-      class: n.orientation === "horizontal" ? "flex flex-wrap gap-x-[var(--ui-choice-inline-gap)] gap-y-2.5" : "grid gap-[var(--ui-choice-stack-gap)]",
+      class: n.variant === "card" ? n.orientation === "horizontal" ? "grid grid-cols-[repeat(auto-fit,minmax(min(100%,180px),1fr))] gap-[var(--ui-space-3)]" : "grid gap-[var(--ui-space-2)]" : n.orientation === "horizontal" ? "flex flex-wrap gap-x-[var(--ui-choice-inline-gap)] gap-y-2.5" : "grid gap-[var(--ui-choice-stack-gap)]",
+      "data-variant": n.variant,
       "data-syno-pkg-land-ui": "",
       "onUpdate:modelValue": c[0] || (c[0] = (u) => {
         p(s)(u), r("update:modelValue", String(u ?? ""));
@@ -22976,7 +22983,13 @@ const b$ = ["for"], w$ = {
       default: $(() => [
         (y(!0), O(Se, null, nt(n.options, (u) => (y(), O("label", {
           key: u.value,
-          class: Q(["flex min-w-0 items-start gap-[var(--ui-choice-box-gap)] text-[13px] [@media(pointer:coarse)]:min-h-8 [@media(pointer:coarse)]:items-center text-[var(--ui-text)]", p(o) || u.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
+          class: Y(["flex min-w-0 items-start gap-[var(--ui-choice-box-gap)] text-[13px] text-[var(--ui-text)]", [
+            p(o) || u.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer",
+            n.variant === "card" ? "ui-choice-card relative rounded-[var(--ui-radius-lg)] border p-[var(--ui-space-3)] transition-[border-color,background-color,box-shadow] duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)]" : "[@media(pointer:coarse)]:min-h-8 [@media(pointer:coarse)]:items-center"
+          ]]),
+          "data-ui-choice-card": n.variant === "card" ? "" : void 0,
+          "data-state": n.variant === "card" ? n.modelValue === u.value ? "checked" : "unchecked" : void 0,
+          "data-disabled": n.variant === "card" && (p(o) || u.disabled) ? "" : void 0
         }, [
           K(p(uO), {
             value: u.value,
@@ -22988,32 +23001,37 @@ const b$ = ["for"], w$ = {
             ]),
             _: 1
           }, 8, ["value", "disabled"]),
-          ne("span", C$, [
-            ne("span", P$, te(u.label), 1),
+          ne("span", P$, [
+            n.variant === "card" && u.icon ? (y(), O("span", A$, [
+              (y(), R(_t(u.icon), { class: "size-[18px]" }))
+            ])) : L("", !0),
+            ne("span", {
+              class: Y(["block leading-[var(--ui-line-height)]", n.variant === "card" ? "font-semibold" : ""])
+            }, te(u.label), 3),
             u.description ? (y(), O("span", {
-              key: 0,
-              class: Q(["mt-0.5 block text-[12px] leading-4", p(o) || u.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
+              key: 1,
+              class: Y(["mt-0.5 block text-[12px] leading-4", p(o) || u.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
             }, te(u.description), 3)) : L("", !0)
           ])
-        ], 2))), 128))
+        ], 10, C$))), 128))
       ]),
       _: 1
-    }, 16, ["required", "model-value", "disabled", "orientation", "class"]));
+    }, 16, ["required", "model-value", "disabled", "orientation", "class", "data-variant"]));
   }
 });
-function E$(e) {
+function O$(e) {
   return typeof e == "object" && e !== null && Array.isArray(e.options);
 }
-function O$(e) {
+function $$(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
 function il(e) {
-  return e ? Array.isArray(e) ? e.length === 0 ? [] : E$(e[0]) ? e.map((t, n) => ({
+  return e ? Array.isArray(e) ? e.length === 0 ? [] : O$(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 }] : O$(e) ? Object.entries(e).map(([t, n]) => ({
+  })) : [{ key: "options", label: void 0, indent: !0, options: e }] : $$(e) ? Object.entries(e).map(([t, n]) => ({
     key: t,
     label: n.label,
     indent: n.indent !== !1,
@@ -23023,7 +23041,7 @@ function il(e) {
 function Od(e) {
   return e.flatMap((t) => t.options);
 }
-function $$(e, t, n) {
+function T$(e, t, n) {
   const o = t.trim();
   if (!o) return e;
   const r = n ? o : o.toLowerCase();
@@ -23032,10 +23050,10 @@ function $$(e, t, n) {
     options: i.options.filter((a) => (n ? a.label : a.label.toLowerCase()).includes(r))
   })).filter((i) => i.options.length > 0);
 }
-function T$(e) {
+function I$(e) {
   const t = C(() => il(e.options())), n = /* @__PURE__ */ M(null), o = /* @__PURE__ */ M(!1);
   let r = 0;
-  const i = C(() => typeof e.search() == "function"), a = C(() => e.query.value.trim()), s = C(() => a.value.length >= Math.max(1, e.minSearchChar())), l = C(() => i.value ? s.value ? n.value ?? [] : t.value : e.search() === !0 && s.value ? $$(t.value, a.value, e.caseSensitive()) : t.value);
+  const i = C(() => typeof e.search() == "function"), a = C(() => e.query.value.trim()), s = C(() => a.value.length >= Math.max(1, e.minSearchChar())), l = C(() => i.value ? s.value ? n.value ?? [] : t.value : e.search() === !0 && s.value ? T$(t.value, a.value, e.caseSensitive()) : t.value);
   return de([a, i], async () => {
     const c = e.search();
     if (typeof c != "function" || !s.value) {
@@ -23056,18 +23074,18 @@ function T$(e) {
     }
   }), { baseGroups: t, groups: l, searching: o };
 }
-const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
+const R$ = { key: 0 }, N$ = { key: 1 }, D$ = { key: 2 }, M$ = {
   key: 0,
   class: "mb-1 border-b border-[var(--ui-border-subtle)] pb-1"
-}, M$ = ["placeholder", "aria-label"], z$ = {
+}, z$ = ["placeholder", "aria-label"], F$ = {
   key: 1,
   class: "px-2.5 py-2 text-[13px] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, F$ = { class: "min-w-0 truncate" }, q$ = {
+}, q$ = { class: "min-w-0 truncate" }, L$ = {
   key: 0,
   class: "px-2.5 py-2 text-[13px] text-[var(--ui-text-muted)]",
   "aria-live": "polite"
-}, L$ = /* @__PURE__ */ N({
+}, B$ = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "Select",
   props: {
@@ -23084,7 +23102,7 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = $o(() => r.disabled), r = so(n, { placeholder: "Select…", searchPlaceholder: "Search…", notFoundText: "No results", loadingText: "Loading…" }), i = t, a = /* @__PURE__ */ M(""), s = /* @__PURE__ */ M(!1), l = Xe("searchInput"), c = Xe("trigger"), u = Xe("viewport"), d = C(() => r.search !== !1), f = /* @__PURE__ */ M(!1), { groups: h, searching: m } = T$({
+    const n = e, o = $o(() => r.disabled), r = so(n, { placeholder: "Select…", searchPlaceholder: "Search…", notFoundText: "No results", loadingText: "Loading…" }), i = t, a = /* @__PURE__ */ M(""), s = /* @__PURE__ */ M(!1), l = Xe("searchInput"), c = Xe("trigger"), u = Xe("viewport"), d = C(() => r.search !== !1), f = /* @__PURE__ */ M(!1), { groups: h, searching: m } = I$({
       options: () => r.options,
       search: () => r.search,
       query: a,
@@ -23147,7 +23165,7 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
                 placeholder: p(r).placeholder
               }, {
                 default: $(({ selectedLabel: z }) => [
-                  z.length ? (y(), O("span", I$, te(z.join(", ")), 1)) : g.value ? (y(), O("span", R$, te(g.value), 1)) : (y(), O("span", N$, te(p(r).placeholder), 1))
+                  z.length ? (y(), O("span", R$, te(z.join(", ")), 1)) : g.value ? (y(), O("span", N$, te(g.value), 1)) : (y(), O("span", D$, te(p(r).placeholder), 1))
                 ]),
                 _: 1
               }, 8, ["placeholder"]),
@@ -23176,7 +23194,7 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
                 onPointerdown: D[1] || (D[1] = (z) => f.value = !0)
               }, {
                 default: $(() => [
-                  d.value ? (y(), O("div", D$, [
+                  d.value ? (y(), O("div", M$, [
                     Qn(ne("input", {
                       ref_key: "searchInput",
                       ref: l,
@@ -23187,11 +23205,11 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
                       class: "h-7 w-full rounded-[var(--ui-radius-control)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-2 text-[13px] 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: _
-                    }, null, 40, M$), [
+                    }, null, 40, z$), [
                       [cy, a.value]
                     ])
                   ])) : L("", !0),
-                  p(m) ? (y(), O("div", z$, te(p(r).loadingText), 1)) : (y(), R(p(n$), {
+                  p(m) ? (y(), O("div", F$, te(p(r).loadingText), 1)) : (y(), R(p(n$), {
                     key: 2,
                     ref_key: "viewport",
                     ref: u
@@ -23215,10 +23233,10 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
                             value: B.value,
                             "text-value": B.label,
                             disabled: B.disabled,
-                            class: Q(["relative flex h-8 select-none items-center rounded-[var(--ui-radius-sm)] py-1 pr-8 text-[13px] 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", z.label && z.indent ? "pl-5" : "pl-2.5"])
+                            class: Y(["relative flex h-8 select-none items-center rounded-[var(--ui-radius-sm)] py-1 pr-8 text-[13px] 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", z.label && z.indent ? "pl-5" : "pl-2.5"])
                           }, {
                             default: $(() => [
-                              ne("span", F$, [
+                              ne("span", q$, [
                                 K(p(KO), null, {
                                   default: $(() => [
                                     Ne(te(B.label), 1)
@@ -23241,7 +23259,7 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
                         ]),
                         _: 2
                       }, 1024))), 128)),
-                      p(h).length ? L("", !0) : (y(), O("div", q$, te(p(r).notFoundText), 1))
+                      p(h).length ? L("", !0) : (y(), O("div", L$, te(p(r).notFoundText), 1))
                     ]),
                     _: 1
                   }, 512))
@@ -23256,24 +23274,24 @@ const I$ = { key: 0 }, R$ = { key: 1 }, N$ = { key: 2 }, D$ = {
       }, 8, ["required", "open", "model-value", "disabled"])
     ], 16));
   }
-}), B$ = "data-ui-tooltip-text", V$ = "data-ui-tooltip-hint", j$ = "data-ui-tooltip-off", U$ = "data-ui-tooltip-trigger", Om = "data-ui-tooltip-scope";
-function W$(e) {
+}), V$ = "data-ui-tooltip-text", j$ = "data-ui-tooltip-hint", U$ = "data-ui-tooltip-off", W$ = "data-ui-tooltip-trigger", Om = "data-ui-tooltip-scope";
+function K$(e) {
   return e.classList.contains("truncate") || e.classList.contains("text-ellipsis") || getComputedStyle(e).textOverflow === "ellipsis";
 }
-function K$(e) {
+function Z$(e) {
   return e.scrollWidth > e.clientWidth + 1;
 }
 function $m(e, t) {
   for (let n = e; n; n = n.parentElement) {
-    if (n.hasAttribute("title") || n.hasAttribute(j$) || n.hasAttribute(U$)) return !0;
+    if (n.hasAttribute("title") || n.hasAttribute(U$) || n.hasAttribute(W$)) return !0;
     if (n === t) return !1;
   }
   return !1;
 }
 function al(e, t) {
-  const n = e.getAttribute(V$) || void 0, o = W$(e) && K$(e);
+  const n = e.getAttribute(j$) || void 0, o = K$(e) && Z$(e);
   if (!o && !n || $m(e, t)) return null;
-  const r = e.getAttribute(B$) ?? (e.textContent ?? "").replace(/\s+/g, " ").trim();
+  const r = e.getAttribute(V$) ?? (e.textContent ?? "").replace(/\s+/g, " ").trim();
   return { element: e, scope: t, cut: o, text: r, hint: n };
 }
 function $d(e, t) {
@@ -23294,7 +23312,7 @@ function $d(e, t) {
   }
   return null;
 }
-function Z$(e, t) {
+function H$(e, t) {
   if (!(e instanceof HTMLElement) || !t.contains(e)) return null;
   const n = e.closest(`td, th, [${Om}]`), o = n && t.contains(n) ? n : t;
   for (const r of [e, ...e.querySelectorAll("*")]) {
@@ -23305,13 +23323,13 @@ function Z$(e, t) {
   return null;
 }
 const Tm = /* @__PURE__ */ Symbol("overflow-tooltip-region");
-function H$() {
+function G$() {
   Ke(Tm, !0);
 }
 function Im() {
   return Le(Tm, !1);
 }
-const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip-bg)] px-2.5 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)]", G$ = 300, Nm = /* @__PURE__ */ N({
+const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip-bg)] px-2.5 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)]", J$ = 300, Nm = /* @__PURE__ */ N({
   __name: "OverflowTooltip",
   props: {
     target: { default: void 0 },
@@ -23323,7 +23341,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
   },
   setup(e) {
     const t = e;
-    H$();
+    G$();
     const n = Xe("wrapper"), o = C(() => t.target ?? n.value ?? null), r = /* @__PURE__ */ vn(null), i = /* @__PURE__ */ M(""), a = /* @__PURE__ */ M(!1);
     let s, l = 0;
     function c(b) {
@@ -23344,7 +23362,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       const A = () => {
         r.value === b.element && b.element.isConnected && (a.value = !0);
       };
-      x <= 0 || Date.now() - l < G$ ? A() : s = setTimeout(A, x);
+      x <= 0 || Date.now() - l < J$ ? A() : s = setTimeout(A, x);
     }
     function f(b) {
       if (b.pointerType === "touch" || b.buttons) return;
@@ -23370,7 +23388,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
     }
     function w(b) {
       const x = o.value, k = b.target;
-      x && g(k) && d(Z$(k, x), 0);
+      x && g(k) && d(H$(k, x), 0);
     }
     function _() {
       r.value && u();
@@ -23421,7 +23439,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                     align: e.align,
                     "side-offset": 4,
                     "collision-padding": 8,
-                    class: Q(p(Rm)),
+                    class: Y(p(Rm)),
                     "data-ui-tooltip": "",
                     "data-ui-overflow-tooltip": "",
                     "data-syno-pkg-land-ui": ""
@@ -23442,19 +23460,19 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       })) : L("", !0)
     ], 64));
   }
-}), J$ = {
+}), Y$ = {
   key: 0,
   "data-ui-badge-dot": "",
   class: "size-1.5 shrink-0 rounded-full bg-current",
   "aria-hidden": "true"
-}, Y$ = /* @__PURE__ */ N({
+}, X$ = /* @__PURE__ */ N({
   __name: "Badge",
   props: {
     tone: { default: "neutral" }
   },
   setup(e) {
     return (t, n) => (y(), O("span", {
-      class: Q([
+      class: Y([
         "inline-flex min-h-5 items-center gap-1.5 rounded-full px-2 py-0.5 text-[12px] font-normal leading-4 tabular-nums",
         e.tone === "neutral" && "bg-[var(--ui-neutral-soft)] text-[var(--ui-neutral-text)]",
         e.tone === "info" && "bg-[var(--ui-info-soft)] text-[var(--ui-info-text)]",
@@ -23464,11 +23482,11 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       ]),
       "data-syno-pkg-land-ui": ""
     }, [
-      e.tone !== "neutral" ? (y(), O("span", J$)) : L("", !0),
+      e.tone !== "neutral" ? (y(), O("span", Y$)) : L("", !0),
       I(t.$slots, "default")
     ], 2));
   }
-}), X$ = ["data-tone", "data-pulse", "role", "aria-label", "aria-hidden"], Q$ = /* @__PURE__ */ N({
+}), Q$ = ["data-tone", "data-pulse", "role", "aria-label", "aria-hidden"], eT = /* @__PURE__ */ N({
   __name: "StatusDot",
   props: {
     tone: { default: "neutral" },
@@ -23484,9 +23502,9 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       "aria-label": e.label || void 0,
       "aria-hidden": e.label ? void 0 : "true",
       "data-syno-pkg-land-ui": ""
-    }, null, 8, X$));
+    }, null, 8, Q$));
   }
-}), eT = ["aria-label"], tT = { key: 0 }, nT = /* @__PURE__ */ N({
+}), tT = ["aria-label"], nT = { key: 0 }, oT = /* @__PURE__ */ N({
   __name: "LoadingIndicator",
   props: {
     text: { default: "" },
@@ -23504,29 +23522,29 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
         label: e.text || p(n).label,
         size: 24
       }, null, 8, ["label"]),
-      e.text ? (y(), O("span", tT, te(e.text), 1)) : L("", !0)
-    ], 8, eT));
+      e.text ? (y(), O("span", nT, te(e.text), 1)) : L("", !0)
+    ], 8, tT));
   }
-}), oT = {
+}), rT = {
   class: "flex h-full min-h-12 w-full items-center justify-center",
   "data-syno-pkg-land-ui": ""
-}, rT = /* @__PURE__ */ N({
+}, iT = /* @__PURE__ */ N({
   __name: "LoadingArea",
   props: {
     text: { default: "" }
   },
   setup(e) {
-    return (t, n) => (y(), O("div", oT, [
-      K(nT, { text: e.text }, null, 8, ["text"])
+    return (t, n) => (y(), O("div", rT, [
+      K(oT, { text: e.text }, null, 8, ["text"])
     ]));
   }
-}), iT = {
+}), aT = {
   key: 0,
   class: "mb-1.5 flex justify-between gap-3 text-[12px] text-[var(--ui-text-secondary)]"
-}, aT = {
+}, sT = {
   "data-ui-progress-value": "",
   class: "tabular-nums"
-}, sT = ["aria-valuenow", "aria-valuemax", "aria-label", "data-tone"], Dm = /* @__PURE__ */ N({
+}, lT = ["aria-valuenow", "aria-valuemax", "aria-label", "data-tone"], Dm = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "Progress",
   props: {
@@ -23545,13 +23563,13 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       danger: "bg-[var(--ui-danger)]"
     }, i = C(() => o.max <= 0 ? 0 : Math.min(100, Math.max(0, o.value / o.max * 100)));
     return (a, s) => (y(), O("div", {
-      class: Q(p(t).class),
+      class: Y(p(t).class),
       style: Ve(p(t).style),
       "data-syno-pkg-land-ui": ""
     }, [
-      e.label || e.valueLabel ? (y(), O("div", iT, [
+      e.label || e.valueLabel ? (y(), O("div", aT, [
         ne("span", null, te(e.label), 1),
-        ne("span", aT, te(e.valueLabel ?? `${Math.round(i.value)}%`), 1)
+        ne("span", sT, te(e.valueLabel ?? `${Math.round(i.value)}%`), 1)
       ])) : L("", !0),
       ne("div", oe({
         class: ["overflow-hidden rounded-full bg-[var(--ui-border-subtle)]", e.size === "sm" ? "h-1" : "h-1.5"],
@@ -23563,13 +23581,13 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
         "data-tone": e.tone
       }, n()), [
         ne("div", {
-          class: Q(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
+          class: Y(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
           style: Ve({ width: `${i.value}%` })
         }, null, 6)
-      ], 16, sT)
+      ], 16, lT)
     ], 6));
   }
-}), lT = /* @__PURE__ */ N({
+}), uT = /* @__PURE__ */ N({
   __name: "Skeleton",
   props: {
     width: { default: "100%" },
@@ -23583,27 +23601,27 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       "aria-hidden": "true"
     }, null, 4));
   }
-}), uT = {
+}), cT = {
   role: "status",
   "aria-busy": "true",
   class: "flex flex-col gap-2.5 py-1"
-}, cT = { class: "sr-only" }, Mm = /* @__PURE__ */ N({
+}, dT = { class: "sr-only" }, Mm = /* @__PURE__ */ N({
   __name: "SectionSkeleton",
   props: {
     lines: { default: 3 }
   },
   setup(e) {
     const t = Bn();
-    return (n, o) => (y(), O("div", uT, [
-      ne("span", cT, te(p(t)("Loading…")), 1),
-      (y(!0), O(Se, null, nt(e.lines, (r) => (y(), R(lT, {
+    return (n, o) => (y(), O("div", cT, [
+      ne("span", dT, te(p(t)("Loading…")), 1),
+      (y(!0), O(Se, null, nt(e.lines, (r) => (y(), R(uT, {
         key: r,
         "data-ui-skeleton-line": "",
         width: r === e.lines && e.lines > 1 ? "60%" : "100%"
       }, null, 8, ["width"]))), 128))
     ]));
   }
-}), dT = ["data-variant"], zm = /* @__PURE__ */ N({
+}), fT = ["data-variant"], zm = /* @__PURE__ */ N({
   __name: "Surface",
   props: {
     variant: { default: "default" },
@@ -23614,7 +23632,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
   setup(e) {
     const t = e, n = { none: "", sm: "p-3", md: "p-4", lg: "p-6" }, o = C(() => t.variant === "inset"), r = C(() => t.padding ? n[t.padding] : o.value ? "px-4 py-3" : n.md);
     return (i, a) => (y(), O("section", {
-      class: Q([
+      class: Y([
         "rounded-[var(--ui-radius-md)]",
         o.value ? "bg-[var(--ui-surface-inset)]" : "bg-[var(--ui-surface)]",
         e.border && !o.value && "border border-[var(--ui-border-subtle)]",
@@ -23626,7 +23644,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       "data-syno-pkg-land-ui": ""
     }, [
       I(i.$slots, "default")
-    ], 10, dT));
+    ], 10, fT));
   }
 }), Fm = /* @__PURE__ */ N({
   inheritAttrs: !1,
@@ -23673,7 +23691,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 K(p(Cm), {
                   side: e.side,
                   "side-offset": 4,
-                  class: Q(p(Rm)),
+                  class: Y(p(Rm)),
                   "data-ui-tooltip": "",
                   "data-syno-pkg-land-ui": ""
                 }, {
@@ -23692,28 +23710,28 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       _: 3
     }, 8, ["delay-duration"]));
   }
-}), fT = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, pT = {
+}), pT = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, hT = {
   key: 1,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, hT = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, mT = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, vT = {
+}, mT = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, vT = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, gT = {
   key: 0,
   "data-menu-hint": "",
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, gT = {
+}, yT = {
   key: 1,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, yT = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, bT = {
+}, bT = { class: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-primary)]" }, wT = {
   key: 1,
   "data-radio-dot": "",
   class: "block size-1.5 rounded-full bg-current",
   "aria-hidden": "true"
-}, wT = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, _T = {
+}, _T = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, ST = {
   key: 0,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, ST = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, xT = {
+}, xT = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" }, kT = {
   key: 1,
   class: "shrink-0 text-[12px] text-[var(--ui-text-muted)]"
-}, bi = "flex min-h-7 select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2.5 py-1 text-left [@media(pointer:coarse)]:min-h-9 text-[length:var(--ui-font-size)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", kT = /* @__PURE__ */ N({
+}, bi = "flex min-h-7 select-none items-center gap-2 rounded-[var(--ui-radius-sm)] px-2.5 py-1 text-left [@media(pointer:coarse)]:min-h-9 text-[length:var(--ui-font-size)] outline-none data-[highlighted]:bg-[var(--ui-primary-soft)] data-[disabled]:opacity-40", CT = /* @__PURE__ */ N({
   name: "DropdownMenuItems",
   __name: "DropdownMenuItems",
   props: {
@@ -23748,7 +23766,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           default: $(() => [
             K(p(GE), {
               disabled: u.item.disabled,
-              class: Q([
+              class: Y([
                 bi,
                 "data-[state=open]:bg-[var(--ui-primary-soft)]",
                 u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
@@ -23757,20 +23775,20 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
               default: $(() => [
                 i.value ? (y(), O("span", {
                   key: 0,
-                  class: Q(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
+                  class: Y(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
                 }, [
                   u.item.checked ? (y(), R(p(Uo), {
                     key: 0,
                     class: "size-3.5",
                     "aria-hidden": "true"
-                  })) : u.item.icon ? (y(), R(kt(u.item.icon), {
+                  })) : u.item.icon ? (y(), R(_t(u.item.icon), {
                     key: 1,
                     class: "size-4",
                     "aria-hidden": "true"
                   })) : L("", !0)
                 ], 2)) : L("", !0),
-                ne("span", fT, te(u.item.label), 1),
-                u.item.shortcut ? (y(), O("span", pT, te(u.item.shortcut), 1)) : L("", !0),
+                ne("span", pT, te(u.item.label), 1),
+                u.item.shortcut ? (y(), O("span", hT, te(u.item.shortcut), 1)) : L("", !0),
                 K(p(Hs), {
                   class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
                   "aria-hidden": "true"
@@ -23811,15 +23829,15 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           key: 2,
           "model-value": e.checkedKeys.includes(u.item.key),
           disabled: u.item.disabled,
-          class: Q([
+          class: Y([
             bi,
             u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
           ]),
           "onUpdate:modelValue": (d) => o("toggle", u.item.key, !!d),
-          onSelect: xt((d) => o("select", u.item.key), ["prevent"])
+          onSelect: kt((d) => o("select", u.item.key), ["prevent"])
         }, {
           default: $(() => [
-            ne("span", hT, [
+            ne("span", mT, [
               K(p(Ed), null, {
                 default: $(() => [
                   K(p(Uo), {
@@ -23830,9 +23848,9 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 _: 1
               })
             ]),
-            ne("span", mT, te(u.item.label), 1),
-            u.item.hint ? (y(), O("span", vT, te(u.item.hint), 1)) : L("", !0),
-            u.item.shortcut ? (y(), O("span", gT, te(u.item.shortcut), 1)) : L("", !0)
+            ne("span", vT, te(u.item.label), 1),
+            u.item.hint ? (y(), O("span", gT, te(u.item.hint), 1)) : L("", !0),
+            u.item.shortcut ? (y(), O("span", yT, te(u.item.shortcut), 1)) : L("", !0)
           ]),
           _: 2
         }, 1032, ["model-value", "disabled", "class", "onUpdate:modelValue", "onSelect"])) : u.kind === "radio" ? (y(), R(p(qE), {
@@ -23844,27 +23862,27 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
               key: d.key,
               value: d.value,
               disabled: d.disabled,
-              class: Q([
+              class: Y([
                 bi,
                 d.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
               ]),
               onSelect: (f) => o("radio", d.value, d.key, u.group)
             }, {
               default: $(() => [
-                ne("span", yT, [
+                ne("span", bT, [
                   K(p(Ed), null, {
                     default: $(() => [
                       e.radioIndicator === "check" ? (y(), R(p(Uo), {
                         key: 0,
                         class: "size-3.5",
                         "aria-hidden": "true"
-                      })) : (y(), O("span", bT))
+                      })) : (y(), O("span", wT))
                     ]),
                     _: 1
                   })
                 ]),
-                ne("span", wT, te(d.label), 1),
-                d.shortcut ? (y(), O("span", _T, te(d.shortcut), 1)) : L("", !0)
+                ne("span", _T, te(d.label), 1),
+                d.shortcut ? (y(), O("span", ST, te(d.shortcut), 1)) : L("", !0)
               ]),
               _: 2
             }, 1032, ["value", "disabled", "class", "onSelect"]))), 128))
@@ -23873,7 +23891,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
         }, 1032, ["model-value"])) : (y(), R(p(DE), {
           key: 4,
           disabled: u.item.disabled,
-          class: Q([
+          class: Y([
             bi,
             u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
           ]),
@@ -23882,20 +23900,20 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           default: $(() => [
             i.value ? (y(), O("span", {
               key: 0,
-              class: Q(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
+              class: Y(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
             }, [
               u.item.checked ? (y(), R(p(Uo), {
                 key: 0,
                 class: "size-3.5",
                 "aria-hidden": "true"
-              })) : u.item.icon ? (y(), R(kt(u.item.icon), {
+              })) : u.item.icon ? (y(), R(_t(u.item.icon), {
                 key: 1,
                 class: "size-4",
                 "aria-hidden": "true"
               })) : L("", !0)
             ], 2)) : L("", !0),
-            ne("span", ST, te(u.item.label), 1),
-            u.item.shortcut ? (y(), O("span", xT, te(u.item.shortcut), 1)) : L("", !0),
+            ne("span", xT, te(u.item.label), 1),
+            u.item.shortcut ? (y(), O("span", kT, te(u.item.shortcut), 1)) : L("", !0),
             u.item.submenu ? (y(), R(p(Hs), {
               key: 2,
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
@@ -23907,7 +23925,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       ], 64))), 128);
     };
   }
-}), CT = /* @__PURE__ */ N({
+}), PT = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "DropdownMenu",
   props: {
@@ -23958,7 +23976,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
               "data-syno-pkg-land-ui": ""
             }), {
               default: $(() => [
-                K(kT, {
+                K(CT, {
                   items: n.items,
                   "checked-keys": c.value,
                   "radio-values": u.value,
@@ -23979,7 +23997,7 @@ const Rm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
     }, 8, ["open"]));
   }
 }), wi = 12;
-function PT(e, t) {
+function AT(e, t) {
   return {
     left: wi,
     top: t + wi,
@@ -23987,41 +24005,41 @@ function PT(e, t) {
     height: Math.max(e.height - t - 2 * wi, 0)
   };
 }
-const AT = 600;
+const ET = 600;
 function qm(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 ET(e, t, n) {
+function OT(e, t, n) {
   return qm({
     x: e.left + (e.width - t.width) / 2,
     y: e.top + (e.height - t.height) / 2
   }, t, n);
 }
-function OT(e) {
-  return e.width >= AT && !e.coarse;
+function $T(e) {
+  return e.width >= ET && !e.coarse;
 }
-const Lm = "@synopkgland/floating-host", $T = "data-ui-floating", Td = ["lang", "dir", "data-ui-theme", "data-ui-density", "data-ui-accent", "data-ui-color-scheme"], TT = "--ui-accent-";
+const Lm = "@synopkgland/floating-host", TT = "data-ui-floating", Td = ["lang", "dir", "data-ui-theme", "data-ui-density", "data-ui-accent", "data-ui-color-scheme"], IT = "--ui-accent-";
 function Id(e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const o = e.item(n);
-    o.startsWith(TT) && t.push(o);
+    o.startsWith(IT) && t.push(o);
   }
   return t;
 }
-function IT() {
+function RT() {
   return Le(Lm, null);
 }
-function RT(e) {
+function NT(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 NT(e, t) {
+function DT(e, t) {
   const n = e.ownerDocument.defaultView;
   for (let r = e; r; r = r === t ? null : r.parentElement) {
     const i = n.getComputedStyle(r);
@@ -24030,14 +24048,14 @@ function NT(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 DT(e, t, n) {
+function MT(e, t, n) {
   if (!t) return null;
   const o = /* @__PURE__ */ vn(null), r = /* @__PURE__ */ vn(null), i = /* @__PURE__ */ vn({ left: 0, top: 0, width: 0, height: 0 }), a = /* @__PURE__ */ M(!1);
   let s;
   return de(e, (c, u, d) => {
     if (!c) return;
     const f = 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($T, ""), 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(TT, ""), Object.assign(h.style, { position: "fixed", inset: "0", pointerEvents: "none" });
     const m = () => {
       for (const D of Td) {
         const z = c.getAttribute(D);
@@ -24049,12 +24067,12 @@ function DT(e, t, n) {
     m();
     const v = new MutationObserver(m);
     v.observe(c, { attributes: !0, attributeFilter: [...Td, "style"] });
-    const g = RT(c), w = () => {
-      const D = !!g && NT(c, g);
+    const g = NT(c), w = () => {
+      const D = !!g && DT(c, g);
       g && (h.style.zIndex = f.getComputedStyle(g).zIndex, h.style.visibility = D ? "hidden" : "");
-      const { left: z, top: B, width: Y, height: se } = c.getBoundingClientRect();
-      if (r.value = D ? null : { left: z, top: B, width: Y, height: se }, !D) {
-        h.style.setProperty("--ui-floating-owner-width", `${Y}px`);
+      const { left: z, top: B, width: X, height: se } = c.getBoundingClientRect();
+      if (r.value = D ? null : { left: z, top: B, width: X, height: se }, !D) {
+        h.style.setProperty("--ui-floating-owner-width", `${X}px`);
         const fe = Math.max(0, Math.min(B + se, f.innerHeight) - Math.max(B, _()));
         h.style.setProperty("--ui-floating-owner-height", `${fe}px`);
       }
@@ -24062,7 +24080,7 @@ function DT(e, t, n) {
       const D = c.ownerDocument.getElementById("sds-taskbar")?.getBoundingClientRect();
       return D && D.height > 0 && D.top <= 0 ? Math.max(D.bottom, 0) : 0;
     }, P = () => {
-      i.value = PT({ width: f.innerWidth, height: f.innerHeight }, _()), h.style.setProperty("--ui-floating-max-height", `${i.value.height}px`), a.value = OT({ width: f.innerWidth, coarse: !!f.matchMedia?.("(pointer: coarse)").matches }), a.value ? h.removeAttribute("data-ui-presentation") : h.setAttribute("data-ui-presentation", "mobile"), w();
+      i.value = AT({ width: f.innerWidth, height: f.innerHeight }, _()), h.style.setProperty("--ui-floating-max-height", `${i.value.height}px`), a.value = $T({ width: f.innerWidth, coarse: !!f.matchMedia?.("(pointer: coarse)").matches }), a.value ? h.removeAttribute("data-ui-presentation") : h.setAttribute("data-ui-presentation", "mobile"), w();
     }, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(P);
     b?.observe(c), s = P;
     const x = new MutationObserver(w);
@@ -24080,13 +24098,13 @@ function DT(e, t, n) {
     });
   }, { flush: "post" }), { element: o, owner: r, locate: () => (s?.(), r.value), area: i, draggable: a };
 }
-const MT = 10, zT = 50, FT = {
+const zT = 10, FT = 50, qT = {
   ArrowLeft: { x: -1, y: 0 },
   ArrowRight: { x: 1, y: 0 },
   ArrowUp: { x: 0, y: -1 },
   ArrowDown: { x: 0, y: 1 }
 };
-function qT(e, t) {
+function LT(e, t) {
   const n = /* @__PURE__ */ vn(null), o = C(() => !!t?.draggable.value), r = () => e.value?.parentElement ?? null;
   function i(d) {
     const f = r()?.getBoundingClientRect();
@@ -24100,7 +24118,7 @@ function qT(e, t) {
     let d = t.owner.value;
     const f = (h) => {
       const m = h.getBoundingClientRect(), v = t.locate();
-      v && (d = v), n.value = ET(v ?? t.area.value, m, t.area.value);
+      v && (d = v), n.value = OT(v ?? t.area.value, m, t.area.value);
     };
     de([e, o], ([h, m]) => {
       if (!h || !m) {
@@ -24134,10 +24152,10 @@ function qT(e, t) {
     m.addEventListener("pointermove", v), m.addEventListener("pointerup", g), m.addEventListener("pointercancel", g);
   }
   function u(d) {
-    const f = FT[d.key];
+    const f = qT[d.key];
     if (!o.value || !f || d.altKey || d.ctrlKey || d.metaKey) return;
     d.preventDefault();
-    const h = d.shiftKey ? zT : MT;
+    const h = d.shiftKey ? FT : zT;
     s = !0, a(f.x * h, f.y * h);
   }
   return la(() => l?.()), { position: n, draggable: o, onPointerdown: c, onKeydown: u };
@@ -24154,10 +24172,10 @@ function Rd(e) {
 function Bm(e) {
   return e.type === Wt ? !1 : e.type === Gr ? String(e.children ?? "").trim() !== "" : e.type === Se ? Array.isArray(e.children) && e.children.some(Bm) : !0;
 }
-function LT(e) {
+function BT(e) {
   return !!e && e().some(Bm);
 }
-const BT = /* @__PURE__ */ N({
+const VT = /* @__PURE__ */ N({
   __name: "FloatingLayer",
   props: {
     host: {}
@@ -24184,7 +24202,7 @@ const BT = /* @__PURE__ */ N({
       }, 8, ["teleport-to", "dir", "locale", "scroll-body", "nonce", "use-id"])) : I(n.$slots, "default", {}, void 0, void 0, 1)
     ], 8, ["to", "disabled"]));
   }
-}), VT = /* @__PURE__ */ N({
+}), jT = /* @__PURE__ */ N({
   __name: "ButtonKindScope",
   props: {
     kind: {}
@@ -24192,7 +24210,7 @@ const BT = /* @__PURE__ */ N({
   setup(e) {
     return Nk(e.kind), (n, o) => I(n.$slots, "default");
   }
-}), jT = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], UT = { class: "min-w-0" }, WT = ["data-ui-dialog-flush"], KT = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', ZT = /* @__PURE__ */ N({
+}), UT = ["data-ui-dialog-header-divider", "data-ui-drag-handle"], WT = { class: "min-w-0" }, KT = ["data-ui-dialog-flush"], ZT = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])', HT = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "Dialog",
   props: {
@@ -24217,18 +24235,18 @@ const BT = /* @__PURE__ */ N({
     const o = so(e, { closeLabel: "Close" }), r = t, i = (B) => typeof B.checkVisibility != "function" || B.checkVisibility({ visibilityProperty: !0 }), a = Xe("content");
     function s(B) {
       if (r("openAutoFocus", B), B.defaultPrevented) return;
-      let Y = B.target ?? a.value?.$el;
-      for (; Y && !(Y instanceof HTMLElement && Y.hasAttribute("data-ui-dialog")); ) Y = Y.nextSibling;
-      const se = Y instanceof HTMLElement ? Y : null;
+      let X = B.target ?? a.value?.$el;
+      for (; X && !(X instanceof HTMLElement && X.hasAttribute("data-ui-dialog")); ) X = X.nextSibling;
+      const se = X instanceof HTMLElement ? X : null;
       if (!se) return;
       B.preventDefault();
-      const fe = Array.from(se.querySelectorAll(KT)).find((Z) => !Z.matches("[data-dialog-close], [data-ui-keyboard-focus], :disabled") && i(Z));
+      const fe = Array.from(se.querySelectorAll(ZT)).find((Z) => !Z.matches("[data-dialog-close], [data-ui-keyboard-focus], :disabled") && i(Z));
       fe && Rd(fe), (!fe || document.activeElement !== fe) && (se.tabIndex = -1, Rd(se));
     }
-    function l(B, Y) {
-      r(B === "pointerDownOutside" ? "pointerDownOutside" : "interactOutside", Y), o.closeOnOutside || Y.preventDefault();
+    function l(B, X) {
+      r(B === "pointerDownOutside" ? "pointerDownOutside" : "interactOutside", X), o.closeOnOutside || X.preventDefault();
     }
-    const c = { dim: "bg-[var(--ui-overlay)] backdrop-blur-[1px]", light: "bg-[var(--ui-overlay-light)]", none: "bg-transparent" }, u = IT(), d = C(() => u?.element.value ?? null), { position: f, draggable: h, onPointerdown: m, onKeydown: v } = qT(Xe("handle"), u), g = C(() => o.width ? void 0 : o.size), w = C(() => o.width ?? (g.value && `var(--ui-dialog-width-${g.value})`)), _ = C(() => !!w.value), P = Uk(), b = C(() => _.value ? void 0 : P.value), x = C(() => ({
+    const c = { dim: "bg-[var(--ui-overlay)] backdrop-blur-[1px]", light: "bg-[var(--ui-overlay-light)]", none: "bg-transparent" }, u = RT(), d = C(() => u?.element.value ?? null), { position: f, draggable: h, onPointerdown: m, onKeydown: v } = LT(Xe("handle"), u), g = C(() => o.width ? void 0 : o.size), w = C(() => o.width ?? (g.value && `var(--ui-dialog-width-${g.value})`)), _ = C(() => !!w.value), P = Uk(), b = C(() => _.value ? void 0 : P.value), x = C(() => ({
       left: f.value && `${f.value.x}px`,
       top: f.value && `${f.value.y}px`,
       maxWidth: w.value,
@@ -24237,15 +24255,15 @@ const BT = /* @__PURE__ */ N({
       "--ui-dialog-floor": b.value && `var(--ui-dialog-width-${b.value})`,
       height: o.height && `min(${o.height}, 100%)`,
       minHeight: o.minHeight && `min(${o.minHeight}, 100%)`
-    })), k = Oo(), A = () => LT(k.default), T = C(() => !!(o.title || o.description) || o.showClose), D = /* @__PURE__ */ M(o.defaultOpen), z = C({
+    })), k = Oo(), A = () => BT(k.default), T = C(() => !!(o.title || o.description) || o.showClose), D = /* @__PURE__ */ M(o.defaultOpen), z = C({
       get: () => o.open ?? D.value,
       set: (B) => {
         o.open === void 0 && (D.value = B), r("update:open", B);
       }
     });
-    return (B, Y) => (y(), R(p(PP), {
+    return (B, X) => (y(), R(p(PP), {
       open: z.value,
-      "onUpdate:open": Y[6] || (Y[6] = (se) => z.value = se)
+      "onUpdate:open": X[6] || (X[6] = (se) => z.value = se)
     }, {
       default: $(() => [
         B.$slots.trigger ? (y(), R(p(p1), oe({ key: 0 }, B.$attrs.id ? { "aria-controls": z.value ? B.$attrs.id : void 0 } : {}, { "as-child": "" }), {
@@ -24258,10 +24276,10 @@ const BT = /* @__PURE__ */ N({
           default: $(() => [
             K(p(a1), {
               "data-ui-overlay": "",
-              class: Q(["fixed inset-0 z-[1200]", c[p(o).scrim]]),
+              class: Y(["fixed inset-0 z-[1200]", c[p(o).scrim]]),
               "data-ui-scrim": p(o).scrim
             }, null, 8, ["class", "data-ui-scrim"]),
-            K(BT, { host: d.value }, {
+            K(VT, { host: d.value }, {
               default: $(() => [
                 K(p(e1), oe({
                   ref_key: "content",
@@ -24281,29 +24299,29 @@ const BT = /* @__PURE__ */ N({
                   "data-ui-dialog-floor": b.value,
                   "data-ui-dialog-layout": T.value ? "window" : "message",
                   "data-syno-pkg-land-ui": "",
-                  onEscapeKeyDown: Y[2] || (Y[2] = (se) => r("escapeKeyDown", se)),
-                  onPointerDownOutside: Y[3] || (Y[3] = (se) => l("pointerDownOutside", se)),
-                  onInteractOutside: Y[4] || (Y[4] = (se) => l("interactOutside", se)),
+                  onEscapeKeyDown: X[2] || (X[2] = (se) => r("escapeKeyDown", se)),
+                  onPointerDownOutside: X[3] || (X[3] = (se) => l("pointerDownOutside", se)),
+                  onInteractOutside: X[4] || (X[4] = (se) => l("interactOutside", se)),
                   onOpenAutoFocus: s,
-                  onCloseAutoFocus: Y[5] || (Y[5] = (se) => r("closeAutoFocus", se))
+                  onCloseAutoFocus: X[5] || (X[5] = (se) => r("closeAutoFocus", se))
                 }), {
                   default: $(() => [
                     T.value ? (y(), O("header", {
                       key: 0,
                       ref: "handle",
-                      class: Q(["flex min-h-10 shrink-0 items-start justify-between gap-4 pr-3", [p(o).headerDivider ? "border-b border-[var(--ui-border-subtle)] py-2.5 pl-5" : "pt-3.5 pb-0 pl-6", p(h) && "cursor-move touch-none select-none"]]),
+                      class: Y(["flex min-h-10 shrink-0 items-start justify-between gap-4 pr-3", [p(o).headerDivider ? "border-b border-[var(--ui-border-subtle)] py-2.5 pl-5" : "pt-3.5 pb-0 pl-6", p(h) && "cursor-move touch-none select-none"]]),
                       "data-ui-dialog-header-divider": p(o).headerDivider ? void 0 : "none",
                       "data-ui-drag-handle": p(h) ? "" : void 0,
-                      onPointerdown: Y[1] || (Y[1] = //@ts-ignore
+                      onPointerdown: X[1] || (X[1] = //@ts-ignore
                       (...se) => p(m) && p(m)(...se))
                     }, [
-                      ne("div", UT, [
+                      ne("div", WT, [
                         p(o).title ? (y(), R(p(d1), oe({
                           key: 0,
                           class: "text-[length:var(--ui-font-size)] leading-5 font-bold text-[var(--ui-text)] [overflow-wrap:anywhere] outline-none focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]"
                         }, p(h) ? { tabindex: 0, "aria-keyshortcuts": "ArrowUp ArrowDown ArrowLeft ArrowRight", "data-ui-keyboard-focus": "" } : {}, {
                           onKeydown: p(v),
-                          onMousedown: Y[0] || (Y[0] = (se) => p(h) && se.preventDefault())
+                          onMousedown: X[0] || (X[0] = (se) => p(h) && se.preventDefault())
                         }), {
                           default: $(() => [
                             Ne(te(p(o).title), 1)
@@ -24334,20 +24352,20 @@ const BT = /* @__PURE__ */ N({
                         ]),
                         _: 1
                       }, 8, ["aria-label"])) : L("", !0)
-                    ], 42, jT)) : L("", !0),
+                    ], 42, UT)) : L("", !0),
                     A() ? (y(), O("div", {
                       key: 1,
                       "data-ui-dialog-body": "",
-                      class: Q(["min-h-0 flex-1", p(o).flush ? "flex flex-col overflow-hidden" : ["overflow-auto", T.value ? "px-5 py-4" : "px-[30px] pt-6"]]),
+                      class: Y(["min-h-0 flex-1", p(o).flush ? "flex flex-col overflow-hidden" : ["overflow-auto", T.value ? "px-5 py-4" : "px-[30px] pt-6"]]),
                       "data-ui-dialog-flush": p(o).flush ? "" : void 0
                     }, [
                       I(B.$slots, "default")
-                    ], 10, WT)) : L("", !0),
+                    ], 10, KT)) : L("", !0),
                     B.$slots.footer ? (y(), O("footer", {
                       key: 2,
-                      class: Q(["flex shrink-0 flex-wrap items-center justify-end gap-2", T.value ? ["min-h-12 px-5 py-2.5", A() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
+                      class: Y(["flex shrink-0 flex-wrap items-center justify-end gap-2", T.value ? ["min-h-12 px-5 py-2.5", A() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
                     }, [
-                      K(VT, { kind: "action" }, {
+                      K(jT, { kind: "action" }, {
                         default: $(() => [
                           I(B.$slots, "footer")
                         ]),
@@ -24368,7 +24386,7 @@ const BT = /* @__PURE__ */ N({
     }, 8, ["open"]));
   }
 });
-function HT(e, t, n, o = 0) {
+function GT(e, t, n, o = 0) {
   const r = /* @__PURE__ */ M({ width: "0px", transform: "translateX(0px)", opacity: 0 });
   return de([e, () => t().map((i) => [i.value, i.label]), n], ([i, a, s], l, c) => {
     if (!i) return;
@@ -24390,7 +24408,7 @@ function HT(e, t, n, o = 0) {
   }, { immediate: !0, flush: "post" }), r;
 }
 const _i = 24;
-function GT(e, t) {
+function JT(e, t) {
   const n = /* @__PURE__ */ M(!1), o = /* @__PURE__ */ M(!1);
   function r() {
     const l = e.value;
@@ -24418,11 +24436,11 @@ function GT(e, t) {
     e.value?.removeEventListener("scroll", r), e.value?.removeEventListener("wheel", a), s?.disconnect();
   }), { overflowStart: n, overflowEnd: o };
 }
-const JT = /* @__PURE__ */ Qt(/* @__PURE__ */ new Map());
-function YT(e) {
-  return JT.get(e);
+const YT = /* @__PURE__ */ Qt(/* @__PURE__ */ new Map());
+function XT(e) {
+  return YT.get(e);
 }
-const XT = ["disabled", "aria-label", "value", "placeholder"], QT = ["disabled", "aria-label"], eI = /* @__PURE__ */ N({
+const QT = ["disabled", "aria-label", "value", "placeholder"], eI = ["disabled", "aria-label"], tI = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "SearchField",
   props: {
@@ -24458,7 +24476,7 @@ const XT = ["disabled", "aria-label", "value", "placeholder"], QT = ["disabled",
         onInput: d[0] || (d[0] = (f) => {
           p(l)(f.target.value), i("update:modelValue", f.target.value);
         })
-      }), null, 16, XT),
+      }), null, 16, QT),
       p(r).modelValue ? (y(), O("button", {
         key: 2,
         disabled: p(o),
@@ -24473,7 +24491,7 @@ const XT = ["disabled", "aria-label", "value", "placeholder"], QT = ["disabled",
           class: "size-3.5",
           "aria-hidden": "true"
         })
-      ], 8, QT)) : L("", !0)
+      ], 8, eI)) : L("", !0)
     ], 16));
   }
 });
@@ -24491,18 +24509,18 @@ function pr(e) {
     n?.disconnect(), o && cancelAnimationFrame(o);
   }), t;
 }
-const tI = { xs: "96px", sm: "160px", md: "320px", lg: "480px" }, ll = "md";
+const nI = { xs: "96px", sm: "160px", md: "320px", lg: "480px" }, ll = "md";
 function Vm(e) {
   const t = e ?? ll;
-  return t === "full" ? void 0 : tI[t] ?? t;
+  return t === "full" ? void 0 : nI[t] ?? t;
 }
-const nI = ["data-direction"], oI = {
+const oI = ["data-direction"], rI = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]"
-}, rI = { class: "min-w-0" }, iI = {
+}, iI = { class: "min-w-0" }, aI = {
   key: 0,
   class: "mt-1 text-[12px] leading-4 text-[var(--ui-text-secondary)]"
-}, aI = /* @__PURE__ */ N({
+}, sI = /* @__PURE__ */ N({
   __name: "SettingsRow",
   props: {
     label: {},
@@ -24521,7 +24539,7 @@ const nI = ["data-direction"], oI = {
       ref: r,
       "data-direction": a.value ? "vertical" : "horizontal",
       style: Ve(s.value),
-      class: Q([
+      class: Y([
         "grid min-h-10 gap-y-1 py-1.5",
         n.value === "start" ? "items-start" : "items-center"
       ]),
@@ -24529,21 +24547,21 @@ const nI = ["data-direction"], oI = {
     }, [
       ne("div", {
         "data-settings-label": "",
-        class: Q(["min-w-0 break-words [word-break:keep-all] text-left text-[13px] text-[var(--ui-text)]", n.value === "start" && "pt-1"])
+        class: Y(["min-w-0 break-words [word-break:keep-all] text-left text-[13px] text-[var(--ui-text)]", n.value === "start" && "pt-1"])
       }, [
         Ne(te(e.label), 1),
-        e.required ? (y(), O("span", oI, "*")) : L("", !0)
+        e.required ? (y(), O("span", rI, "*")) : L("", !0)
       ], 2),
-      ne("div", rI, [
+      ne("div", iI, [
         ne("div", {
           "data-field-control": "",
           style: Ve(o.value)
         }, [
           I(l.$slots, "default")
         ], 4),
-        e.description ? (y(), O("p", iI, te(e.description), 1)) : L("", !0)
+        e.description ? (y(), O("p", aI, te(e.description), 1)) : L("", !0)
       ])
-    ], 14, nI));
+    ], 14, oI));
   }
 });
 function jm(e, t, n) {
@@ -24556,26 +24574,26 @@ function jm(e, t, n) {
   }
   return { value: i, isControlled: r, set: a, toggle: () => a(!i.value) };
 }
-const sI = ["data-collapsible", "aria-busy"], lI = {
+const lI = ["data-collapsible", "aria-busy"], uI = {
   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]"
-}, uI = ["aria-expanded", "aria-controls"], cI = { class: "min-w-0 truncate" }, dI = {
+}, cI = ["aria-expanded", "aria-controls"], dI = { class: "min-w-0 truncate" }, fI = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, fI = {
+}, pI = {
   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)]"
-}, pI = { class: "min-w-0 flex-1 truncate" }, hI = {
+}, hI = { class: "min-w-0 flex-1 truncate" }, mI = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, mI = ["id"], vI = {
+}, vI = ["id"], gI = {
   key: 0,
   class: "m-0 mb-4 max-w-[72ch] text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, gI = {
+}, yI = {
   key: 3,
   "data-ui-settings-footer": "",
   class: "mt-4 flex flex-wrap items-center gap-2"
-}, yI = /* @__PURE__ */ N({
+}, bI = /* @__PURE__ */ N({
   __name: "SettingsSection",
   props: {
     title: {},
@@ -24598,7 +24616,7 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
       "data-syno-pkg-land-ui": "",
       "aria-busy": e.loading || void 0
     }, [
-      e.collapsible ? (y(), O("div", lI, [
+      e.collapsible ? (y(), O("div", uI, [
         ne("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)]",
@@ -24608,63 +24626,63 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
           (...f) => p(a) && p(a)(...f))
         }, [
           K(p(lr), {
-            class: Q(["size-4 shrink-0 transition-transform", !p(i) && "-rotate-90"]),
+            class: Y(["size-4 shrink-0 transition-transform", !p(i) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
-          ne("span", cI, [
+          ne("span", dI, [
             I(u.$slots, "title", {}, () => [
               Ne(te(e.title), 1)
             ])
           ])
-        ], 8, uI),
-        u.$slots.actions ? (y(), O("span", dI, [
+        ], 8, cI),
+        u.$slots.actions ? (y(), O("span", fI, [
           I(u.$slots, "actions")
         ])) : L("", !0)
-      ])) : c.value ? (y(), O("div", fI, [
-        ne("span", pI, [
+      ])) : c.value ? (y(), O("div", pI, [
+        ne("span", hI, [
           I(u.$slots, "title", {}, () => [
             Ne(te(e.title), 1)
           ])
         ]),
-        u.$slots.actions ? (y(), O("span", hI, [
+        u.$slots.actions ? (y(), O("span", mI, [
           I(u.$slots, "actions")
         ])) : L("", !0)
       ])) : L("", !0),
       Qn(ne("div", {
         id: p(r),
-        class: Q(["ui-settings-section-body", c.value && "pt-3"])
+        class: Y(["ui-settings-section-body", c.value && "pt-3"])
       }, [
-        e.description || u.$slots.description ? (y(), O("p", vI, [
+        e.description || u.$slots.description ? (y(), O("p", gI, [
           I(u.$slots, "description", {}, () => [
             Ne(te(e.description), 1)
           ])
         ])) : L("", !0),
         e.loading ? (y(), R(Mm, { key: 1 })) : I(u.$slots, "default", {}, void 0, void 0, 2),
-        u.$slots.footer && !e.loading ? (y(), O("div", gI, [
+        u.$slots.footer && !e.loading ? (y(), O("div", yI, [
           I(u.$slots, "footer")
         ])) : L("", !0)
-      ], 10, mI), [
+      ], 10, vI), [
         [ko, s.value]
       ])
-    ], 8, sI));
+    ], 8, lI));
   }
-}), bI = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], wI = { class: "ui-callout-main" }, _I = {
+}), wI = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], _I = { class: "ui-callout-main" }, SI = {
   key: 0,
   "data-ui-callout-title": "",
   class: "ui-callout-title"
-}, SI = {
+}, xI = {
   key: 1,
   "data-ui-callout-body": "",
   class: "ui-callout-body"
-}, xI = {
+}, kI = {
   key: 2,
   "data-ui-callout-code": "",
   class: "font-[family-name:var(--ui-font-mono)] text-[12px] text-[var(--ui-text-secondary)]"
-}, kI = ["aria-expanded", "aria-controls"], CI = ["id"], PI = {
+}, CI = ["aria-expanded", "aria-controls"], PI = ["id"], AI = {
   key: 0,
   "data-ui-callout-actions": "",
   class: "ui-callout-actions"
-}, AI = ["aria-label"], EI = /* @__PURE__ */ N({
+}, EI = ["aria-label"], OI = /* @__PURE__ */ N({
   __name: "Callout",
   props: /* @__PURE__ */ zu({
     tone: { default: "info" },
@@ -24705,21 +24723,21 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
       hidden: f.value || void 0,
       "data-syno-pkg-land-ui": ""
     }, [
-      (y(), R(kt(a.value), {
+      (y(), R(_t(a.value), {
         class: "ui-callout-icon",
         "aria-hidden": "true"
       })),
-      ne("div", wI, [
+      ne("div", _I, [
         ne("div", {
           ref_key: "content",
           ref: l,
           class: "ui-callout-content [overflow-wrap:anywhere]"
         }, [
-          e.title ? (y(), O("div", _I, te(e.title), 1)) : L("", !0),
-          g.$slots.default ? (y(), O("div", SI, [
+          e.title ? (y(), O("div", SI, te(e.title), 1)) : L("", !0),
+          g.$slots.default ? (y(), O("div", xI, [
             I(g.$slots, "default")
           ])) : L("", !0),
-          e.code ? (y(), O("code", xI, te(e.code), 1)) : L("", !0),
+          e.code ? (y(), O("code", kI, te(e.code), 1)) : L("", !0),
           g.$slots.details ? (y(), O("button", {
             key: 3,
             type: "button",
@@ -24731,10 +24749,10 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
           }, [
             Ne(te(i.value ? p(o).lessLabel : p(o).moreLabel) + " ", 1),
             K(p(lr), {
-              class: Q(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", i.value && "rotate-180"]),
+              class: Y(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", i.value && "rotate-180"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
-          ], 8, kI)) : L("", !0),
+          ], 8, CI)) : L("", !0),
           g.$slots.details ? Qn((y(), O("div", {
             key: 4,
             id: p(s),
@@ -24742,11 +24760,11 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
             class: "ui-callout-details"
           }, [
             I(g.$slots, "details")
-          ], 8, CI)), [
+          ], 8, PI)), [
             [ko, i.value]
           ]) : L("", !0)
         ], 512),
-        g.$slots.actions ? (y(), O("div", PI, [
+        g.$slots.actions ? (y(), O("div", AI, [
           I(g.$slots, "actions")
         ])) : L("", !0)
       ]),
@@ -24762,22 +24780,22 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
           class: "size-3.5",
           "aria-hidden": "true"
         })
-      ], 8, AI)) : L("", !0)
-    ], 8, bI));
+      ], 8, EI)) : L("", !0)
+    ], 8, wI));
   }
-}), OI = {
+}), $I = {
   class: "flex min-h-28 flex-1 flex-col items-center justify-center px-6 py-5 text-center",
   "data-syno-pkg-land-ui": ""
-}, $I = {
+}, TI = {
   key: 0,
   class: "mb-3 flex size-12 items-center justify-center rounded-full bg-[var(--ui-surface-subtle)] text-[var(--ui-text-muted)]"
-}, TI = { class: "m-0 text-[14px] font-semibold text-[var(--ui-text)]" }, II = {
+}, II = { class: "m-0 text-[14px] font-semibold text-[var(--ui-text)]" }, RI = {
   key: 1,
   class: "mt-1 max-w-md text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, RI = {
+}, NI = {
   key: 2,
   class: "mt-4 flex items-center gap-2"
-}, NI = /* @__PURE__ */ N({
+}, DI = /* @__PURE__ */ N({
   __name: "EmptyState",
   props: {
     title: {},
@@ -24785,26 +24803,26 @@ const sI = ["data-collapsible", "aria-busy"], lI = {
     icon: {}
   },
   setup(e) {
-    return (t, n) => (y(), O("div", OI, [
-      e.icon ? (y(), O("div", $I, [
-        (y(), R(kt(e.icon), {
+    return (t, n) => (y(), O("div", $I, [
+      e.icon ? (y(), O("div", TI, [
+        (y(), R(_t(e.icon), {
           class: "size-6",
           "aria-hidden": "true"
         }))
       ])) : L("", !0),
-      ne("h3", TI, te(e.title), 1),
-      e.description ? (y(), O("p", II, te(e.description), 1)) : L("", !0),
-      t.$slots.actions ? (y(), O("div", RI, [
+      ne("h3", II, te(e.title), 1),
+      e.description ? (y(), O("p", RI, te(e.description), 1)) : L("", !0),
+      t.$slots.actions ? (y(), O("div", NI, [
         I(t.$slots, "actions")
       ])) : L("", !0)
     ]));
   }
-}), Um = 640, DI = 1200;
+}), Um = 640, MI = 1200;
 function Wm(e, t = "web") {
-  return e <= 0 ? "window" : e <= Um ? "mobile" : e >= DI && t === "web" ? "web" : "window";
+  return e <= 0 ? "window" : e <= Um ? "mobile" : e >= MI && t === "web" ? "web" : "window";
 }
-const ja = /* @__PURE__ */ Symbol("syno-app-presentation"), MI = 248, ul = 200, cl = 360, Km = /* @__PURE__ */ Symbol("syno-app-sidebar-collapsed"), Zm = /* @__PURE__ */ Symbol("syno-app-top-navigation"), zI = /* @__PURE__ */ Symbol("syno-app-navigation-drawer");
-function FI(e, t = () => "x") {
+const ja = /* @__PURE__ */ Symbol("syno-app-presentation"), zI = 248, ul = 200, cl = 360, Km = /* @__PURE__ */ Symbol("syno-app-sidebar-collapsed"), Zm = /* @__PURE__ */ Symbol("syno-app-top-navigation"), FI = /* @__PURE__ */ Symbol("syno-app-navigation-drawer");
+function qI(e, t = () => "x") {
   const n = /* @__PURE__ */ M(!1), o = /* @__PURE__ */ M(!1), r = /* @__PURE__ */ M(!1), i = /* @__PURE__ */ M(!1);
   let a;
   const s = () => {
@@ -24822,7 +24840,7 @@ function FI(e, t = () => "x") {
     e.value?.removeEventListener("scroll", s), a?.disconnect();
   }), { start: n, end: o, top: r, bottom: i };
 }
-const qI = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-top", "data-edge-bottom"], LI = /* @__PURE__ */ N({
+const LI = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-top", "data-edge-bottom"], BI = /* @__PURE__ */ N({
   __name: "ScrollEdges",
   props: {
     viewportClass: { default: void 0 },
@@ -24830,7 +24848,7 @@ const qI = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
     axis: { default: "x" }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Xe("viewport"), { start: r, end: i, top: a, bottom: s } = FI(o, () => n.axis);
+    const n = e, o = Xe("viewport"), { start: r, end: i, top: a, bottom: s } = qI(o, () => n.axis);
     return t({ viewport: o }), (l, c) => (y(), O("div", {
       "data-ui-scroll-edges": "",
       "data-axis": n.axis === "x" ? void 0 : n.axis,
@@ -24843,30 +24861,30 @@ const qI = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
         ref_key: "viewport",
         ref: o,
         "data-ui-scroll-edges-viewport": "",
-        class: Q(e.viewportClass),
+        class: Y(e.viewportClass),
         style: Ve(e.viewportStyle)
       }, [
         I(l.$slots, "default")
       ], 6)
-    ], 8, qI));
+    ], 8, LI));
   }
 });
 function Nd(e) {
   return e.align === "right" ? "text-right" : e.align === "center" ? "text-center" : "text-left";
 }
-function BI(e) {
+function VI(e) {
   return e.type === "number" || e.type === "date" || e.align === "right";
 }
-const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-view", "data-fill"], UI = {
+const jI = "-ml-1 flex items-center justify-start gap-1", UI = ["data-ui-data-view", "data-fill"], WI = {
   key: 0,
   "data-ui-mobile-cards": "",
   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-}, WI = {
+}, KI = {
   key: 1,
   "data-ui-mobile-cards": "",
   class: "grid gap-3",
   role: "list"
-}, KI = { class: "m-0 grid gap-2" }, ZI = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[12px] leading-5 text-[var(--ui-text-secondary)]" }, HI = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[13px] leading-5 text-[var(--ui-text)]" }, GI = { key: 0 }, JI = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, YI = ["data-column-type"], XI = { key: 0 }, QI = ["colspan"], eR = ["data-column-type"], Dd = /* @__PURE__ */ N({
+}, ZI = { class: "m-0 grid gap-2" }, HI = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[12px] leading-5 text-[var(--ui-text-secondary)]" }, GI = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[13px] leading-5 text-[var(--ui-text)]" }, JI = { key: 0 }, YI = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, XI = ["data-column-type"], QI = { key: 0 }, eR = ["colspan"], tR = ["data-column-type"], Dd = /* @__PURE__ */ N({
   __name: "DataTable",
   props: {
     columns: {},
@@ -24891,22 +24909,22 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
       "data-ui-data-table": "",
       "data-ui-data-view": s.value ? "cards" : "table",
       "data-fill": p(n).fill || void 0,
-      class: Q(["min-w-0", p(n).fill && "flex min-h-0 flex-1 flex-col"]),
+      class: Y(["min-w-0", p(n).fill && "flex min-h-0 flex-1 flex-col"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      s.value && !p(n).rows.length ? (y(), O("p", UI, te(p(n).emptyText), 1)) : s.value ? (y(), O("div", WI, [
+      s.value && !p(n).rows.length ? (y(), O("p", WI, te(p(n).emptyText), 1)) : s.value ? (y(), O("div", KI, [
         (y(!0), O(Se, null, nt(p(n).rows, (d, f) => (y(), O("article", {
           key: l(d, f),
           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"
         }, [
-          ne("dl", KI, [
+          ne("dl", ZI, [
             (y(!0), O(Se, null, nt(p(n).columns, (h) => (y(), O("div", {
               key: h.key,
               class: "grid min-w-0 grid-cols-[minmax(100px,35%)_minmax(0,1fr)] items-start gap-2"
             }, [
-              ne("dt", ZI, te(h.label), 1),
-              ne("dd", HI, [
+              ne("dt", HI, te(h.label), 1),
+              ne("dd", GI, [
                 I(c.$slots, `cell-${h.key}`, {
                   row: d,
                   value: d[h.key],
@@ -24918,56 +24936,56 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
             ]))), 128))
           ])
         ]))), 128))
-      ])) : (y(), R(LI, {
+      ])) : (y(), R(BI, {
         key: 2,
-        class: Q(p(n).fill && "min-h-0 flex-1"),
+        class: Y(p(n).fill && "min-h-0 flex-1"),
         "viewport-class": p(n).fill ? "h-full overflow-auto border-y border-[var(--ui-border)]" : "overflow-auto border-y border-[var(--ui-border)]"
       }, {
         default: $(() => [
           ne("table", {
-            class: Q(["w-full border-collapse text-[13px]", a.value && "table-fixed"])
+            class: Y(["w-full border-collapse text-[13px]", a.value && "table-fixed"])
           }, [
-            a.value ? (y(), O("colgroup", GI, [
+            a.value ? (y(), O("colgroup", JI, [
               (y(!0), O(Se, null, nt(p(n).columns, (d) => (y(), O("col", {
                 key: d.key,
                 style: Ve(d.width ? { width: d.width } : void 0)
               }, null, 4))), 128))
             ])) : L("", !0),
-            ne("thead", JI, [
+            ne("thead", YI, [
               ne("tr", null, [
                 (y(!0), O(Se, null, nt(p(n).columns, (d) => (y(), O("th", {
                   key: d.key,
-                  class: Q(["border-b border-[var(--ui-border)] px-3 py-2 font-normal", [p(Nd)(d), a.value ? "[overflow-wrap:anywhere]" : "whitespace-nowrap"]]),
+                  class: Y(["border-b border-[var(--ui-border)] px-3 py-2 font-normal", [p(Nd)(d), a.value ? "[overflow-wrap:anywhere]" : "whitespace-nowrap"]]),
                   "data-column-type": d.type ?? "text"
-                }, te(d.label), 11, YI))), 128))
+                }, te(d.label), 11, XI))), 128))
               ])
             ]),
             ne("tbody", null, [
-              p(n).rows.length === 0 ? (y(), O("tr", XI, [
+              p(n).rows.length === 0 ? (y(), O("tr", QI, [
                 ne("td", {
                   colspan: p(n).columns.length,
                   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-                }, te(p(n).emptyText), 9, QI)
+                }, te(p(n).emptyText), 9, eR)
               ])) : (y(!0), O(Se, { key: 1 }, nt(p(n).rows, (d, f) => (y(), O("tr", {
                 key: l(d, f),
                 class: "border-b border-[var(--ui-border-subtle)] last:border-b-0 hover:bg-[var(--ui-surface-hover)]"
               }, [
                 (y(!0), O(Se, null, nt(p(n).columns, (h) => (y(), O("td", {
                   key: h.key,
-                  class: Q([
+                  class: Y([
                     // The padding only shows in a row a two-line cell makes taller.
                     "px-3 py-1.5 text-[var(--ui-text)]",
                     a.value && "[overflow-wrap:anywhere]",
                     p(n).compact ? "h-9" : "h-11",
                     p(Nd)(h),
-                    p(BI)(h) && "tabular-nums whitespace-nowrap"
+                    p(VI)(h) && "tabular-nums whitespace-nowrap"
                   ]),
                   "data-column-type": h.type ?? "text"
                 }, [
                   h.type === "actions" ? (y(), O("div", {
                     key: 0,
                     "data-grid-actions": "",
-                    class: Q(p(VI))
+                    class: Y(p(jI))
                   }, [
                     I(c.$slots, `cell-${h.key}`, {
                       row: d,
@@ -24983,16 +25001,16 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
                   }, () => [
                     Ne(te(d[h.key]), 1)
                   ], void 0, 1)
-                ], 10, eR))), 128))
+                ], 10, tR))), 128))
               ]))), 128))
             ])
           ], 2)
         ]),
         _: 3
       }, 8, ["class", "viewport-class"]))
-    ], 10, jI));
+    ], 10, UI));
   }
-}), tR = ["data-layout", "data-wrap"], nR = ["data-ui-tooltip-hint", "disabled"], oR = /* @__PURE__ */ N({
+}), nR = ["data-layout", "data-wrap"], oR = ["data-ui-tooltip-hint", "disabled"], rR = /* @__PURE__ */ N({
   __name: "CellText",
   props: {
     text: {},
@@ -25009,19 +25027,19 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
     return (i, a) => (y(), O("div", {
       ref_key: "root",
       ref: o,
-      class: Q(["flex min-w-0 gap-[var(--ui-space-2)]", e.wrap ? "items-start" : "items-center"]),
+      class: Y(["flex min-w-0 gap-[var(--ui-space-2)]", e.wrap ? "items-start" : "items-center"]),
       "data-layout": e.layout,
       "data-wrap": e.wrap ? "" : void 0,
       "data-syno-pkg-land-ui": ""
     }, [
-      e.icon ? (y(), R(kt(e.icon), {
+      e.icon ? (y(), R(_t(e.icon), {
         key: 0,
-        class: Q(["size-4 shrink-0 text-[var(--ui-text-secondary)]", e.wrap && "mt-0.5"]),
+        class: Y(["size-4 shrink-0 text-[var(--ui-text-secondary)]", e.wrap && "mt-0.5"]),
         "aria-hidden": "true"
       }, null, 8, ["class"])) : L("", !0),
       ne("div", {
         "data-ui-cell-lines": "",
-        class: Q([
+        class: Y([
           "min-w-0 flex-1",
           e.layout === "inline" ? "flex items-baseline gap-x-[var(--ui-space-2)]" : "flex flex-col gap-y-0.5"
         ])
@@ -25032,16 +25050,16 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
           "data-ui-cell-primary": "",
           "data-ui-tooltip-hint": e.openLabel,
           disabled: e.openDisabled,
-          class: Q([r.value, "m-0 -mx-0.5 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-0.5 py-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
+          class: Y([r.value, "m-0 -mx-0.5 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-0.5 py-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
           onClick: a[0] || (a[0] = (s) => i.$emit("open"))
         }, [
           I(i.$slots, "default", {}, () => [
             Ne(te(e.text), 1)
           ])
-        ], 10, nR)) : (y(), O("span", {
+        ], 10, oR)) : (y(), O("span", {
           key: 1,
           "data-ui-cell-primary": "",
-          class: Q([r.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
+          class: Y([r.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
         }, [
           I(i.$slots, "default", {}, () => [
             Ne(te(e.text), 1)
@@ -25050,7 +25068,7 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
         e.secondary || i.$slots.secondary ? (y(), O("span", {
           key: 2,
           "data-ui-cell-secondary": "",
-          class: Q([
+          class: Y([
             "min-w-0 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)]",
             r.value,
             e.layout === "inline" && "shrink-0"
@@ -25065,24 +25083,24 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
         key: 1,
         target: o.value
       }, null, 8, ["target"])) : L("", !0)
-    ], 10, tR));
+    ], 10, nR));
   }
-}), rR = {
+}), iR = {
   "data-ui-cell-status": "",
   class: "flex min-w-0 items-center gap-[var(--ui-space-2)] leading-4 text-[var(--ui-text)]"
-}, iR = {
+}, aR = {
   "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)]"
-}, aR = {
+}, sR = {
   key: 1,
   "data-ui-cell-status-label": "",
   class: "min-w-0 truncate"
-}, sR = {
+}, lR = {
   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]"
-}, lR = /* @__PURE__ */ N({
+}, uR = /* @__PURE__ */ N({
   __name: "CellStatus",
   props: {
     label: {},
@@ -25098,29 +25116,29 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
     return (i, a) => (y(), O("div", {
       ref_key: "root",
       ref: o,
-      class: Q(["flex min-w-0 flex-col gap-0.5", r.value && !(e.detail || i.$slots.detail) && "relative"]),
+      class: Y(["flex min-w-0 flex-col gap-0.5", r.value && !(e.detail || i.$slots.detail) && "relative"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      ne("span", rR, [
-        K(Q$, { tone: e.tone }, null, 8, ["tone"]),
+      ne("span", iR, [
+        K(eT, { tone: e.tone }, null, 8, ["tone"]),
         e.description ? (y(), R(Fm, {
           key: 0,
           content: e.description
         }, {
           default: $(() => [
-            ne("span", iR, te(e.label), 1)
+            ne("span", aR, te(e.label), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (y(), O("span", aR, te(e.label), 1))
+        }, 8, ["content"])) : (y(), O("span", sR, te(e.label), 1))
       ]),
       r.value ? (y(), R(Dm, {
         key: 0,
         value: e.progress,
         "aria-label": e.label,
         size: "sm",
-        class: Q(["max-w-40", !(e.detail || i.$slots.detail) && "absolute inset-x-0 top-full mt-0.5"])
+        class: Y(["max-w-40", !(e.detail || i.$slots.detail) && "absolute inset-x-0 top-full mt-0.5"])
       }, null, 8, ["value", "aria-label", "class"])) : L("", !0),
-      e.detail || i.$slots.detail ? (y(), O("span", sR, [
+      e.detail || i.$slots.detail ? (y(), O("span", lR, [
         I(i.$slots, "detail", {}, () => [
           Ne(te(e.detail), 1)
         ])
@@ -25131,74 +25149,74 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
       }, null, 8, ["target"])) : L("", !0)
     ], 2));
   }
-}), uR = {
+}), cR = {
   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": ""
-}, cR = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, dR = {
+}, dR = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, fR = {
   key: 0,
   "data-ui-list-item-leading": "",
   class: "flex shrink-0 items-center"
-}, fR = { class: "min-w-0 flex-1" }, pR = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, hR = {
+}, pR = { class: "min-w-0 flex-1" }, hR = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, mR = {
   "data-ui-list-item-title": "",
   class: "font-semibold leading-5 text-[var(--ui-text)]"
-}, mR = {
+}, vR = {
   key: 0,
   "data-ui-list-item-meta": "",
   class: "flex flex-wrap items-center gap-[var(--ui-space-1)]"
-}, vR = {
+}, gR = {
   key: 0,
   "data-ui-list-item-description": "",
   class: "mt-1 leading-5 text-[var(--ui-text-secondary)]"
-}, gR = {
+}, yR = {
   key: 1,
   class: "mt-1 leading-5"
-}, yR = {
+}, bR = {
   key: 0,
   "data-ui-list-item-actions": "",
   class: "flex shrink-0 flex-wrap items-center gap-[var(--ui-space-2)]"
-}, bR = /* @__PURE__ */ N({
+}, wR = /* @__PURE__ */ N({
   __name: "ListItem",
   props: {
     title: {},
     description: {}
   },
   setup(e) {
-    return (t, n) => (y(), O("div", uR, [
-      ne("div", cR, [
-        t.$slots.leading ? (y(), O("div", dR, [
+    return (t, n) => (y(), O("div", cR, [
+      ne("div", dR, [
+        t.$slots.leading ? (y(), O("div", fR, [
           I(t.$slots, "leading")
         ])) : L("", !0),
-        ne("div", fR, [
-          ne("div", pR, [
-            ne("span", hR, [
+        ne("div", pR, [
+          ne("div", hR, [
+            ne("span", mR, [
               I(t.$slots, "title", {}, () => [
                 Ne(te(e.title), 1)
               ])
             ]),
-            t.$slots.meta ? (y(), O("span", mR, [
+            t.$slots.meta ? (y(), O("span", vR, [
               I(t.$slots, "meta")
             ])) : L("", !0)
           ]),
-          e.description || t.$slots.description ? (y(), O("div", vR, [
+          e.description || t.$slots.description ? (y(), O("div", gR, [
             I(t.$slots, "description", {}, () => [
               Ne(te(e.description), 1)
             ])
           ])) : L("", !0),
-          t.$slots.default ? (y(), O("div", gR, [
+          t.$slots.default ? (y(), O("div", yR, [
             I(t.$slots, "default")
           ])) : L("", !0)
         ])
       ]),
-      t.$slots.actions ? (y(), O("div", yR, [
+      t.$slots.actions ? (y(), O("div", bR, [
         I(t.$slots, "actions")
       ])) : L("", !0)
     ]));
   }
-}), wR = ["id"], _R = {
+}), _R = ["id"], SR = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-1.5"
-}, SR = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], xR = ["id", "role", "aria-labelledby"], kR = /* @__PURE__ */ N({
+}, xR = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], kR = ["id", "role", "aria-labelledby"], CR = /* @__PURE__ */ N({
   __name: "Card",
   props: {
     title: {},
@@ -25237,7 +25255,7 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
       default: $(() => [
         e.hasHeader && (d.value || g.$slots["header-actions"] || e.expandable) ? (y(), O("header", {
           key: 0,
-          class: Q(m.value)
+          class: Y(m.value)
         }, [
           d.value ? (y(), O("h3", {
             key: 0,
@@ -25247,8 +25265,8 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
             I(g.$slots, "title", {}, () => [
               Ne(te(e.title), 1)
             ])
-          ], 8, wR)) : L("", !0),
-          g.$slots["header-actions"] || e.expandable ? (y(), O("div", _R, [
+          ], 8, _R)) : L("", !0),
+          g.$slots["header-actions"] || e.expandable ? (y(), O("div", SR, [
             I(g.$slots, "header-actions"),
             e.expandable ? (y(), O("button", {
               key: 0,
@@ -25263,27 +25281,27 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
               (..._) => p(u) && p(u)(..._))
             }, [
               K(p(lr), {
-                class: Q(p(On)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !p(c) && "-rotate-90")),
+                class: Y(p(On)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !p(c) && "-rotate-90")),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
-            ], 8, SR)) : L("", !0)
+            ], 8, xR)) : L("", !0)
           ])) : L("", !0)
         ], 2)) : L("", !0),
         Qn(ne("div", {
           id: p(l),
-          class: Q(v.value),
+          class: Y(v.value),
           role: e.expandable ? "region" : void 0,
           "aria-labelledby": e.expandable && d.value ? p(s) : void 0
         }, [
           e.loading ? (y(), R(Mm, { key: 0 })) : I(g.$slots, "body", {}, () => [
             I(g.$slots, "default")
           ], void 0, 1)
-        ], 10, xR), [
+        ], 10, kR), [
           [ko, h.value]
         ]),
         g.$slots.footer && !e.loading ? (y(), O("footer", {
           key: 1,
-          class: Q(p(On)("flex flex-wrap items-center gap-2 border-t border-[var(--ui-border-subtle)] py-2.5", f.value ? "px-5" : "px-[var(--ui-card-padding,20px)]", r[e.footerAlign]))
+          class: Y(p(On)("flex flex-wrap items-center gap-2 border-t border-[var(--ui-border-subtle)] py-2.5", f.value ? "px-5" : "px-[var(--ui-card-padding,20px)]", r[e.footerAlign]))
         }, [
           I(g.$slots, "footer")
         ], 2)) : L("", !0)
@@ -25291,16 +25309,16 @@ const VI = "-ml-1 flex items-center justify-start gap-1", jI = ["data-ui-data-vi
       _: 3
     }, 8, ["data-layout", "aria-busy"]));
   }
-}), CR = /^#([\da-f]{3}|[\da-f]{6})$/i, PR = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
+}), PR = /^#([\da-f]{3}|[\da-f]{6})$/i, AR = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
 function dl(e) {
   const t = e.trim();
   if (t === "transparent") return [0, 0, 0, 0];
-  const n = CR.exec(t)?.[1];
+  const n = PR.exec(t)?.[1];
   if (n) {
     const r = n.length === 3 ? [...n].map((i) => i + i).join("") : n;
     return [0, 2, 4].map((i) => parseInt(r.slice(i, i + 2), 16)).concat(1);
   }
-  const o = PR.exec(t);
+  const o = AR.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];
@@ -25317,43 +25335,43 @@ function fl(e, t) {
 function ws([e, t, n, o], r) {
   return [e * (1 - r), t * (1 - r), n * (1 - r), o];
 }
-function AR([e, t, n, o], r) {
+function ER([e, t, n, o], r) {
   return [e + (255 - e) * r, t + (255 - t) * r, n + (255 - n) * r, o];
 }
-function ER([e, t, n]) {
+function OR([e, t, n]) {
   const o = (r) => {
     const i = r / 255;
     return i <= 0.04045 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * o(e) + 0.7152 * o(t) + 0.0722 * o(n);
 }
-function OR(e, t) {
-  const n = fl(t, [255, 255, 255, 1]), [o, r] = [fl(e, n), n].map(ER).sort((i, a) => a - i);
+function $R(e, t) {
+  const n = fl(t, [255, 255, 255, 1]), [o, r] = [fl(e, n), n].map(OR).sort((i, a) => a - i);
   return (o + 0.05) / (r + 0.05);
 }
-const _s = [255, 255, 255, 1], $R = "#1b1f1c", TR = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], IR = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], RR = 0.075, NR = 0.22, DR = 0.55, pl = (e) => dl(Ei(e));
+const _s = [255, 255, 255, 1], TR = "#1b1f1c", IR = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], RR = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], NR = 0.075, DR = 0.22, MR = 0.55, pl = (e) => dl(Ei(e));
 function Md(e, t, n, o, r) {
   for (let i = n; i < 1; i += 0.01) {
     const a = pl(t(e, i));
-    if (OR(...r(a)) >= o) return a;
+    if ($R(...r(a)) >= o) return a;
   }
   return t(e, 1);
 }
-function MR(e, { dark: t = !1 } = {}) {
+function zR(e, { dark: t = !1 } = {}) {
   const n = dl(e);
   if (n[3] !== 1) throw new Error(`An accent must be opaque: "${e}"`);
-  const o = Md(n, ws, 0, 4.5, (u) => [_s, u]), r = t ? dl($R) : _s, i = (t ? IR : TR).map((u) => [o[0], o[1], o[2], u]), a = i.map((u) => pl(fl(u, r))), s = (u, d) => Md(o, t ? AR : ws, d, u, (f) => [f, a[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, NR), s(7, DR)];
-  return { steps: [...a, o, pl(ws(o, RR)), ...l].map(Ei), alpha: i.map(Ei), contrast: Ei(_s) };
+  const o = Md(n, ws, 0, 4.5, (u) => [_s, u]), r = t ? dl(TR) : _s, i = (t ? RR : IR).map((u) => [o[0], o[1], o[2], u]), a = i.map((u) => pl(fl(u, r))), s = (u, d) => Md(o, t ? ER : ws, d, u, (f) => [f, a[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, DR), s(7, MR)];
+  return { steps: [...a, o, pl(ws(o, NR)), ...l].map(Ei), alpha: i.map(Ei), contrast: Ei(_s) };
 }
-function zR(e, t = {}) {
-  const { steps: n, alpha: o, contrast: r } = MR(e, t);
+function FR(e, t = {}) {
+  const { steps: n, alpha: o, contrast: r } = zR(e, t);
   return Object.fromEntries([
     ...n.map((i, a) => [`--ui-accent-${a + 1}`, i]),
     ...o.map((i, a) => [`--ui-accent-a${a + 1}`, i]),
     ["--ui-accent-contrast", r]
   ]);
 }
-const FR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "tabindex"], qR = /* @__PURE__ */ N({
+const qR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "tabindex"], LR = /* @__PURE__ */ N({
   __name: "AppRoot",
   props: {
     modalScope: { default: "app" },
@@ -25370,11 +25388,11 @@ const FR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     Ke(ja, s);
     const l = Xe("background"), c = Xe("portal"), u = n.modalScope, d = u === "app" ? new oP(i, l) : null;
     Ke(Lh, d);
-    const f = DT(i, u === "app" && n.dialogBounds === "viewport", () => o("activate"));
+    const f = MT(i, u === "app" && n.dialogBounds === "viewport", () => o("activate"));
     f && d?.region(f.element), Ke(Lm, f);
     const h = { position: "relative", isolation: "isolate", overflow: "hidden" }, m = C(() => ({
       ...u === "app" ? h : {},
-      ...n.accent ? zR(n.accent, { dark: n.colorScheme === "dark" }) : {}
+      ...n.accent ? FR(n.accent, { dark: n.colorScheme === "dark" }) : {}
     }));
     return de(() => n.modalScope, (v) => {
       if (v !== u) throw new Error("AppRoot modal-scope is fixed for the mounted root; remount to change it");
@@ -25413,9 +25431,9 @@ const FR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
         ]),
         _: 3
       }, 8, ["teleport-to"])
-    ], 12, FR));
+    ], 12, qR));
   }
-}), LR = ["src"], Ss = /* @__PURE__ */ N({
+}), BR = ["src"], Ss = /* @__PURE__ */ N({
   __name: "AppBrand",
   props: {
     name: {},
@@ -25426,7 +25444,7 @@ const FR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
   emits: ["activate"],
   setup(e, { emit: t }) {
     const n = t, o = Bn(), r = (i, { slots: a }) => a.default?.();
-    return (i, a) => (y(), R(kt(e.interactive ? "button" : r), st(dt(e.interactive ? {
+    return (i, a) => (y(), R(_t(e.interactive ? "button" : r), st(dt(e.interactive ? {
       type: "button",
       "data-ui-brand-action": "",
       "aria-label": p(o)("Go to home"),
@@ -25440,18 +25458,18 @@ const FR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
           alt: "",
           width: "28",
           height: "28"
-        }, null, 8, LR)) : L("", !0),
+        }, null, 8, BR)) : L("", !0),
         e.name ? (y(), O("span", {
           key: 1,
           "data-ui-brand-name": "",
-          class: Q(e.collapsed ? "sr-only" : "min-w-0 truncate")
+          class: Y(e.collapsed ? "sr-only" : "min-w-0 truncate")
         }, te(e.name), 3)) : L("", !0)
       ]),
       _: 1
     }, 16));
   }
 }), hl = (e) => Math.round(Math.min(cl, Math.max(ul, e)));
-function BR(e) {
+function VR(e) {
   try {
     const t = JSON.parse(localStorage.getItem(e) ?? "null");
     return t && typeof t == "object" ? t : {};
@@ -25459,8 +25477,8 @@ function BR(e) {
     return {};
   }
 }
-function VR(e) {
-  const t = e ? `${e}:app-sidebar` : void 0, n = t ? BR(t) : {}, o = /* @__PURE__ */ M(typeof n.width == "number" && Number.isFinite(n.width) ? hl(n.width) : MI), r = /* @__PURE__ */ M(n.collapsed === !0);
+function jR(e) {
+  const t = e ? `${e}:app-sidebar` : void 0, n = t ? VR(t) : {}, o = /* @__PURE__ */ M(typeof n.width == "number" && Number.isFinite(n.width) ? hl(n.width) : zI), r = /* @__PURE__ */ M(n.collapsed === !0);
   return t && de([o, r], () => {
     try {
       localStorage.setItem(t, JSON.stringify({ width: o.value, collapsed: r.value }));
@@ -25468,25 +25486,25 @@ function VR(e) {
     }
   }), { width: o, collapsed: r };
 }
-const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing"], UR = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], WR = {
+const UR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing"], WR = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], KR = {
   key: 0,
   "data-ui-mobile-sidebar-header": ""
-}, KR = {
+}, ZR = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, ZR = { key: 1 }, HR = ["aria-label"], GR = {
+}, HR = { key: 1 }, GR = ["aria-label"], JR = {
   key: 1,
   "data-ui-sidebar-brand": ""
-}, JR = { "data-ui-sidebar-body": "" }, YR = {
+}, YR = { "data-ui-sidebar-body": "" }, XR = {
   key: 2,
   "data-ui-sidebar-footer": ""
-}, XR = ["aria-label", "title", "aria-expanded", "aria-controls"], QR = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], eN = ["inert"], tN = {
+}, QR = ["aria-label", "title", "aria-expanded", "aria-controls"], eN = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], tN = ["inert"], nN = {
   key: 0,
   "data-ui-mobile-navigation": ""
-}, nN = ["aria-label", "aria-expanded", "aria-controls"], oN = {
+}, oN = ["aria-label", "aria-expanded", "aria-controls"], rN = {
   key: 1,
   "data-ui-sidebar-brand": ""
-}, rN = { key: 2 }, zd = 16, iN = /* @__PURE__ */ N({
+}, iN = { key: 2 }, zd = 16, aN = /* @__PURE__ */ N({
   __name: "AppLayout",
   props: {
     sidebarWidth: { default: void 0 },
@@ -25520,7 +25538,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     const P = C(() => m.value === "web"), b = C(() => n.navigation === "top" && !v.value);
     Ke(Zm, b);
-    const x = VR(n.sidebarStorageKey), k = C(() => P.value && !b.value && x.collapsed.value);
+    const x = jR(n.sidebarStorageKey), k = C(() => P.value && !b.value && x.collapsed.value);
     Ke(Km, k);
     const A = C(() => P.value && !b.value && !k.value && n.sidebarWidth === void 0), T = C(() => k.value ? "var(--ui-web-sidebar-collapsed-width, 64px)" : n.sidebarWidth !== void 0 ? n.sidebarWidth : P.value ? `${x.width.value}px` : "var(--ui-sidebar-width)"), D = /* @__PURE__ */ M({});
     Je(() => {
@@ -25529,7 +25547,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         icon: document.head.querySelector('link[rel~="icon"]')?.href || void 0
       };
     });
-    const z = C(() => ({ name: n.brandName ?? D.value.name, icon: n.brandIcon ?? D.value.icon })), B = C(() => !!(s.brand || z.value.name || z.value.icon)), Y = C(() => B.value && !v.value && n.wideLayout === "web"), se = C(() => b.value ? !!s["sidebar-footer"] : P.value || v.value && !!s["sidebar-footer"]);
+    const z = C(() => ({ name: n.brandName ?? D.value.name, icon: n.brandIcon ?? D.value.icon })), B = C(() => !!(s.brand || z.value.name || z.value.icon)), X = C(() => B.value && !v.value && n.wideLayout === "web"), se = C(() => b.value ? !!s["sidebar-footer"] : P.value || v.value && !!s["sidebar-footer"]);
     function fe() {
       x.collapsed.value = !x.collapsed.value;
     }
@@ -25564,7 +25582,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       f = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null, g.value = !0, ze(() => u.value?.querySelector("[data-ui-close-navigation]")?.focus());
     }
     const ft = /* @__PURE__ */ M(0), pt = C(() => v.value && !!s.tabbar && ft.value > 0);
-    Ke(zI, {
+    Ke(FI, {
       available: C(() => !!s.sidebar),
       open: C(() => g.value),
       id: w,
@@ -25598,7 +25616,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     return (pe, Fe) => (y(), O("section", {
       ref_key: "root",
       ref: c,
-      class: Q(["syno-pkg-land-ui-root relative grid min-w-0 overflow-hidden bg-[var(--ui-surface)] text-[var(--ui-text)]", [
+      class: Y(["syno-pkg-land-ui-root relative grid min-w-0 overflow-hidden bg-[var(--ui-surface)] text-[var(--ui-text)]", [
         pe.$slots.sidebar && !v.value && !b.value ? "grid-cols-[var(--ui-app-sidebar-width)_minmax(0,1fr)]" : "grid-cols-1",
         n.height === "fill" && "h-full grid-rows-[minmax(0,1fr)]"
       ]]),
@@ -25633,8 +25651,8 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         inert: v.value && !g.value,
         onClick: rn
       }, [
-        v.value ? (y(), O("div", WR, [
-          B.value ? (y(), O("div", KR, [
+        v.value ? (y(), O("div", KR, [
+          B.value ? (y(), O("div", ZR, [
             I(pe.$slots, "brand", {}, () => [
               K(Ss, {
                 interactive: i(),
@@ -25643,7 +25661,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: z.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : (y(), O("span", ZR, te(p(l)("Application navigation")), 1)),
+          ])) : (y(), O("span", HR, te(p(l)("Application navigation")), 1)),
           ne("button", {
             "data-ui-close-navigation": "",
             type: "button",
@@ -25654,9 +25672,9 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, HR)
+          ], 8, GR)
         ])) : L("", !0),
-        Y.value ? (y(), O("div", GR, [
+        X.value ? (y(), O("div", JR, [
           I(pe.$slots, "brand", {}, () => [
             K(Ss, {
               interactive: i(),
@@ -25667,10 +25685,10 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             }, null, 8, ["interactive", "name", "icon", "collapsed"])
           ])
         ])) : L("", !0),
-        ne("div", JR, [
+        ne("div", YR, [
           I(pe.$slots, "sidebar")
         ]),
-        se.value ? (y(), O("div", YR, [
+        se.value ? (y(), O("div", XR, [
           I(pe.$slots, "sidebar-footer"),
           P.value && !b.value ? (y(), O("button", {
             key: 0,
@@ -25682,11 +25700,11 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "aria-controls": p(w),
             onClick: fe
           }, [
-            (y(), R(kt(k.value ? p(wC) : p(yC)), {
+            (y(), R(_t(k.value ? p(wC) : p(yC)), {
               size: 18,
               "aria-hidden": "true"
             }))
-          ], 8, XR)) : L("", !0)
+          ], 8, QR)) : L("", !0)
         ])) : L("", !0),
         A.value ? (y(), O("div", {
           key: 3,
@@ -25701,14 +25719,14 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           "aria-valuenow": p(x).width.value,
           onKeydown: Z,
           onPointerdown: xe
-        }, null, 40, QR)) : L("", !0)
-      ], 8, UR)) : L("", !0),
+        }, null, 40, eN)) : L("", !0)
+      ], 8, WR)) : L("", !0),
       ne("div", {
         "data-ui-layout-main": "",
         class: "flex min-h-0 min-w-0 flex-col bg-[var(--ui-surface)]",
         inert: v.value && g.value
       }, [
-        v.value && pe.$slots.sidebar && !(pt.value && !B.value) ? (y(), O("div", tN, [
+        v.value && pe.$slots.sidebar && !(pt.value && !B.value) ? (y(), O("div", nN, [
           pt.value ? L("", !0) : (y(), O("button", {
             key: 0,
             ref_key: "menuTrigger",
@@ -25724,8 +25742,8 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, nN)),
-          B.value ? (y(), O("div", oN, [
+          ], 8, oN)),
+          B.value ? (y(), O("div", rN, [
             I(pe.$slots, "brand", {}, () => [
               K(Ss, {
                 interactive: i(),
@@ -25734,20 +25752,20 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: z.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : (y(), O("span", rN, te(p(l)("Application navigation")), 1))
+          ])) : (y(), O("span", iN, te(p(l)("Application navigation")), 1))
         ])) : L("", !0),
         I(pe.$slots, "toolbar"),
         ne("main", {
-          class: Q(["min-h-0 flex-1", n.height === "fill" && "flex flex-col overflow-y-auto"])
+          class: Y(["min-h-0 flex-1", n.height === "fill" && "flex flex-col overflow-y-auto"])
         }, [
           I(pe.$slots, "default")
         ], 2),
         I(pe.$slots, "footer"),
         v.value ? I(pe.$slots, "tabbar", {}, void 0, void 0, 1) : L("", !0)
-      ], 8, eN)
-    ], 46, jR));
+      ], 8, tN)
+    ], 46, UR));
   }
-}), aN = /* @__PURE__ */ N({
+}), sN = /* @__PURE__ */ N({
   __name: "ResponsiveView",
   props: {
     mode: { default: "auto" }
@@ -25759,7 +25777,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     return (i, a) => I(i.$slots, r.value);
   }
-}), sN = /* @__PURE__ */ N({
+}), lN = /* @__PURE__ */ N({
   __name: "AppSidebarTip",
   props: {
     label: {},
@@ -25777,20 +25795,20 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       _: 3
     }, 8, ["content"])) : I(t.$slots, "default", {}, void 0, void 0, 1);
   }
-}), lN = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], uN = {
+}), uN = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], cN = {
   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)]"
-}, cN = ["disabled", "aria-current", "onClick"], dN = {
+}, dN = ["disabled", "aria-current", "onClick"], fN = {
   key: 0,
   "data-nav-chevron-spacer": "",
   class: "size-3.5 shrink-0",
   "aria-hidden": "true"
-}, fN = {
+}, pN = {
   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)]"
-}, pN = ["aria-label"], Fd = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", hN = /* @__PURE__ */ N({
+}, hN = ["aria-label"], Fd = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", mN = /* @__PURE__ */ N({
   name: "AppSidebarItems",
   __name: "AppSidebarItems",
   props: {
@@ -25812,7 +25830,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       return y(!0), O(Se, null, nt(e.items, (m) => (y(), O(Se, {
         key: m.key
       }, [
-        a(m) ? L("", !0) : (y(), R(sN, {
+        a(m) ? L("", !0) : (y(), R(lN, {
           key: 0,
           label: m.label,
           enabled: !!n.collapsed
@@ -25827,7 +25845,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               disabled: m.disabled,
               "aria-current": m.selectable && n.modelValue === m.key ? "page" : void 0,
               "aria-expanded": r(m),
-              class: Q(u(m)),
+              class: Y(u(m)),
               style: Ve(i(n.depth)),
               onClick: (v) => {
                 o("toggle", m.key), m.selectable && o("select", m);
@@ -25835,41 +25853,41 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             }, [
               K(p(Hs), {
                 "data-nav-chevron": "",
-                class: Q(["size-3.5 shrink-0 text-[var(--ui-text-muted)] transition-transform", r(m) && "rotate-90"]),
+                class: Y(["size-3.5 shrink-0 text-[var(--ui-text-muted)] transition-transform", r(m) && "rotate-90"]),
                 "aria-hidden": "true"
               }, null, 8, ["class"]),
-              m.icon ? (y(), R(kt(m.icon), {
+              m.icon ? (y(), R(_t(m.icon), {
                 key: 0,
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
                 "aria-hidden": "true"
               })) : L("", !0),
               ne("span", {
                 "data-nav-label": "",
-                class: Q(n.collapsed ? "sr-only" : Fd)
+                class: Y(n.collapsed ? "sr-only" : Fd)
               }, te(m.label), 3),
-              m.badge !== void 0 ? (y(), O("span", uN, te(m.badge), 1)) : L("", !0)
-            ], 14, lN)) : (y(), O("button", {
+              m.badge !== void 0 ? (y(), O("span", cN, te(m.badge), 1)) : L("", !0)
+            ], 14, uN)) : (y(), O("button", {
               key: 1,
               type: "button",
               "data-nav-item": "",
               disabled: m.disabled,
               "aria-current": n.modelValue === m.key ? "page" : void 0,
-              class: Q(u(m)),
+              class: Y(u(m)),
               style: Ve(i(n.depth)),
               onClick: (v) => o("select", m)
             }, [
-              c.value ? (y(), O("span", dN)) : L("", !0),
-              m.icon ? (y(), R(kt(m.icon), {
+              c.value ? (y(), O("span", fN)) : L("", !0),
+              m.icon ? (y(), R(_t(m.icon), {
                 key: 1,
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
                 "aria-hidden": "true"
               })) : L("", !0),
               ne("span", {
                 "data-nav-label": "",
-                class: Q(n.collapsed ? "sr-only" : Fd)
+                class: Y(n.collapsed ? "sr-only" : Fd)
               }, te(m.label), 3),
-              m.badge !== void 0 ? (y(), O("span", fN, te(m.badge), 1)) : L("", !0)
-            ], 14, cN))
+              m.badge !== void 0 ? (y(), O("span", pN, te(m.badge), 1)) : L("", !0)
+            ], 14, dN))
           ]),
           _: 2
         }, 1032, ["label", "enabled"])),
@@ -25889,11 +25907,11 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             onSelect: f[0] || (f[0] = (v) => o("select", v)),
             onToggle: f[1] || (f[1] = (v) => o("toggle", v))
           }, null, 8, ["items", "model-value", "expanded-keys", "depth", "searching", "collapsed"])
-        ], 8, pN)) : L("", !0)
+        ], 8, hN)) : L("", !0)
       ], 64))), 128);
     };
   }
-}), mN = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], vN = { "data-nav-label": "" }, gN = ["disabled", "aria-current", "onClick"], yN = { "data-nav-label": "" }, qd = "size-[var(--ui-icon-size,18px)] shrink-0", Ld = "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)]", Bd = /* @__PURE__ */ N({
+}), vN = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], gN = { "data-nav-label": "" }, yN = ["disabled", "aria-current", "onClick"], bN = { "data-nav-label": "" }, qd = "size-[var(--ui-icon-size,18px)] shrink-0", Ld = "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)]", Bd = /* @__PURE__ */ N({
   __name: "AppTopNavItems",
   props: {
     items: {},
@@ -25931,7 +25949,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     return (c, u) => (y(!0), O(Se, null, nt(n.items, (d) => (y(), O(Se, {
       key: d.key
     }, [
-      d.children?.length || n.overflow ? (y(), R(CT, {
+      d.children?.length || n.overflow ? (y(), R(PT, {
         key: 0,
         items: i(d),
         "data-ui-top-nav-overflow-menu": n.overflow ? "" : void 0,
@@ -25948,25 +25966,25 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "data-nav-contains-current": r(d, n.modelValue) || void 0,
             disabled: d.disabled,
             "aria-current": !n.overflow && d.selectable && n.modelValue === d.key ? "page" : void 0,
-            class: Q(l(!n.overflow && n.modelValue === d.key || r(d, n.modelValue)))
+            class: Y(l(!n.overflow && n.modelValue === d.key || r(d, n.modelValue)))
           }, [
-            d.icon ? (y(), R(kt(d.icon), {
+            d.icon ? (y(), R(_t(d.icon), {
               key: 0,
-              class: Q(qd),
+              class: Y(qd),
               "aria-hidden": "true"
             })) : L("", !0),
-            ne("span", vN, te(d.label), 1),
+            ne("span", gN, te(d.label), 1),
             d.badge !== void 0 ? (y(), O("span", {
               key: 1,
               "data-nav-badge": "",
-              class: Q(Ld)
+              class: Y(Ld)
             }, te(d.badge), 1)) : L("", !0),
             K(p(lr), {
               "data-nav-chevron": "",
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
               "aria-hidden": "true"
             })
-          ], 10, mN)
+          ], 10, vN)
         ]),
         _: 2
       }, 1032, ["items", "data-ui-top-nav-overflow-menu", "onSelect"])) : (y(), O("button", {
@@ -25975,24 +25993,24 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         "data-nav-item": "",
         disabled: d.disabled,
         "aria-current": n.modelValue === d.key ? "page" : void 0,
-        class: Q(l(n.modelValue === d.key)),
+        class: Y(l(n.modelValue === d.key)),
         onClick: (f) => o("select", d)
       }, [
-        d.icon ? (y(), R(kt(d.icon), {
+        d.icon ? (y(), R(_t(d.icon), {
           key: 0,
-          class: Q(qd),
+          class: Y(qd),
           "aria-hidden": "true"
         })) : L("", !0),
-        ne("span", yN, te(d.label), 1),
+        ne("span", bN, te(d.label), 1),
         d.badge !== void 0 ? (y(), O("span", {
           key: 1,
           "data-nav-badge": "",
-          class: Q(Ld)
+          class: Y(Ld)
         }, te(d.badge), 1)) : L("", !0)
-      ], 10, gN))
+      ], 10, yN))
     ], 64))), 128));
   }
-}), bN = ["aria-label"], wN = ["aria-label", "aria-hidden", "inert"], _N = ["data-ui-overflowed", "aria-hidden", "inert"], SN = ["aria-hidden", "inert"], xN = /* @__PURE__ */ N({
+}), wN = ["aria-label"], _N = ["aria-label", "aria-hidden", "inert"], SN = ["data-ui-overflowed", "aria-hidden", "inert"], xN = ["aria-hidden", "inert"], kN = /* @__PURE__ */ N({
   __name: "AppTopNav",
   props: {
     groups: {},
@@ -26016,25 +26034,25 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       const P = getComputedStyle(_), b = _.clientWidth - v(P.paddingLeft) - v(P.paddingRight);
       if (b <= 0) return;
       const x = v(P.columnGap), k = [];
-      if (_.querySelectorAll("[data-nav-group]").forEach((B, Y) => {
+      if (_.querySelectorAll("[data-nav-group]").forEach((B, X) => {
         const se = getComputedStyle(B);
         B.querySelectorAll("[data-ui-top-nav-item]").forEach((fe, Z) => {
-          const re = Z === 0 ? v(se.marginLeft) + v(se.marginRight) + v(se.paddingLeft) + v(se.paddingRight) + v(se.borderLeftWidth) + v(se.borderRightWidth) + (Y ? x : 0) : v(se.columnGap);
+          const re = Z === 0 ? v(se.marginLeft) + v(se.marginRight) + v(se.paddingLeft) + v(se.paddingRight) + v(se.borderLeftWidth) + v(se.borderRightWidth) + (X ? x : 0) : v(se.columnGap);
           k.push(fe.getBoundingClientRect().width + re);
         });
       }), !k.length || k.every((B) => B === 0)) return;
       let A = k.length;
-      if (k.reduce((B, Y) => B + Y, 0) > b) {
+      if (k.reduce((B, X) => B + X, 0) > b) {
         const B = b - a.value.getBoundingClientRect().width - x;
-        let Y = 0;
+        let X = 0;
         A = 0;
         for (const se of k) {
-          if (Y + se > B) break;
-          Y += se, A++;
+          if (X + se > B) break;
+          X += se, A++;
         }
       }
       if (l.value === A) return;
-      const T = document.activeElement, D = T instanceof Element && [..._.querySelectorAll("[data-ui-top-nav-item]")].some((B, Y) => Y >= A && B.contains(T)), z = a.value.contains(T);
+      const T = document.activeElement, D = T instanceof Element && [..._.querySelectorAll("[data-ui-top-nav-item]")].some((B, X) => X >= A && B.contains(T)), z = a.value.contains(T);
       l.value = A, ze(() => {
         D ? a.value?.querySelector("button")?.focus() : z && !u.value.length && _.querySelector("[data-ui-top-nav-item] button")?.focus();
       });
@@ -26060,7 +26078,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         inert: x[0].index >= l.value,
         style: Ve(x[0].index >= l.value ? h : void 0),
         "data-nav-group": "",
-        class: Q(["flex shrink-0 items-center gap-[var(--ui-space-1)]", k > 0 && "ml-1 border-l border-[var(--ui-border-subtle)] pl-2"])
+        class: Y(["flex shrink-0 items-center gap-[var(--ui-space-1)]", k > 0 && "ml-1 border-l border-[var(--ui-border-subtle)] pl-2"])
       }, [
         (y(!0), O(Se, null, nt(x, ({ item: A, index: T }) => (y(), O("div", {
           key: A.key,
@@ -26077,8 +26095,8 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "model-value": n.modelValue,
             onSelect: P[0] || (P[0] = (D) => o("select", D))
           }, null, 8, ["items", "model-value"]))
-        ], 12, _N))), 128))
-      ], 14, wN))), 128)),
+        ], 12, SN))), 128))
+      ], 14, _N))), 128)),
       ne("div", {
         ref_key: "more",
         ref: a,
@@ -26095,14 +26113,14 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           overflow: "",
           onSelect: P[1] || (P[1] = (b) => o("select", b))
         }, null, 8, ["items", "model-value"]))
-      ], 12, SN)
-    ], 8, bN));
+      ], 12, xN)
+    ], 8, wN));
   }
-}), kN = ["aria-label", "data-ui-sidebar-collapsed"], CN = ["aria-expanded", "onClick"], PN = {
+}), CN = ["aria-label", "data-ui-sidebar-collapsed"], PN = ["aria-expanded", "onClick"], AN = {
   key: 1,
   "data-nav-group-label": "",
   class: "flex h-6 items-center px-[11px] text-[12px] font-bold text-[var(--ui-text-secondary)]"
-}, AN = /* @__PURE__ */ N({
+}, EN = /* @__PURE__ */ N({
   __name: "AppSidebar",
   props: {
     modelValue: {},
@@ -26161,7 +26179,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     function P(b) {
       b.disabled || (r("update:modelValue", b.key), r("select", b), w(b.key));
     }
-    return (b, x) => p(a) ? (y(), R(xN, {
+    return (b, x) => p(a) ? (y(), R(kN, {
       key: 0,
       groups: p(o).groups,
       "model-value": p(o).modelValue,
@@ -26174,7 +26192,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       "data-ui-sidebar-collapsed": p(i) ? "true" : void 0,
       "data-syno-pkg-land-ui": ""
     }, [
-      p(o).searchable && !p(i) ? (y(), R(eI, {
+      p(o).searchable && !p(i) ? (y(), R(tI, {
         key: 0,
         modelValue: s.value,
         "onUpdate:modelValue": x[0] || (x[0] = (k) => s.value = k),
@@ -26184,7 +26202,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       }, null, 8, ["modelValue", "placeholder", "clear-label"])) : L("", !0),
       (y(!0), O(Se, null, nt(u.value, ({ group: k, id: A, items: T }, D) => (y(), O("section", {
         key: A,
-        class: Q(D > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2")
+        class: Y(D > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2")
       }, [
         k.label && p(o).collapsible && !p(i) ? (y(), O("button", {
           key: 0,
@@ -26196,12 +26214,12 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           onClick: (z) => f(A)
         }, [
           K(p(lr), {
-            class: Q(["size-3 shrink-0 transition-transform", !h(A) && "-rotate-90"]),
+            class: Y(["size-3 shrink-0 transition-transform", !h(A) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
           Ne(" " + te(k.label), 1)
-        ], 8, CN)) : k.label && !p(i) ? (y(), O("div", PN, te(k.label), 1)) : L("", !0),
-        h(A) ? (y(), R(hN, {
+        ], 8, PN)) : k.label && !p(i) ? (y(), O("div", AN, te(k.label), 1)) : L("", !0),
+        h(A) ? (y(), R(mN, {
           key: 2,
           items: T,
           "model-value": p(o).modelValue,
@@ -26213,15 +26231,15 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           onToggle: _
         }, null, 8, ["items", "model-value", "expanded-keys", "searching", "collapsed"])) : L("", !0)
       ], 2))), 128))
-    ], 8, kN));
+    ], 8, CN));
   }
-}), EN = {
+}), ON = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, ON = { class: "min-w-0 flex-1" }, $N = {
+}, $N = { class: "min-w-0 flex-1" }, TN = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-2"
-}, TN = /* @__PURE__ */ N({
+}, IN = /* @__PURE__ */ N({
   __name: "AppToolbar",
   props: {
     height: { default: "var(--ui-toolbar-height)" }
@@ -26233,29 +26251,29 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       style: Ve({ minHeight: e.height }),
       "data-syno-pkg-land-ui": ""
     }, [
-      t.$slots.leading ? (y(), O("div", EN, [
+      t.$slots.leading ? (y(), O("div", ON, [
         I(t.$slots, "leading")
       ])) : L("", !0),
-      ne("div", ON, [
+      ne("div", $N, [
         I(t.$slots, "default")
       ]),
-      t.$slots.actions ? (y(), O("div", $N, [
+      t.$slots.actions ? (y(), O("div", TN, [
         I(t.$slots, "actions")
       ])) : L("", !0)
     ], 4));
   }
-}), IN = { class: "min-w-0 flex-auto" }, RN = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, NN = ["title"], DN = {
+}), RN = { class: "min-w-0 flex-auto" }, NN = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, DN = ["title"], MN = {
   key: 0,
   "data-ui-page-header-meta": "",
   class: "flex shrink-0 items-center gap-2 whitespace-nowrap"
-}, MN = {
+}, zN = {
   key: 0,
   class: "mt-1 max-w-3xl [contain:inline-size] text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, zN = {
+}, FN = {
   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"
-}, FN = /* @__PURE__ */ N({
+}, qN = /* @__PURE__ */ N({
   __name: "PageHeader",
   props: {
     title: {},
@@ -26265,27 +26283,27 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
   setup(e) {
     return (t, n) => (y(), O("div", {
       "data-ui-page-header": "",
-      class: Q([e.sticky && "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)]"]),
+      class: Y([e.sticky && "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": ""
     }, [
-      ne("div", IN, [
-        ne("div", RN, [
+      ne("div", RN, [
+        ne("div", NN, [
           ne("h1", {
             class: "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
-          }, te(e.title), 9, NN),
-          t.$slots.meta ? (y(), O("div", DN, [
+          }, te(e.title), 9, DN),
+          t.$slots.meta ? (y(), O("div", MN, [
             I(t.$slots, "meta")
           ])) : L("", !0)
         ]),
-        e.description ? (y(), O("p", MN, te(e.description), 1)) : L("", !0)
+        e.description ? (y(), O("p", zN, te(e.description), 1)) : L("", !0)
       ]),
-      t.$slots.actions ? (y(), O("div", zN, [
+      t.$slots.actions ? (y(), O("div", FN, [
         I(t.$slots, "actions")
       ])) : L("", !0)
     ], 2));
   }
-}), qN = ["data-width", "data-height", "data-page-surface"], LN = /* @__PURE__ */ N({
+}), LN = ["data-width", "data-height", "data-page-surface"], BN = /* @__PURE__ */ N({
   __name: "PageContent",
   props: {
     width: { default: "fill" },
@@ -26298,7 +26316,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         return t.width === "readable" ? "var(--ui-page-readable-width)" : t.width;
     });
     return (r, i) => (y(), O("div", {
-      class: Q(["box-border w-full min-w-0", [
+      class: Y(["box-border w-full min-w-0", [
         e.surface !== "none" && "px-[var(--ui-page-padding-x)]",
         n.value && "flex h-full min-h-0 flex-col overflow-hidden"
       ]]),
@@ -26309,18 +26327,18 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     }, [
       ne("div", {
         "data-page-content-body": "",
-        class: Q(["flex min-w-0 flex-col gap-[var(--ui-section-gap)] [&>[data-ui-page-header]]:mb-[calc(var(--ui-section-gap)*-1)]", n.value && "min-h-0 flex-1 [&>:last-child]:min-h-0 [&>:last-child]:flex-1"]),
+        class: Y(["flex min-w-0 flex-col gap-[var(--ui-section-gap)] [&>[data-ui-page-header]]:mb-[calc(var(--ui-section-gap)*-1)]", n.value && "min-h-0 flex-1 [&>:last-child]:min-h-0 [&>:last-child]:flex-1"]),
         style: Ve({ "--ui-page-padding-x": "0px", maxWidth: o.value })
       }, [
         I(r.$slots, "default")
       ], 6)
-    ], 10, qN));
+    ], 10, LN));
   }
-}), BN = ["aria-label", "data-overflow-start", "data-overflow-end"], VN = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], jN = {
+}), VN = ["aria-label", "data-overflow-start", "data-overflow-end"], jN = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], UN = {
   key: 0,
   class: "ui-section-tabs-actions",
   "data-ui-section-tabs-actions": ""
-}, UN = ["data-state"], WN = /* @__PURE__ */ N({
+}, WN = ["data-state"], KN = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "SectionTabs",
   props: {
@@ -26332,7 +26350,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = (f, { slots: h }) => h.default?.() ?? null, o = Bn(), r = e, i = t, a = /* @__PURE__ */ M(null), s = HT(a, () => r.items, () => r.modelValue), { overflowStart: l, overflowEnd: c } = GT(a, () => r.modelValue), u = {
+    const n = (f, { slots: h }) => h.default?.() ?? null, o = Bn(), r = e, i = t, a = /* @__PURE__ */ M(null), s = GT(a, () => r.items, () => r.modelValue), { overflowStart: l, overflowEnd: c } = JT(a, () => r.modelValue), u = {
       ArrowRight: (f, h) => (f + 1) % h,
       ArrowLeft: (f, h) => (f - 1 + h) % h,
       Home: () => 0,
@@ -26342,9 +26360,9 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       const h = u[f.key], m = Array.from(a.value?.querySelectorAll("[data-ui-tab-value]:not(:disabled)") ?? []), v = m.indexOf(f.target);
       !h || v < 0 || (f.preventDefault(), m[h(v, m.length)]?.focus());
     }
-    return (f, h) => (y(), R(kt(r.fill ? "div" : n), st(dt(r.fill ? { class: "ui-section-tabs-fill", "data-ui-section-tabs-fill": "", "data-syno-pkg-land-ui": "" } : {})), {
+    return (f, h) => (y(), R(_t(r.fill ? "div" : n), st(dt(r.fill ? { class: "ui-section-tabs-fill", "data-ui-section-tabs-fill": "", "data-syno-pkg-land-ui": "" } : {})), {
       default: $(() => [
-        (y(), R(kt(f.$slots.actions ? "div" : n), st(dt(f.$slots.actions ? { class: "ui-section-tabs-row", "data-ui-section-tabs-row": "", "data-syno-pkg-land-ui": "" } : {})), {
+        (y(), R(_t(f.$slots.actions ? "div" : n), st(dt(f.$slots.actions ? { class: "ui-section-tabs-row", "data-ui-section-tabs-row": "", "data-syno-pkg-land-ui": "" } : {})), {
           default: $(() => [
             ne("nav", oe({
               ref_key: "bar",
@@ -26361,19 +26379,19 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 disabled: m.disabled,
                 "data-ui-tab-value": m.value,
                 "aria-current": r.modelValue === m.value ? "page" : void 0,
-                class: Q([
+                class: Y([
                   "relative h-[30px] [@media(pointer:coarse)]:h-9 shrink-0 border-0 bg-transparent px-2 text-[length:var(--ui-font-size-tab)] font-bold outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)] disabled:opacity-40",
                   r.modelValue === m.value ? "text-[var(--ui-primary)]" : "text-[var(--ui-text)] enabled:hover:bg-[var(--ui-surface-hover)] enabled:hover:text-[var(--ui-text)]"
                 ]),
                 onClick: (v) => i("update:modelValue", m.value)
-              }, te(m.label), 11, VN))), 128)),
+              }, te(m.label), 11, jN))), 128)),
               ne("span", {
                 class: "ui-tab-indicator",
                 style: Ve(p(s)),
                 "aria-hidden": "true"
               }, null, 4)
-            ], 16, BN),
-            f.$slots.actions ? (y(), O("div", jN, [
+            ], 16, VN),
+            f.$slots.actions ? (y(), O("div", UN, [
               I(f.$slots, "actions")
             ])) : L("", !0)
           ]),
@@ -26389,7 +26407,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "data-syno-pkg-land-ui": ""
           }, [
             I(f.$slots, `panel-${m.value}`)
-          ], 8, UN)), [
+          ], 8, WN)), [
             [ko, r.modelValue === m.value]
           ]) : L("", !0)
         ], 64))), 128)) : f.$slots[`panel-${r.modelValue}`] ? (y(), O("div", {
@@ -26403,7 +26421,7 @@ const jR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       _: 3
     }, 16));
   }
-}), KN = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), ZN = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
+}), ZN = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), HN = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
 function Qi(e) {
   if (typeof e != "object" || e === null || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
@@ -26415,18 +26433,18 @@ function ea(e, t) {
 function ml(e, t, n) {
   e[t] = n;
 }
-function HN(e) {
+function GN(e) {
   return Reflect.ownKeys(e).filter((t) => ea(e, t) !== void 0);
 }
 function vl(e, t) {
   const n = { ...e };
-  for (const o of HN(t)) {
+  for (const o of GN(t)) {
     const r = ea(t, o), i = ea(n, o);
     Qi(i) && Qi(r) ? ml(n, o, vl(i, r)) : ml(n, o, r);
   }
   return n;
 }
-function GN(e) {
+function JN(e) {
   const t = {};
   for (const n of Reflect.ownKeys(e)) {
     const o = ea(e, n);
@@ -26435,15 +26453,15 @@ function GN(e) {
   return t;
 }
 function Hm(e, t, n = {}) {
-  const o = Le(ZN, null), r = Le(KN, null);
+  const o = Le(HN, null), r = Le(ZN, null);
   return C(() => {
     const i = [n, r?.value?.[e], o?.value?.[e]];
     let a = {};
     for (const s of i) s && (a = vl(a, s));
-    return vl(a, GN(t));
+    return vl(a, JN(t));
   });
 }
-const JN = ["data-layout-direction"], YN = /* @__PURE__ */ N({
+const YN = ["data-layout-direction"], XN = /* @__PURE__ */ N({
   __name: "Form",
   props: {
     rules: {},
@@ -26523,12 +26541,12 @@ const JN = ["data-layout-direction"], YN = /* @__PURE__ */ N({
       "data-ui-form": "",
       "data-layout-direction": c.value,
       "data-syno-pkg-land-ui": "",
-      onSubmit: xt(x, ["prevent"])
+      onSubmit: kt(x, ["prevent"])
     }, [
       I(k.$slots, "default")
-    ], 44, JN));
+    ], 44, YN));
   }
-}), XN = "blur", QN = {
+}), QN = "blur", eD = {
   string: "Value must be a string",
   number: "Value must be a number",
   integer: "Value must be an integer",
@@ -26541,15 +26559,15 @@ const JN = ["data-layout-direction"], YN = /* @__PURE__ */ N({
 function gl(e) {
   return e ? Array.isArray(e) ? [...e] : [e] : [];
 }
-function eD(e, t) {
+function tD(e, t) {
   return e == null ? !0 : t === "array" || Array.isArray(e) ? Array.isArray(e) && e.length === 0 : typeof e == "string" ? e.trim() === "" : !1;
 }
-function tD(e) {
+function nD(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 nD(e, t) {
+function oD(e, t) {
   switch (t) {
     case "string":
       return typeof e == "string";
@@ -26574,13 +26592,13 @@ function nD(e, t) {
       return e instanceof Date && !Number.isNaN(e.getTime());
   }
 }
-function oD(e) {
+function rD(e) {
   return typeof e == "object" && e !== null && typeof e.then == "function";
 }
 function br(e, t) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : t("Value does not match the expected format");
 }
-async function rD(e, t, n) {
+async function iD(e, t, n) {
   const o = e.validator ?? e.asyncValidator;
   if (!o) return null;
   let r = null, i = !1;
@@ -26593,7 +26611,7 @@ async function rD(e, t, n) {
   } catch (l) {
     return i ? r : br(l, n);
   }
-  if (oD(s))
+  if (rD(s))
     try {
       const l = await s;
       i || (r = l === !0 || l === void 0 || l === null ? null : br(l, n));
@@ -26603,35 +26621,35 @@ async function rD(e, t, n) {
   else !i && s !== void 0 && s !== !0 && (r = s === !1 ? e.message ?? n("Value does not match the expected format") : br(s, n));
   return r;
 }
-async function iD(e, t, n) {
+async function aD(e, t, n) {
   const o = e.transform ? e.transform(t) : t;
-  if (eD(o, e.type))
+  if (tD(o, e.type))
     return e.required ? e.message ?? n("Value is required") : null;
-  if (e.type && !nD(o, e.type)) return e.message ?? n(QN[e.type]);
-  const r = tD(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") : rD(e, o, n);
+  if (e.type && !oD(o, e.type)) return e.message ?? n(eD[e.type]);
+  const r = nD(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") : iD(e, o, n);
 }
-function aD(e, t) {
+function sD(e, t) {
   return e.trigger ? Array.isArray(e.trigger) ? e.trigger : [e.trigger] : [t];
 }
-async function sD(e, t, n = {}) {
-  const o = n.defaultTrigger ?? XN, r = n.trigger ?? null, i = n.text ?? ((a, s) => Eh("en", a, s));
+async function lD(e, t, n = {}) {
+  const o = n.defaultTrigger ?? QN, r = n.trigger ?? null, i = n.text ?? ((a, s) => Eh("en", a, s));
   for (const a of gl(t)) {
-    if (r !== null && !aD(a, o).includes(r)) continue;
-    const s = await iD(a, e, i);
+    if (r !== null && !sD(a, o).includes(r)) continue;
+    const s = await aD(a, e, i);
     if (s) return s;
   }
   return null;
 }
-const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
+const uD = ["data-direction", "data-status"], cD = ["id", "for"], dD = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]",
   "aria-hidden": "true"
-}, dD = { class: "flex items-start gap-2" }, fD = {
+}, fD = { class: "flex items-start gap-2" }, pD = {
   key: 0,
   class: "flex min-h-[var(--ui-control-md)] shrink-0 items-center",
   "data-field-after": ""
-}, pD = ["id"], hD = ["id"], mD = /* @__PURE__ */ N({
+}, hD = ["id"], mD = ["id"], vD = /* @__PURE__ */ N({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -26711,7 +26729,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
     function T() {
       b.value = _.value;
     }
-    const D = /* @__PURE__ */ M(""), z = /* @__PURE__ */ M(""), B = /* @__PURE__ */ M(""), Y = /* @__PURE__ */ M(""), se = /* @__PURE__ */ M(!1), fe = /* @__PURE__ */ M(!1), Z = C(() => r.disabled === !0 || se.value || c?.disabled === !0), re = C(() => Y.value || s.value.validateStatus || D.value), le = C(() => re.value === "error"), ve = C(() => B.value || z.value || s.value.help), $e = C(() => B.value ? B.value : le.value && !s.value.hideValidateMessage && z.value || s.value.help), xe = pr(d), ke = C(() => {
+    const D = /* @__PURE__ */ M(""), z = /* @__PURE__ */ M(""), B = /* @__PURE__ */ M(""), X = /* @__PURE__ */ M(""), se = /* @__PURE__ */ M(!1), fe = /* @__PURE__ */ M(!1), Z = C(() => r.disabled === !0 || se.value || c?.disabled === !0), re = C(() => X.value || s.value.validateStatus || D.value), le = C(() => re.value === "error"), ve = C(() => B.value || z.value || s.value.help), $e = C(() => B.value ? B.value : le.value && !s.value.hideValidateMessage && z.value || s.value.help), xe = pr(d), ke = C(() => {
       const H = s.value.direction ?? l?.direction ?? "auto";
       return H === "auto" ? xe.value > 0 && xe.value < 520 ? "vertical" : "horizontal" : H;
     }), Re = C(() => {
@@ -26749,7 +26767,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
       if (!ue.length) return null;
       const Ee = ++S;
       D.value = "validating", i("validating");
-      const De = await sD(_.value, ue, {
+      const De = await lD(_.value, ue, {
         trigger: H,
         defaultTrigger: s.value.defaultValidateTrigger,
         text: o
@@ -26768,20 +26786,20 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
     function j(H) {
       H !== void 0 && (B.value = H), fe.value = !0;
     }
-    function X() {
+    function Q() {
       fe.value = !1;
     }
     function ee(H, ue = "error") {
-      B.value = H, Y.value = ue, Re.value === "popup" && (fe.value = !0);
+      B.value = H, X.value = ue, Re.value === "popup" && (fe.value = !0);
     }
     function J() {
-      B.value = "", Y.value = "", fe.value = !1;
+      B.value = "", X.value = "", fe.value = !1;
     }
     function W(H) {
       se.value = H;
     }
     function ge() {
-      S++, D.value = "", z.value = "", B.value = "", Y.value = "", fe.value = !1, r.initialValue !== void 0 && (g.value ? i("update:modelValue", r.initialValue) : w.value = r.initialValue);
+      S++, D.value = "", z.value = "", B.value = "", X.value = "", fe.value = !1, r.initialValue !== void 0 && (g.value ? i("update:modelValue", r.initialValue) : w.value = r.initialValue);
     }
     function ie() {
       const H = d.value;
@@ -26820,7 +26838,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
       message: ve,
       validate: F,
       showPopup: j,
-      hidePopup: X,
+      hidePopup: Q,
       setValue: k,
       setDisabled: W,
       onBlur: G,
@@ -26850,7 +26868,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
       setInvalid: ee,
       resetInvalid: J,
       showPopup: j,
-      hidePopup: X,
+      hidePopup: Q,
       setFieldValue: k,
       setInitValue: A,
       setFieldDisabled: W,
@@ -26861,19 +26879,19 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
       "data-form-item": "",
       "data-direction": ke.value,
       style: Ve(zt.value),
-      class: Q(p(On)("min-w-0", le.value && !p(s).hideValidateStatusCls && "has-error")),
+      class: Y(p(On)("min-w-0", le.value && !p(s).hideValidateStatusCls && "has-error")),
       "data-status": re.value || void 0,
       "data-syno-pkg-land-ui": "",
       onMouseenter: ue[1] || (ue[1] = (Ee) => Re.value === "popup" && j()),
-      onMouseleave: ue[2] || (ue[2] = (Ee) => Re.value === "popup" && X()),
+      onMouseleave: ue[2] || (ue[2] = (Ee) => Re.value === "popup" && Q()),
       onFocusin: ue[3] || (ue[3] = (Ee) => Re.value === "popup" && j()),
-      onFocusout: ue[4] || (ue[4] = (Ee) => Re.value === "popup" && X())
+      onFocusout: ue[4] || (ue[4] = (Ee) => Re.value === "popup" && Q())
     }, [
       ft.value ? (y(), O("div", {
         key: 0,
         "data-form-label": "",
         style: Ve(Fe.value),
-        class: Q([
+        class: Y([
           "min-w-0 shrink-0 break-words [word-break:keep-all] text-[13px] leading-5 text-[var(--ui-text)]",
           ke.value === "horizontal" ? "pt-1 text-left" : void 0,
           p(s).disableLabel || Z.value ? "opacity-40" : void 0
@@ -26888,29 +26906,29 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
           I(H.$slots, "label", {}, () => [
             Ne(te(p(s).label), 1)
           ]),
-          p(s).requiredMark ? (y(), O("span", cD, "*")) : L("", !0)
-        ], 8, uD)
+          p(s).requiredMark ? (y(), O("span", dD, "*")) : L("", !0)
+        ], 8, cD)
       ], 6)) : L("", !0),
       ne("div", {
-        class: Q(["relative min-w-0 flex-1", p(s).disableControl ? "opacity-40" : void 0])
+        class: Y(["relative min-w-0 flex-1", p(s).disableControl ? "opacity-40" : void 0])
       }, [
-        ne("div", dD, [
+        ne("div", fD, [
           I(H.$slots, "before"),
           ne("div", {
-            class: Q(["min-w-0 flex-1", p(s).textOnly && "py-1 break-words text-[13px] leading-5 text-[var(--ui-text)]"]),
+            class: Y(["min-w-0 flex-1", p(s).textOnly && "py-1 break-words text-[13px] leading-5 text-[var(--ui-text)]"]),
             "data-field-control": "",
             style: Ve(pe.value)
           }, [
             I(H.$slots, "default", { field: we })
           ], 6),
-          H.$slots.after ? (y(), O("div", fD, [
+          H.$slots.after ? (y(), O("div", pD, [
             I(H.$slots, "after", { classes: et })
           ])) : L("", !0)
         ]),
         pt.value ? (y(), O("div", {
           key: 0,
           id: h.description,
-          class: Q([
+          class: Y([
             "mt-1 text-[12px] leading-4 text-[var(--ui-text-secondary)]",
             p(s).disableDescription || Z.value ? "opacity-40" : void 0
           ])
@@ -26918,19 +26936,19 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
           I(H.$slots, "description", {}, () => [
             Ne(te(p(s).description), 1)
           ])
-        ], 10, pD)) : L("", !0),
+        ], 10, hD)) : L("", !0),
         $e.value ? (y(), O("div", {
           key: 1,
           id: h.message,
           role: "alert",
-          class: Q(rt.value)
+          class: Y(rt.value)
         }, [
           I(H.$slots, "status", { field: we }, () => [
             Ne(te($e.value), 1)
           ])
-        ], 10, hD)) : L("", !0)
+        ], 10, mD)) : L("", !0)
       ], 2)
-    ], 46, lD));
+    ], 46, uD));
   }
 }), Gm = Yl(() => ce({
   key: V(),
@@ -26944,7 +26962,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
   label: V(),
   value: V(),
   disabled: Ce().optional()
-}), vD = yl.extend({
+}), gD = yl.extend({
   description: V().optional()
 }), Vd = ce({
   key: V(),
@@ -26953,7 +26971,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
   /** Sets the alignment: DSM keeps every column left; number and date digits get one width. */
   type: Oe(["text", "number", "date", "actions"]).optional(),
   align: Oe(["left", "center", "right"]).optional()
-}), gD = {
+}), yD = {
   AppRoot: {
     props: ce({
       modalScope: Oe(["document", "app"]).optional()
@@ -27098,7 +27116,7 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
   RadioGroup: {
     props: ce({
       value: V().optional(),
-      options: tt(vD),
+      options: tt(gD),
       orientation: Oe(["vertical", "horizontal"]).optional(),
       disabled: Ce().optional()
     }),
@@ -27283,21 +27301,21 @@ const lD = ["data-direction", "data-status"], uD = ["id", "for"], cD = {
     props: ce({ text: V().optional() }),
     description: "Centered loading state for a page or bounded region."
   }
-}, yD = nk(rk, {
-  components: gD,
+}, bD = nk(rk, {
+  components: yD,
   actions: {}
-}), bD = {
+}), wD = {
   none: "0",
   xs: "var(--ui-space-1)",
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, wD = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, _D = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function SD(e) {
+}, _D = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, SD = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function xD(e) {
   return { default: () => e };
 }
 function bl(e) {
-  return e ? YT(e) : void 0;
+  return e ? XT(e) : void 0;
 }
 function Jm(e) {
   return {
@@ -27306,27 +27324,27 @@ function Jm(e) {
     children: e.children?.map(Jm)
   };
 }
-function xD(e) {
+function kD(e) {
   return e.map((t) => ({ ...t, items: t.items.map(Jm) }));
 }
-const kD = {
-  AppRoot: ({ props: e, slots: t }) => ae(qR, { modalScope: e.modalScope }, t),
-  AppShell: ({ props: e, slots: t }) => ae(iN, {
+const CD = {
+  AppRoot: ({ props: e, slots: t }) => ae(LR, { modalScope: e.modalScope }, t),
+  AppShell: ({ props: e, slots: t }) => ae(aN, {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
     wideLayout: e.wideLayout,
     navigation: e.navigation
   }, t),
-  ResponsiveView: ({ props: e, slots: t }) => ae(aN, { mode: e.mode }, t),
-  Page: ({ props: e, slots: t }) => ae(LN, { width: e.width ?? "fill", surface: e.surface }, t),
-  PageHeader: ({ props: e, slots: t }) => ae(FN, e, t),
-  Toolbar: ({ props: e, slots: t }) => ae(TN, e, t),
+  ResponsiveView: ({ props: e, slots: t }) => ae(sN, { mode: e.mode }, t),
+  Page: ({ props: e, slots: t }) => ae(BN, { width: e.width ?? "fill", surface: e.surface }, t),
+  PageHeader: ({ props: e, slots: t }) => ae(qN, e, t),
+  Toolbar: ({ props: e, slots: t }) => ae(IN, e, t),
   SidebarNav: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = cn(e.value, t?.value);
-    return ae(AN, {
+    return ae(EN, {
       modelValue: o,
-      groups: xD(e.groups),
+      groups: kD(e.groups),
       searchable: e.searchable,
       collapsible: e.collapsible,
       searchPlaceholder: e.searchPlaceholder,
@@ -27337,7 +27355,7 @@ const kD = {
   },
   Tabs: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = cn(e.value, t?.value);
-    return ae(WN, {
+    return ae(KN, {
       modelValue: o ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
@@ -27351,9 +27369,9 @@ const kD = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: bD[e.gap ?? "md"],
-      alignItems: wD[e.align ?? "stretch"],
-      justifyContent: _D[e.justify ?? "start"],
+      gap: wD[e.gap ?? "md"],
+      alignItems: _D[e.align ?? "stretch"],
+      justifyContent: SD[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, t),
@@ -27391,7 +27409,7 @@ const kD = {
   },
   Select: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = cn(e.value, t?.value);
-    return ae(L$, {
+    return ae(B$, {
       modelValue: o,
       options: e.options,
       placeholder: e.placeholder,
@@ -27427,7 +27445,7 @@ const kD = {
   },
   RadioGroup: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = cn(e.value, t?.value);
-    return ae(A$, {
+    return ae(E$, {
       modelValue: o,
       options: e.options,
       orientation: e.orientation,
@@ -27437,12 +27455,12 @@ const kD = {
       }
     });
   },
-  Form: ({ props: e, slots: t, emit: n }) => ae(YN, {
+  Form: ({ props: e, slots: t, emit: n }) => ae(XN, {
     direction: e.direction,
     fieldWidth: e.fieldWidth,
     onSubmit: () => n("submit")
   }, t),
-  Field: ({ props: e, slots: t }) => ae(mD, {
+  Field: ({ props: e, slots: t }) => ae(vD, {
     label: e.label,
     description: e.description,
     help: e.help,
@@ -27452,7 +27470,7 @@ const kD = {
   }, t),
   SettingsSection: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = cn(e.open, t?.open);
-    return ae(yI, {
+    return ae(bI, {
       title: e.title,
       collapsible: e.collapsible,
       open: r,
@@ -27461,7 +27479,7 @@ const kD = {
       }
     }, n);
   },
-  SettingsField: ({ props: e, slots: t }) => ae(aI, {
+  SettingsField: ({ props: e, slots: t }) => ae(sI, {
     label: e.label,
     description: e.description,
     required: e.required,
@@ -27471,7 +27489,7 @@ const kD = {
   Surface: ({ props: e, slots: t }) => ae(zm, e, t),
   Card: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = cn(e.expanded, t?.expanded);
-    return ae(kR, {
+    return ae(CR, {
       title: e.title,
       layoutType: e.layoutType,
       expandable: e.expandable,
@@ -27482,7 +27500,7 @@ const kD = {
       }
     }, n);
   },
-  Callout: ({ props: e, slots: t, emit: n }) => ae(EI, {
+  Callout: ({ props: e, slots: t, emit: n }) => ae(OI, {
     tone: e.tone,
     variant: e.variant,
     title: e.title,
@@ -27492,16 +27510,16 @@ const kD = {
     fill: e.fill,
     onClose: () => n("close")
   }, t),
-  EmptyState: ({ props: e, slots: t }) => ae(NI, {
+  EmptyState: ({ props: e, slots: t }) => ae(DI, {
     title: e.title,
     description: e.description,
     icon: bl(e.icon)
   }, t),
   Progress: ({ props: e }) => ae(Dm, e),
-  Badge: ({ props: e }) => ae(Y$, { tone: e.tone }, SD(e.text)),
+  Badge: ({ props: e }) => ae(X$, { tone: e.tone }, xD(e.text)),
   Dialog: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = cn(e.open, t?.open);
-    return ae(ZT, {
+    return ae(HT, {
       open: r ?? !1,
       title: e.title,
       description: e.description,
@@ -27518,14 +27536,14 @@ const kD = {
     t.toolbar ? ae("div", { class: "mb-3 flex flex-wrap items-center gap-2" }, t.toolbar()) : null,
     ae(Dd, e)
   ]),
-  CellText: ({ props: e, emit: t }) => ae(oR, { ...e, onOpen: () => t("open") }),
-  CellStatus: ({ props: e }) => ae(lR, e),
-  ListItem: ({ props: e, slots: t }) => ae(bR, e, t),
+  CellText: ({ props: e, emit: t }) => ae(rR, { ...e, onOpen: () => t("open") }),
+  CellStatus: ({ props: e }) => ae(uR, e),
+  ListItem: ({ props: e, slots: t }) => ae(wR, e, t),
   InputGroup: ({ slots: e }) => ae(TC, null, e),
-  Loading: ({ props: e }) => ae(rT, { text: e.text })
-}, { registry: jd } = Ck(yD, {
-  components: kD
-}), CD = /* @__PURE__ */ N({
+  Loading: ({ props: e }) => ae(iT, { text: e.text })
+}, { registry: jd } = Ck(bD, {
+  components: CD
+}), PD = /* @__PURE__ */ N({
   __name: "SynoJsonRenderer",
   props: {
     spec: {},
@@ -27569,18 +27587,18 @@ function Oi(e) {
   return t.overflowX && t.overflowX !== "visible" ? t.overflowX : t.overflow.split(" ")[0] || "visible";
 }
 const Ym = (e) => e.closest("[data-jr-key]")?.getAttribute("data-jr-key") ?? void 0;
-function PD(e, t) {
+function AD(e, t) {
   for (let n = e.parentElement; n && t.contains(n); n = n.parentElement)
     if (Oi(n) !== "visible") return n;
 }
-function AD(e, t, n) {
+function ED(e, t, n) {
   if (e.closest("[inert]")) return;
   const o = e.getBoundingClientRect();
   if (o.width <= 1) return;
   const r = Oi(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 i = PD(e, t);
+  const i = AD(e, t);
   if (i) {
     if (Oi(i) === "auto" || Oi(i) === "scroll") return;
     const s = i.getBoundingClientRect(), l = Math.max(o.right - s.right, s.left - o.left), c = Ym(i);
@@ -27589,25 +27607,25 @@ function AD(e, t, n) {
   const a = Math.max(o.right - n, -o.left);
   return a > 1 ? { kind: "outside_viewport", detail: `extends ${Math.round(a)}px past the ${n}px viewport` } : void 0;
 }
-function ED(e, t) {
-  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: AD(i, e, t) })).filter((i) => !!i.finding), o = n.filter((i) => !n.some((a) => a !== i && a.finding.kind === i.finding.kind && i.element.contains(a.element))), r = /* @__PURE__ */ new Map();
+function OD(e, t) {
+  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: ED(i, e, t) })).filter((i) => !!i.finding), o = n.filter((i) => !n.some((a) => a !== i && a.finding.kind === i.finding.kind && i.element.contains(a.element))), r = /* @__PURE__ */ new Map();
   for (const { element: i, finding: a } of o) {
     const s = Ym(i), l = `${a.kind}:${s ?? ""}`;
     r.has(l) || r.set(l, { ...a, key: s });
   }
   return [...r.values()];
 }
-function OD(e, t) {
+function $D(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 $D = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
-async function TD() {
+const TD = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+async function ID() {
   const e = await (await fetch("/config.json")).json();
   $x();
-  const t = document.getElementById("app"), n = ({ key: o }) => OD(e.messages ?? {}, String(o));
+  const t = document.getElementById("app"), n = ({ key: o }) => $D(e.messages ?? {}, String(o));
   return vy({
-    render: () => ae(CD, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
-  }).mount(t), await ze(), await document.fonts.ready, await $D(), { issues: () => ED(t, innerWidth) };
+    render: () => ae(PD, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
+  }).mount(t), await ze(), await document.fonts.ready, await TD(), { issues: () => OD(t, innerWidth) };
 }
-window.synoPreview = TD();
+window.synoPreview = ID();