@synopackageland/ui 0.11.0 → 0.11.1

package/dist/json-preview/preview.js

@@ -9,7 +9,7 @@ const Re = {}, co = [], sn = () => {
 (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), Vi = (e) => e.startsWith("onUpdate:"), nt = Object.assign, Ja = (e, t) => {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
-}, qh = Object.prototype.hasOwnProperty, Te = (e, t) => qh.call(e, t), fe = Array.isArray, qn = (e) => Nr(e) === "[object Map]", hi = (e) => Nr(e) === "[object Set]", Wl = (e) => Nr(e) === "[object Date]", he = (e) => typeof e == "function", qe = (e) => typeof e == "string", Ot = (e) => typeof e == "symbol", Ie = (e) => e !== null && typeof e == "object", nd = (e) => (Ie(e) || he(e)) && he(e.then) && he(e.catch), od = Object.prototype.toString, Nr = (e) => od.call(e), jh = (e) => Nr(e).slice(8, -1), rd = (e) => Nr(e) === "[object Object]", Li = (e) => qe(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, pr = /* @__PURE__ */ Ha(
+}, qh = Object.prototype.hasOwnProperty, Te = (e, t) => qh.call(e, t), pe = Array.isArray, qn = (e) => Nr(e) === "[object Map]", hi = (e) => Nr(e) === "[object Set]", Wl = (e) => Nr(e) === "[object Date]", me = (e) => typeof e == "function", qe = (e) => typeof e == "string", Ot = (e) => typeof e == "symbol", Ie = (e) => e !== null && typeof e == "object", nd = (e) => (Ie(e) || me(e)) && me(e.then) && me(e.catch), od = Object.prototype.toString, Nr = (e) => od.call(e), jh = (e) => Nr(e).slice(8, -1), rd = (e) => Nr(e) === "[object Object]", Li = (e) => qe(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, pr = /* @__PURE__ */ Ha(
   // the leading comma is intentional so empty string "" is also included
   ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
 ), qi = (e) => {
@@ -38,7 +38,7 @@ const Re = {}, co = [], sn = () => {
 let Kl;
 const Bi = () => Kl || (Kl = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
 function Fe(e) {
-  if (fe(e)) {
+  if (pe(e)) {
     const t = {};
     for (let n = 0; n < e.length; n++) {
       const o = e[n], r = qe(o) ? Hh(o) : Fe(o);
@@ -60,13 +60,13 @@ function Hh(e) {
     }
   }), t;
 }
-function me(e) {
+function de(e) {
   let t = "";
   if (qe(e))
     t = e;
-  else if (fe(e))
+  else if (pe(e))
     for (let n = 0; n < e.length; n++) {
-      const o = me(e[n]);
+      const o = de(e[n]);
       o && (t += o + " ");
     }
   else if (Ie(e))
@@ -77,7 +77,7 @@ function me(e) {
 function Ui(e) {
   if (!e) return null;
   let { class: t, style: n } = e;
-  return t && !qe(t) && (e.class = me(t)), n && (e.style = Fe(n)), e;
+  return t && !qe(t) && (e.class = de(t)), n && (e.style = Fe(n)), e;
 }
 const Jh = "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly", Gh = /* @__PURE__ */ Ha(Jh);
 function sd(e) {
@@ -131,16 +131,16 @@ function Jl(e, t, n, o) {
 function Zi(e, t, n) {
   if (e === t) return !0;
   let o = Wl(e), r = Wl(t);
-  return o || r ? o && r ? e.getTime() === t.getTime() : !1 : (o = Ot(e), r = Ot(t), o || r ? e === t : (o = fe(e), r = fe(t), o || r ? o && r ? Jl(e, t, n, Yh) : !1 : (o = Ie(e), r = Ie(t), o || r ? !o || !r ? !1 : Jl(e, t, n, Xh) : String(e) === String(t))));
+  return o || r ? o && r ? e.getTime() === t.getTime() : !1 : (o = Ot(e), r = Ot(t), o || r ? e === t : (o = pe(e), r = pe(t), o || r ? o && r ? Jl(e, t, n, Yh) : !1 : (o = Ie(e), r = Ie(t), o || r ? !o || !r ? !1 : Jl(e, t, n, Xh) : String(e) === String(t))));
 }
-const ad = (e) => !!(e && e.__v_isRef === !0), ie = (e) => qe(e) ? e : e == null ? "" : fe(e) || Ie(e) && (e.toString === od || !he(e.toString)) ? ad(e) ? ie(e.value) : JSON.stringify(e, ld, 2) : String(e), ld = (e, t) => ad(t) ? ld(e, t.value) : qn(t) ? {
+const ad = (e) => !!(e && e.__v_isRef === !0), ie = (e) => qe(e) ? e : e == null ? "" : pe(e) || Ie(e) && (e.toString === od || !me(e.toString)) ? ad(e) ? ie(e.value) : JSON.stringify(e, ld, 2) : String(e), ld = (e, t) => ad(t) ? ld(e, t.value) : qn(t) ? {
   [`Map(${t.size})`]: [...t.entries()].reduce(
     (n, [o, r], i) => (n[As(o, i) + " =>"] = r, n),
     {}
   )
 } : hi(t) ? {
   [`Set(${t.size})`]: [...t.values()].map((n) => As(n))
-} : Ot(t) ? As(t) : Ie(t) && !fe(t) && !rd(t) ? String(t) : t, As = (e, t = "") => {
+} : Ot(t) ? As(t) : Ie(t) && !pe(t) && !rd(t) ? String(t) : t, As = (e, t = "") => {
   var n;
   return (
     // Symbol.description in es2019+ so we need to cast here to pass
@@ -488,7 +488,7 @@ function vn(e, t, n, o, r, i) {
   if (Xa(), t === "clear")
     s.forEach(a);
   else {
-    const l = fe(e), c = l && Li(n);
+    const l = pe(e), c = l && Li(n);
     if (l && n === "length") {
       const u = Number(o);
       s.forEach((d, f) => {
@@ -530,7 +530,7 @@ const nm = {
   },
   concat(...e) {
     return ko(this).concat(
-      ...e.map((t) => fe(t) ? ko(t) : t)
+      ...e.map((t) => pe(t) ? ko(t) : t)
     );
   },
   entries() {
@@ -703,7 +703,7 @@ class wd {
       return o === (r ? i ? $d : kd : i ? Cd : Sd).get(t) || // receiver is not the reactive proxy, but has the same prototype
       // this means the receiver is a user proxy of the reactive proxy
       Object.getPrototypeOf(t) === Object.getPrototypeOf(o) ? t : void 0;
-    const s = fe(t);
+    const s = pe(t);
     if (!r) {
       let l;
       if (s && (l = nm[n]))
@@ -734,7 +734,7 @@ class _d extends wd {
   }
   set(t, n, o, r) {
     let i = t[n];
-    const s = fe(t) && Li(n);
+    const s = pe(t) && Li(n);
     if (!this._isShallow) {
       const c = /* @__PURE__ */ an(i);
       if (!/* @__PURE__ */ Et(o) && !/* @__PURE__ */ an(o) && (i = /* @__PURE__ */ Oe(i), o = /* @__PURE__ */ Oe(o)), !s && /* @__PURE__ */ Xe(i) && !/* @__PURE__ */ Xe(o))
@@ -762,7 +762,7 @@ class _d extends wd {
     return ct(
       t,
       "iterate",
-      fe(t) ? "length" : po
+      pe(t) ? "length" : po
     ), Reflect.ownKeys(t);
   }
 }
@@ -1022,7 +1022,7 @@ function m(e) {
   return /* @__PURE__ */ Xe(e) ? e.value : e;
 }
 function pt(e) {
-  return he(e) ? e() : m(e);
+  return me(e) ? e() : m(e);
 }
 const bm = {
   get: (e, t, n) => t === "__v_raw" ? e : m(Reflect.get(e, t, n)),
@@ -1052,7 +1052,7 @@ function _m(e) {
 }
 // @__NO_SIDE_EFFECTS__
 function Ht(e) {
-  const t = fe(e) ? new Array(e.length) : {};
+  const t = pe(e) ? new Array(e.length) : {};
   for (const n in e)
     t[n] = Pd(e, n);
   return t;
@@ -1061,7 +1061,7 @@ class xm {
   constructor(t, n, o) {
     this._object = t, this._defaultValue = o, this.__v_isRef = !0, this._value = void 0, this._key = Ot(n) ? n : String(n), this._raw = /* @__PURE__ */ Oe(t);
     let r = !0, i = t;
-    if (!fe(t) || Ot(this._key) || !Li(this._key))
+    if (!pe(t) || Ot(this._key) || !Li(this._key))
       do
         r = !/* @__PURE__ */ Yi(i) || /* @__PURE__ */ Et(i);
       while (r && (i = i.__v_raw));
@@ -1095,7 +1095,7 @@ class Sm {
 }
 // @__NO_SIDE_EFFECTS__
 function Cm(e, t, n) {
-  return /* @__PURE__ */ Xe(e) ? e : he(e) ? new Sm(e) : Ie(e) && arguments.length > 1 ? Pd(e, t, n) : /* @__PURE__ */ V(e);
+  return /* @__PURE__ */ Xe(e) ? e : me(e) ? new Sm(e) : Ie(e) && arguments.length > 1 ? Pd(e, t, n) : /* @__PURE__ */ V(e);
 }
 function Pd(e, t, n) {
   return new xm(e, t, n);
@@ -1123,7 +1123,7 @@ class km {
 // @__NO_SIDE_EFFECTS__
 function $m(e, t, n = !1) {
   let o, r;
-  return he(e) ? o = e : (o = e.get, r = e.set), new km(o, r, n);
+  return me(e) ? o = e : (o = e.get, r = e.set), new km(o, r, n);
 }
 const Br = {}, vi = /* @__PURE__ */ new WeakMap();
 let lo;
@@ -1136,14 +1136,14 @@ function Am(e, t = !1, n = lo) {
 function Em(e, t, n = Re) {
   const { immediate: o, deep: r, once: i, scheduler: s, augmentJob: a, call: l } = n, c = (_) => r ? _ : /* @__PURE__ */ Et(_) || r === !1 || r === 0 ? gn(_, 1) : gn(_);
   let u, d, f, p, h = !1, v = !1;
-  if (/* @__PURE__ */ Xe(e) ? (d = () => e.value, h = /* @__PURE__ */ Et(e)) : /* @__PURE__ */ jn(e) ? (d = () => c(e), h = !0) : fe(e) ? (v = !0, h = e.some((_) => /* @__PURE__ */ jn(_) || /* @__PURE__ */ Et(_)), d = () => e.map((_) => {
+  if (/* @__PURE__ */ Xe(e) ? (d = () => e.value, h = /* @__PURE__ */ Et(e)) : /* @__PURE__ */ jn(e) ? (d = () => c(e), h = !0) : pe(e) ? (v = !0, h = e.some((_) => /* @__PURE__ */ jn(_) || /* @__PURE__ */ Et(_)), d = () => e.map((_) => {
     if (/* @__PURE__ */ Xe(_))
       return _.value;
     if (/* @__PURE__ */ jn(_))
       return c(_);
-    if (he(_))
+    if (me(_))
       return l ? l(_, 2) : _();
-  })) : he(e) ? t ? d = l ? () => l(e, 2) : e : d = () => {
+  })) : me(e) ? t ? d = l ? () => l(e, 2) : e : d = () => {
     if (f) {
       Cn();
       try {
@@ -1216,7 +1216,7 @@ function gn(e, t = 1 / 0, n) {
     return e;
   if (n.set(e, t), t--, /* @__PURE__ */ Xe(e))
     gn(e.value, t, n);
-  else if (fe(e))
+  else if (pe(e))
     for (let o = 0; o < e.length; o++)
       gn(e[o], t, n);
   else if (hi(e) || qn(e))
@@ -1239,13 +1239,13 @@ function Dr(e, t, n, o) {
   }
 }
 function Zt(e, t, n, o) {
-  if (he(e)) {
+  if (me(e)) {
     const r = Dr(e, t, n, o);
     return r && nd(r) && r.catch((i) => {
       Xi(i, t, n);
     }), r;
   }
-  if (fe(e)) {
+  if (pe(e)) {
     const r = [];
     for (let i = 0; i < e.length; i++)
       r.push(Zt(e[i], t, n, o));
@@ -1311,7 +1311,7 @@ function Id() {
   gi || (gi = Td.then(Nd));
 }
 function Tm(e) {
-  if (!fe(e))
+  if (!pe(e))
     Ln && e.id === -1 ? Ln.splice(Oo + 1, 0, e) : e.flags & 1 || (Ro.push(e), e.flags |= 1);
   else
     for (let t = 0; t < e.length; t++)
@@ -1392,7 +1392,7 @@ function Fo(e, t) {
   const n = os(st), o = e.dirs || (e.dirs = []);
   for (let r = 0; r < t.length; r++) {
     let [i, s, a, l = Re] = t[r];
-    i && (he(i) && (i = {
+    i && (me(i) && (i = {
       mounted: i,
       updated: i
     }), i.deep && gn(s), o.push({
@@ -1434,7 +1434,7 @@ function De(e, t, n = !1) {
     if (r && e in r)
       return r[e];
     if (arguments.length > 1)
-      return n && he(t) ? t.call(o && o.proxy) : t;
+      return n && me(t) ? t.call(o && o.proxy) : t;
   }
 }
 const Im = /* @__PURE__ */ Symbol.for("v-scx"), Rm = () => De(Im);
@@ -1480,7 +1480,7 @@ function Qi(e, t, n = Re) {
 function Nm(e, t, n) {
   const o = this.proxy, r = qe(e) ? e.includes(".") ? Md(o, e) : () => o[e] : e.bind(o, o);
   let i;
-  he(t) ? i = t : (i = t.handler, n = t);
+  me(t) ? i = t : (i = t.handler, n = t);
   const s = Fr(this), a = Qi(r, i.bind(o), n);
   return s(), a;
 }
@@ -1576,10 +1576,10 @@ const zn = /* @__PURE__ */ new WeakMap(), Fd = /* @__PURE__ */ Symbol("_vte"), e
           1
         );
       else if ((t.props && t.props.to) !== (e.props && e.props.to)) {
-        const de = la(t.props, h);
-        de && (t.target = de, Ur(
+        const fe = la(t.props, h);
+        fe && (t.target = fe, Ur(
           t,
-          de,
+          fe,
           null,
           c,
           0
@@ -1721,7 +1721,7 @@ function Vd(e) {
   if (n) {
     if (t & 16)
       return n[0];
-    if (t & 32 && he(n.default))
+    if (t & 32 && me(n.default))
       return n.default();
   }
 }
@@ -1737,7 +1737,7 @@ function rl(e, t) {
 }
 // @__NO_SIDE_EFFECTS__
 function D(e, t) {
-  return he(e) ? (
+  return me(e) ? (
     // #8236: extend call and options.name access are considered side-effects
     // by Rollup, so we have to wrap it in a pure-annotated IIFE.
     nt({ name: e.name }, t, { setup: e })
@@ -1768,11 +1768,11 @@ function tu(e, t) {
 }
 const bi = /* @__PURE__ */ new WeakMap();
 function gr(e, t, n, o, r = !1) {
-  if (fe(e)) {
+  if (pe(e)) {
     e.forEach(
       (v, g) => gr(
         v,
-        t && (fe(t) ? t[g] : t),
+        t && (pe(t) ? t[g] : t),
         n,
         o,
         r
@@ -1793,7 +1793,7 @@ function gr(e, t, n, o, r = !1) {
       h(c, v.k) && (c.value = null), v.k && (u[v.k] = null);
     }
   }
-  if (he(l))
+  if (me(l))
     Dr(l, a, 12, [s, u]);
   else {
     const v = qe(l), g = /* @__PURE__ */ Xe(l);
@@ -1802,8 +1802,8 @@ function gr(e, t, n, o, r = !1) {
         if (e.f) {
           const S = v ? p(l) ? d[l] : u[l] : h() || !e.k ? l.value : u[e.k];
           if (r)
-            fe(S) && Ja(S, i);
-          else if (fe(S))
+            pe(S) && Ja(S, i);
+          else if (pe(S))
             S.includes(i) || S.push(i);
           else if (v)
             u[l] = [i], p(l) && (d[l] = u[l]);
@@ -1920,7 +1920,7 @@ function ou(e, t) {
 }
 function xt(e, t, n, o) {
   let r;
-  const i = n, s = fe(e);
+  const i = n, s = pe(e);
   if (s || qe(e)) {
     const a = s && /* @__PURE__ */ jn(e);
     let l = !1, c = !1;
@@ -2093,7 +2093,7 @@ function Jd(e) {
   return t.setupContext || (t.setupContext = gf(t));
 }
 function da(e) {
-  return fe(e) ? e.reduce(
+  return pe(e) ? e.reduce(
     (t, n) => (t[n] = null, t),
     {}
   ) : e;
@@ -2103,7 +2103,7 @@ function Jm(e, t) {
   for (const o in t) {
     if (o.startsWith("__skip")) continue;
     let r = n[o];
-    r ? fe(r) || he(r) ? r = n[o] = { type: r, default: t[o] } : r.default = t[o] : r === null && (r = n[o] = { default: t[o] }), r && t[`__skip_${o}`] && (r.skipFactory = !0);
+    r ? pe(r) || me(r) ? r = n[o] = { type: r, default: t[o] } : r.default = t[o] : r === null && (r = n[o] = { default: t[o] }), r && t[`__skip_${o}`] && (r.skipFactory = !0);
   }
   return n;
 }
@@ -2142,12 +2142,12 @@ function Gm(e) {
     // assets
     components: we,
     directives: ge,
-    filters: de
+    filters: fe
   } = t;
   if (c && Ym(c, o, null), s)
     for (const Y in s) {
       const re = s[Y];
-      he(re) && (o[Y] = re.bind(n));
+      me(re) && (o[Y] = re.bind(n));
     }
   if (r) {
     const Y = r.call(n, n);
@@ -2155,7 +2155,7 @@ function Gm(e) {
   }
   if (fa = !0, i)
     for (const Y in i) {
-      const re = i[Y], Pe = he(re) ? re.bind(n, n) : he(re.get) ? re.get.bind(n, n) : sn, ve = !he(re) && he(re.set) ? re.set.bind(n) : sn, Se = A({
+      const re = i[Y], Pe = me(re) ? re.bind(n, n) : me(re.get) ? re.get.bind(n, n) : sn, ve = !me(re) && me(re.set) ? re.set.bind(n) : sn, Se = A({
         get: Pe,
         set: ve
       });
@@ -2170,16 +2170,16 @@ function Gm(e) {
     for (const Y in a)
       Gd(a[Y], o, n, Y);
   if (l) {
-    const Y = he(l) ? l.call(n) : l;
+    const Y = me(l) ? l.call(n) : l;
     Reflect.ownKeys(Y).forEach((re) => {
       We(re, Y[re]);
     });
   }
   u && ru(u, e, "c");
   function be(Y, re) {
-    fe(re) ? re.forEach((Pe) => Y(Pe.bind(n))) : re && Y(re.bind(n));
+    pe(re) ? re.forEach((Pe) => Y(Pe.bind(n))) : re && Y(re.bind(n));
   }
-  if (be(jm, d), be(Qe, f), be(jd, p), be(Bd, h), be(Vm, v), be(Lm, g), be(Ud, O), be(Zm, E), be(Um, C), be(In, S), be(Rn, _), be(Bm, T), fe(j))
+  if (be(jm, d), be(Qe, f), be(jd, p), be(Bd, h), be(Vm, v), be(Lm, g), be(Ud, O), be(Zm, E), be(Um, C), be(In, S), be(Rn, _), be(Bm, T), pe(j))
     if (j.length) {
       const Y = e.exposed || (e.exposed = {});
       j.forEach((re) => {
@@ -2193,7 +2193,7 @@ function Gm(e) {
   $ && e.render === sn && (e.render = $), X != null && (e.inheritAttrs = X), we && (e.components = we), ge && (e.directives = ge), T && Ld(e);
 }
 function Ym(e, t, n = sn) {
-  fe(e) && (e = pa(e));
+  pe(e) && (e = pa(e));
   for (const o in e) {
     const r = e[o];
     let i;
@@ -2211,7 +2211,7 @@ function Ym(e, t, n = sn) {
 }
 function ru(e, t, n) {
   Zt(
-    fe(e) ? e.map((o) => o.bind(t.proxy)) : e.bind(t.proxy),
+    pe(e) ? e.map((o) => o.bind(t.proxy)) : e.bind(t.proxy),
     t,
     n
   );
@@ -2220,15 +2220,15 @@ function Gd(e, t, n, o) {
   let r = o.includes(".") ? Md(n, o) : () => n[o];
   if (qe(e)) {
     const i = t[e];
-    he(i) && ue(r, i);
-  } else if (he(e))
+    me(i) && ue(r, i);
+  } else if (me(e))
     ue(r, e.bind(n));
   else if (Ie(e))
-    if (fe(e))
+    if (pe(e))
       e.forEach((i) => Gd(i, t, n, o));
     else {
-      const i = he(e.handler) ? e.handler.bind(n) : t[e.handler];
-      he(i) && ue(r, i, e);
+      const i = me(e.handler) ? e.handler.bind(n) : t[e.handler];
+      me(i) && ue(r, i, e);
     }
 }
 function Yd(e) {
@@ -2288,8 +2288,8 @@ const Xm = {
 function iu(e, t) {
   return t ? e ? function() {
     return nt(
-      he(e) ? e.call(this, this) : e,
-      he(t) ? t.call(this, this) : t
+      me(e) ? e.call(this, this) : e,
+      me(t) ? t.call(this, this) : t
     );
   } : t : e;
 }
@@ -2297,7 +2297,7 @@ function Qm(e, t) {
   return ur(pa(e), pa(t));
 }
 function pa(e) {
-  if (fe(e)) {
+  if (pe(e)) {
     const t = {};
     for (let n = 0; n < e.length; n++)
       t[e[n]] = e[n];
@@ -2312,7 +2312,7 @@ function ur(e, t) {
   return e ? nt(/* @__PURE__ */ Object.create(null), e, t) : t;
 }
 function su(e, t) {
-  return e ? fe(e) && fe(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : nt(
+  return e ? pe(e) && pe(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : nt(
     /* @__PURE__ */ Object.create(null),
     da(e),
     da(t ?? {})
@@ -2350,7 +2350,7 @@ function Xd() {
 let tv = 0;
 function nv(e, t) {
   return function(o, r = null) {
-    he(o) || (o = nt({}, o)), r != null && !Ie(r) && (r = null);
+    me(o) || (o = nt({}, o)), r != null && !Ie(r) && (r = null);
     const i = Xd(), s = /* @__PURE__ */ new WeakSet(), a = [];
     let l = !1;
     const c = i.app = {
@@ -2367,7 +2367,7 @@ function nv(e, t) {
       set config(u) {
       },
       use(u, ...d) {
-        return s.has(u) || (u && he(u.install) ? (s.add(u), u.install(c, ...d)) : he(u) && (s.add(u), u(c, ...d))), c;
+        return s.has(u) || (u && me(u.install) ? (s.add(u), u.install(c, ...d)) : me(u) && (s.add(u), u(c, ...d))), c;
       },
       mixin(u) {
         return i.mixins.includes(u) || i.mixins.push(u), c;
@@ -2447,14 +2447,14 @@ function Qd(e, t, n = !1) {
     return r;
   const i = e.emits;
   let s = {}, a = !1;
-  if (!he(e)) {
+  if (!me(e)) {
     const l = (c) => {
       const u = Qd(c, t, !0);
       u && (a = !0, nt(s, u));
     };
     !n && t.mixins.length && t.mixins.forEach(l), e.extends && l(e.extends), e.mixins && e.mixins.forEach(l);
   }
-  return !i && !a ? (Ie(e) && o.set(e, null), null) : (fe(i) ? i.forEach((l) => s[l] = null) : nt(s, i), Ie(e) && o.set(e, s), s);
+  return !i && !a ? (Ie(e) && o.set(e, null), null) : (pe(i) ? i.forEach((l) => s[l] = null) : nt(s, i), Ie(e) && o.set(e, s), s);
 }
 function ns(e, t) {
   return !e || !Fi(t) ? !1 : (t = t.slice(2), t = t === "Once" ? t : t.replace(/Once$/, ""), Te(e, t[0].toLowerCase() + t.slice(1)) || Te(e, Gn(t)) || Te(e, t));
@@ -2680,7 +2680,7 @@ function ha(e, t, n, o, r, i) {
     const a = Te(s, "default");
     if (a && o === void 0) {
       const l = s.default;
-      if (s.type !== Function && !s.skipFactory && he(l)) {
+      if (s.type !== Function && !s.skipFactory && me(l)) {
         const { propsDefaults: c } = r;
         if (n in c)
           o = c[n];
@@ -2712,7 +2712,7 @@ function sf(e, t, n = !1) {
     return r;
   const i = e.props, s = {}, a = [];
   let l = !1;
-  if (!he(e)) {
+  if (!me(e)) {
     const u = (d) => {
       l = !0;
       const [f, p] = sf(d, t, !0);
@@ -2722,7 +2722,7 @@ function sf(e, t, n = !1) {
   }
   if (!i && !l)
     return Ie(e) && o.set(e, co), co;
-  if (fe(i))
+  if (pe(i))
     for (let u = 0; u < i.length; u++) {
       const d = at(i[u]);
       uu(d) && (s[d] = Re);
@@ -2731,18 +2731,18 @@ function sf(e, t, n = !1) {
     for (const u in i) {
       const d = at(u);
       if (uu(d)) {
-        const f = i[u], p = s[d] = fe(f) || he(f) ? { type: f } : nt({}, f), h = p.type;
+        const f = i[u], p = s[d] = pe(f) || me(f) ? { type: f } : nt({}, f), h = p.type;
         let v = !1, g = !0;
-        if (fe(h))
+        if (pe(h))
           for (let y = 0; y < h.length; ++y) {
-            const S = h[y], x = he(S) && S.name;
+            const S = h[y], x = me(S) && S.name;
             if (x === "Boolean") {
               v = !0;
               break;
             } else x === "String" && (g = !1);
           }
         else
-          v = he(h) && h.name === "Boolean";
+          v = me(h) && h.name === "Boolean";
         p[
           0
           /* shouldCast */
@@ -2758,7 +2758,7 @@ function sf(e, t, n = !1) {
 function uu(e) {
   return e[0] !== "$" && !pr(e);
 }
-const al = (e) => e === "_" || e === "_ctx" || e === "$stable", ll = (e) => fe(e) ? e.map(on) : [on(e)], pv = (e, t, n) => {
+const al = (e) => e === "_" || e === "_ctx" || e === "$stable", ll = (e) => pe(e) ? e.map(on) : [on(e)], pv = (e, t, n) => {
   if (t._n)
     return t;
   const o = M((...r) => ll(t(...r)), n);
@@ -2768,7 +2768,7 @@ const al = (e) => e === "_" || e === "_ctx" || e === "$stable", ll = (e) => fe(e
   for (const r in e) {
     if (al(r)) continue;
     const i = e[r];
-    if (he(i))
+    if (me(i))
       t[r] = pv(r, i, o);
     else if (i != null) {
       const s = ll(i);
@@ -2946,7 +2946,7 @@ function gv(e, t) {
     }
   }, E = (w, k, I, U, F, L, G, J) => {
     let K, q;
-    const { props: ce, shapeFlag: Q, transition: le, dirs: pe } = w;
+    const { props: ce, shapeFlag: Q, transition: le, dirs: he } = w;
     if (K = w.el = s(
       w.type,
       L,
@@ -2961,15 +2961,15 @@ function gv(e, t) {
       Rs(w, L),
       G,
       J
-    ), pe && oo(w, null, U, "created"), C(K, w, w.scopeId, G, U), ce) {
+    ), he && oo(w, null, U, "created"), C(K, w, w.scopeId, G, U), ce) {
       for (const ne in ce)
         ne !== "value" && !pr(ne) && i(K, ne, null, ce[ne], L, U);
       "value" in ce && i(K, "value", null, ce.value, L), (q = ce.onVnodeBeforeMount) && Qt(q, U, w);
     }
-    pe && oo(w, null, U, "beforeMount");
+    he && oo(w, null, U, "beforeMount");
     const B = yv(F, le);
-    B && le.beforeEnter(K), o(K, k, I), ((q = ce && ce.onVnodeMounted) || B || pe) && vt(() => {
-      q && Qt(q, U, w), B && le.enter(K), pe && oo(w, null, U, "mounted");
+    B && le.beforeEnter(K), o(K, k, I), ((q = ce && ce.onVnodeMounted) || B || he) && vt(() => {
+      q && Qt(q, U, w), B && le.enter(K), he && oo(w, null, U, "mounted");
     }, F);
   }, C = (w, k, I, U, F) => {
     if (I && p(w, I), U)
@@ -3008,8 +3008,8 @@ function gv(e, t) {
     let { patchFlag: K, dynamicChildren: q, dirs: ce } = k;
     K |= w.patchFlag & 16;
     const Q = w.props || Re, le = k.props || Re;
-    let pe;
-    if (I && ro(I, !1), (pe = le.onVnodeBeforeUpdate) && Qt(pe, I, k, w), ce && oo(k, w, I, "beforeUpdate"), I && ro(I, !0), // #6385 the old vnode may be a user-wrapped non-isomorphic block
+    let he;
+    if (I && ro(I, !1), (he = le.onVnodeBeforeUpdate) && Qt(he, I, k, w), ce && oo(k, w, I, "beforeUpdate"), I && ro(I, !0), // #6385 the old vnode may be a user-wrapped non-isomorphic block
     // Force full diff when block metadata is unstable.
     q && (!w.dynamicChildren || w.dynamicChildren.length !== q.length) && (K = 0, G = !1, q = null), (Q.innerHTML && le.innerHTML == null || Q.textContent && le.textContent == null) && u(J, ""), q ? j(
       w.dynamicChildren,
@@ -3041,8 +3041,8 @@ function gv(e, t) {
       }
       K & 1 && w.children !== k.children && u(J, k.children);
     } else !G && q == null && X(J, Q, le, I, F);
-    ((pe = le.onVnodeUpdated) || ce) && vt(() => {
-      pe && Qt(pe, I, k, w), ce && oo(k, w, I, "updated");
+    ((he = le.onVnodeUpdated) || ce) && vt(() => {
+      he && Qt(he, I, k, w), ce && oo(k, w, I, "updated");
     }, U);
   }, j = (w, k, I, U, F, L, G) => {
     for (let J = 0; J < k.length; J++) {
@@ -3093,8 +3093,8 @@ function gv(e, t) {
     }
   }, we = (w, k, I, U, F, L, G, J, K) => {
     const q = k.el = w ? w.el : a(""), ce = k.anchor = w ? w.anchor : a("");
-    let { patchFlag: Q, dynamicChildren: le, slotScopeIds: pe } = k;
-    pe && (J = J ? J.concat(pe) : pe), w == null ? (o(q, I, U), o(ce, I, U), O(
+    let { patchFlag: Q, dynamicChildren: le, slotScopeIds: he } = k;
+    he && (J = J ? J.concat(he) : he), w == null ? (o(q, I, U), o(ce, I, U), O(
       // #10007
       // such fragment like `<></>` will be compiled into
       // a fragment which doesn't have a children.
@@ -3144,7 +3144,7 @@ function gv(e, t) {
       U,
       G,
       K
-    ) : de(
+    ) : fe(
       k,
       I,
       U,
@@ -3153,7 +3153,7 @@ function gv(e, t) {
       G,
       K
     ) : Ne(w, k, K);
-  }, de = (w, k, I, U, F, L, G) => {
+  }, fe = (w, k, I, U, F, L, G) => {
     const J = w.component = Cv(
       w,
       U,
@@ -3187,7 +3187,7 @@ function gv(e, t) {
   }, be = (w, k, I, U, F, L, G) => {
     const J = () => {
       if (w.isMounted) {
-        let { next: Q, bu: le, u: pe, parent: B, vnode: ne } = w;
+        let { next: Q, bu: le, u: he, parent: B, vnode: ne } = w;
         {
           const Yt = cf(w);
           if (Yt) {
@@ -3212,14 +3212,14 @@ function gv(e, t) {
           w,
           F,
           L
-        ), Q.el = rt.el, ye === null && uv(w, rt.el), pe && vt(pe, F), (Ce = Q.props && Q.props.onVnodeUpdated) && vt(
+        ), Q.el = rt.el, ye === null && uv(w, rt.el), he && vt(he, F), (Ce = Q.props && Q.props.onVnodeUpdated) && vt(
           () => Qt(Ce, B, Q, ne),
           F
         );
       } else {
         let Q;
-        const { el: le, props: pe } = k, { bm: B, m: ne, parent: ye, root: Ce, type: rt } = w, Gt = No(k);
-        ro(w, !1), B && ai(B), !Gt && (Q = pe && pe.onVnodeBeforeMount) && Qt(Q, ye, k), ro(w, !0);
+        const { el: le, props: he } = k, { bm: B, m: ne, parent: ye, root: Ce, type: rt } = w, Gt = No(k);
+        ro(w, !1), B && ai(B), !Gt && (Q = he && he.onVnodeBeforeMount) && Qt(Q, ye, k), ro(w, !0);
         {
           Ce.ce && Ce.ce._hasShadowRoot() && Ce.ce._injectChildStyle(
             rt,
@@ -3236,7 +3236,7 @@ function gv(e, t) {
             L
           ), k.el = Yt.el;
         }
-        if (ne && vt(ne, F), !Gt && (Q = pe && pe.onVnodeMounted)) {
+        if (ne && vt(ne, F), !Gt && (Q = he && he.onVnodeMounted)) {
           const Yt = k;
           vt(
             () => Qt(Q, ye, Yt),
@@ -3256,7 +3256,7 @@ function gv(e, t) {
     const U = w.vnode.props;
     w.vnode = k, w.next = null, dv(w, k.props, U, I), mv(w, k.children, I), Cn(), Xl(w), kn();
   }, re = (w, k, I, U, F, L, G, J, K = !1) => {
-    const q = w && w.children, ce = w ? w.shapeFlag : 0, Q = k.children, { patchFlag: le, shapeFlag: pe } = k;
+    const q = w && w.children, ce = w ? w.shapeFlag : 0, Q = k.children, { patchFlag: le, shapeFlag: he } = k;
     if (le > 0) {
       if (le & 128) {
         ve(
@@ -3286,7 +3286,7 @@ function gv(e, t) {
         return;
       }
     }
-    pe & 8 ? (ce & 16 && Ft(q, F, L), Q !== q && u(I, Q)) : ce & 16 ? pe & 16 ? ve(
+    he & 8 ? (ce & 16 && Ft(q, F, L), Q !== q && u(I, Q)) : ce & 16 ? he & 16 ? ve(
       q,
       Q,
       I,
@@ -3296,7 +3296,7 @@ function gv(e, t) {
       G,
       J,
       K
-    ) : Ft(q, F, L, !0) : (ce & 8 && u(I, ""), pe & 16 && O(
+    ) : Ft(q, F, L, !0) : (ce & 8 && u(I, ""), he & 16 && O(
       Q,
       I,
       U,
@@ -3311,10 +3311,10 @@ function gv(e, t) {
     const q = w.length, ce = k.length, Q = Math.min(q, ce);
     let le;
     for (le = 0; le < Q; le++) {
-      const pe = k[le] = K ? mn(k[le]) : on(k[le]);
+      const he = k[le] = K ? mn(k[le]) : on(k[le]);
       v(
         w[le],
-        pe,
+        he,
         I,
         null,
         F,
@@ -3347,10 +3347,10 @@ function gv(e, t) {
     const ce = k.length;
     let Q = w.length - 1, le = ce - 1;
     for (; q <= Q && q <= le; ) {
-      const pe = w[q], B = k[q] = K ? mn(k[q]) : on(k[q]);
-      if (rr(pe, B))
+      const he = w[q], B = k[q] = K ? mn(k[q]) : on(k[q]);
+      if (rr(he, B))
         v(
-          pe,
+          he,
           B,
           I,
           null,
@@ -3365,10 +3365,10 @@ function gv(e, t) {
       q++;
     }
     for (; q <= Q && q <= le; ) {
-      const pe = w[Q], B = k[le] = K ? mn(k[le]) : on(k[le]);
-      if (rr(pe, B))
+      const he = w[Q], B = k[le] = K ? mn(k[le]) : on(k[le]);
+      if (rr(he, B))
         v(
-          pe,
+          he,
           B,
           I,
           null,
@@ -3384,7 +3384,7 @@ function gv(e, t) {
     }
     if (q > Q) {
       if (q <= le) {
-        const pe = le + 1, B = pe < ce ? k[pe].el : U;
+        const he = le + 1, B = he < ce ? k[he].el : U;
         for (; q <= le; )
           v(
             null,
@@ -3402,7 +3402,7 @@ function gv(e, t) {
       for (; q <= Q; )
         He(w[q], F, L, !0), q++;
     else {
-      const pe = q, B = q, ne = /* @__PURE__ */ new Map();
+      const he = q, B = q, ne = /* @__PURE__ */ new Map();
       for (q = B; q <= le; q++) {
         const $t = k[q] = K ? mn(k[q]) : on(k[q]);
         $t.key != null && ne.set($t.key, q);
@@ -3412,7 +3412,7 @@ function gv(e, t) {
       let Gt = !1, Yt = 0;
       const nr = new Array(rt);
       for (q = 0; q < rt; q++) nr[q] = 0;
-      for (q = pe; q <= Q; q++) {
+      for (q = he; q <= Q; q++) {
         const $t = w[q];
         if (Ce >= rt) {
           He($t, F, L, !0);
@@ -3487,7 +3487,7 @@ function gv(e, t) {
       if (U === 0)
         J.persisted && !L[Ts] ? o(L, k, I) : (J.beforeEnter(L), o(L, k, I), vt(() => J.enter(L), F));
       else {
-        const { leave: Q, delayLeave: le, afterLeave: pe } = J, B = () => {
+        const { leave: Q, delayLeave: le, afterLeave: he } = J, B = () => {
           w.ctx.isUnmounted ? r(L) : o(L, k, I);
         }, ne = () => {
           const ye = L._isLeaving || !!L[Ts];
@@ -3495,7 +3495,7 @@ function gv(e, t) {
             !0
             /* cancelled */
           ), J.persisted && !ye ? B() : Q(L, () => {
-            B(), pe && pe();
+            B(), he && he();
           });
         };
         le ? le(L, B, ne) : ne();
@@ -3512,10 +3512,10 @@ function gv(e, t) {
       shapeFlag: ce,
       patchFlag: Q,
       dirs: le,
-      cacheIndex: pe,
+      cacheIndex: he,
       memo: B
     } = w;
-    if ((Q === -2 || q && q.hasOnce) && (F = !1), J != null && (Cn(), gr(J, null, I, w, !0), kn()), pe != null && (!w.ctx || w.ctx === k) && (k.renderCache[pe] = void 0), ce & 256) {
+    if ((Q === -2 || q && q.hasOnce) && (F = !1), J != null && (Cn(), gr(J, null, I, w, !0), kn()), he != null && (!w.ctx || w.ctx === k) && (k.renderCache[he] = void 0), ce & 256) {
       k.ctx.deactivate(w);
       return;
     }
@@ -3548,7 +3548,7 @@ function gv(e, t) {
         !0
       ) : (L === xe && Q & 384 || !F && ce & 16) && Ft(K, k, I), U && Tt(w);
     }
-    const rt = B != null && pe == null;
+    const rt = B != null && he == null;
     (ye && (Ce = G && G.onVnodeUnmounted) || ne || rt) && vt(() => {
       Ce && Qt(Ce, k, w), ne && oo(w, null, k, "unmounted"), rt && (w.el = null);
     }, I);
@@ -3608,7 +3608,7 @@ function gv(e, t) {
     um: He,
     m: Se,
     r: Tt,
-    mt: de,
+    mt: fe,
     mc: O,
     pc: re,
     pbc: j,
@@ -3632,7 +3632,7 @@ function yv(e, t) {
 }
 function ul(e, t, n = !1) {
   const o = e.children, r = t.children;
-  if (fe(o) && fe(r))
+  if (pe(o) && pe(r))
     for (let i = 0; i < o.length; i++) {
       const s = o[i];
       let a = r[i];
@@ -3677,7 +3677,7 @@ function df(e) {
 }
 const ff = (e) => e.__isSuspense;
 function wv(e, t) {
-  t && t.pendingBranch ? fe(e) ? t.effects.push(...e) : t.effects.push(e) : Tm(e);
+  t && t.pendingBranch ? pe(e) ? t.effects.push(...e) : t.effects.push(e) : Tm(e);
 }
 const xe = /* @__PURE__ */ Symbol.for("v-fgt"), zr = /* @__PURE__ */ Symbol.for("v-txt"), Dt = /* @__PURE__ */ Symbol.for("v-cmt"), Ns = /* @__PURE__ */ Symbol.for("v-stc"), _n = [];
 let yt = null;
@@ -3729,7 +3729,7 @@ const hf = ({ key: e }) => e ?? null, li = ({
   ref: e,
   ref_key: t,
   ref_for: n
-}) => (typeof e == "number" && (e = "" + e), e != null ? qe(e) || /* @__PURE__ */ Xe(e) || he(e) ? { i: st, r: e, k: t, f: !!n } : e : null);
+}) => (typeof e == "number" && (e = "" + e), e != null ? qe(e) || /* @__PURE__ */ Xe(e) || me(e) ? { i: st, r: e, k: t, f: !!n } : e : null);
 function oe(e, t = null, n = null, o = 0, r = null, i = e === xe ? 0 : 1, s = !1, a = !1) {
   const l = {
     __v_isVNode: !0,
@@ -3784,9 +3784,9 @@ function _v(e, t = null, n = null, o = 0, r = null, i = !1) {
   if (Ov(e) && (e = e.__vccOpts), t) {
     t = Mr(t);
     let { class: a, style: l } = t;
-    a && !qe(a) && (t.class = me(a)), Ie(l) && (/* @__PURE__ */ Yi(l) && !fe(l) && (l = nt({}, l)), t.style = Fe(l));
+    a && !qe(a) && (t.class = de(a)), Ie(l) && (/* @__PURE__ */ Yi(l) && !pe(l) && (l = nt({}, l)), t.style = Fe(l));
   }
-  const s = qe(e) ? 1 : ff(e) ? 128 : es(e) ? 64 : Ie(e) ? 4 : he(e) ? 2 : 0;
+  const s = qe(e) ? 1 : ff(e) ? 128 : es(e) ? 64 : Ie(e) ? 4 : me(e) ? 2 : 0;
   return oe(
     e,
     t,
@@ -3812,7 +3812,7 @@ function vo(e, t, n = !1, o = !1) {
       // #2078 in the case of <component :is="vnode" ref="extra"/>
       // if the vnode itself already has a ref, cloneVNode will need to merge
       // the refs so the single vnode can be set on multiple refs
-      n && i ? fe(i) ? i.concat(li(t)) : [i, li(t)] : li(t)
+      n && i ? pe(i) ? i.concat(li(t)) : [i, li(t)] : li(t)
     ) : i,
     scopeId: e.scopeId,
     slotScopeIds: e.slotScopeIds,
@@ -3859,7 +3859,7 @@ function W(e = "", t = !1) {
   return t ? (b(), Z(Dt, null, e)) : H(Dt, null, e);
 }
 function on(e) {
-  return e == null || typeof e == "boolean" ? H(Dt) : fe(e) ? H(
+  return e == null || typeof e == "boolean" ? H(Dt) : pe(e) ? H(
     xe,
     null,
     // #3666, avoid reference pollution when reusing vnode
@@ -3874,7 +3874,7 @@ function xi(e, t) {
   const { shapeFlag: o } = e;
   if (t == null)
     t = null;
-  else if (fe(t))
+  else if (pe(t))
     n = 16;
   else if (typeof t == "object")
     if (o & 65) {
@@ -3886,7 +3886,7 @@ function xi(e, t) {
       const r = t._;
       !r && !of(t) ? t._ctx = st : r === 3 && st && (st.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
     }
-  else if (he(t)) {
+  else if (me(t)) {
     if (o & 65) {
       xi(e, { default: t });
       return;
@@ -3902,12 +3902,12 @@ function se(...e) {
     const o = e[n];
     for (const r in o)
       if (r === "class")
-        t.class !== o.class && (t.class = me([t.class, o.class]));
+        t.class !== o.class && (t.class = de([t.class, o.class]));
       else if (r === "style")
         t.style = Fe([t.style, o.style]);
       else if (Fi(r)) {
         const i = t[r], s = o[r];
-        s && i !== s && !(fe(i) && i.includes(s)) ? t[r] = i ? [].concat(i, s) : s : s == null && i == null && // mergeProps({ 'onUpdate:modelValue': undefined }) should not retain
+        s && i !== s && !(pe(i) && i.includes(s)) ? t[r] = i ? [].concat(i, s) : s : s == null && i == null && // mergeProps({ 'onUpdate:modelValue': undefined }) should not retain
         // the model listener.
         !Vi(r) && (t[r] = s);
       } else r !== "" && (t[r] = o[r]);
@@ -4072,7 +4072,7 @@ function $v(e, t) {
     vf(e);
 }
 function fu(e, t, n) {
-  he(t) ? e.type.__ssrInlineRender ? e.ssrRender = t : e.render = t : Ie(t) && (e.setupState = Od(t)), vf(e);
+  me(t) ? e.type.__ssrInlineRender ? e.ssrRender = t : e.render = t : Ie(t) && (e.setupState = Od(t)), vf(e);
 }
 function vf(e, t, n) {
   const o = e.type;
@@ -4117,17 +4117,17 @@ function os(e) {
   })) : e.proxy;
 }
 function Ev(e, t = !0) {
-  return he(e) ? e.displayName || e.name : e.name || t && e.__name;
+  return me(e) ? e.displayName || e.name : e.name || t && e.__name;
 }
 function Ov(e) {
-  return he(e) && "__vccOpts" in e;
+  return me(e) && "__vccOpts" in e;
 }
 const A = (e, t) => /* @__PURE__ */ $m(e, t, Ar);
 function ee(e, t, n) {
   try {
     _i(-1);
     const o = arguments.length;
-    return o === 2 ? Ie(t) && !fe(t) ? kr(t) ? H(e, null, [t]) : H(e, t) : H(e, null, t) : (o > 3 ? n = Array.prototype.slice.call(arguments, 2) : o === 3 && kr(n) && (n = [n]), H(e, t, n));
+    return o === 2 ? Ie(t) && !pe(t) ? kr(t) ? H(e, null, [t]) : H(e, t) : H(e, null, t) : (o > 3 ? n = Array.prototype.slice.call(arguments, 2) : o === 3 && kr(n) && (n = [n]), H(e, t, n));
   } finally {
     _i(1);
   }
@@ -4273,7 +4273,7 @@ function Lv(e, t, n) {
 }
 const Zr = /\s*!important$/;
 function cr(e, t, n) {
-  if (fe(n))
+  if (pe(n))
     n.forEach((o) => cr(e, t, o));
   else if (n == null && (n = ""), t.startsWith("--"))
     Zr.test(n) ? e.setProperty(t, n.replace(Zr, ""), "important") : e.setProperty(t, n);
@@ -4377,7 +4377,7 @@ function Gv(e, t) {
     else if (o._vts <= n.attached)
       return;
     const r = n.value;
-    if (fe(r)) {
+    if (pe(r)) {
       const i = o.stopImmediatePropagation;
       o.stopImmediatePropagation = () => {
         i.call(o), o._stopped = !0;
@@ -4411,7 +4411,7 @@ e.charCodeAt(2) > 96 && e.charCodeAt(2) < 123, Yv = (e, t, n, o, r, i) => {
 };
 function Xv(e, t, n, o) {
   if (o)
-    return !!(t === "innerHTML" || t === "textContent" || t in e && wu(t) && he(n));
+    return !!(t === "innerHTML" || t === "textContent" || t in e && wu(t) && me(n));
   if (t === "spellcheck" || t === "draggable" || t === "translate" || t === "autocorrect" || t === "sandbox" && e.tagName === "IFRAME" || t === "form" || t === "list" && e.tagName === "INPUT" || t === "type" && e.tagName === "TEXTAREA")
     return !1;
   if (t === "width" || t === "height") {
@@ -4433,7 +4433,7 @@ function Qv(e, t) {
 }
 const _u = (e) => {
   const t = e.props["onUpdate:modelValue"] || !1;
-  return fe(t) ? (n) => ai(t, n) : t;
+  return pe(t) ? (n) => ai(t, n) : t;
 };
 function eg(e) {
   e.target.composing = !0;
@@ -4522,7 +4522,7 @@ const ag = ((...e) => {
     const r = ug(o);
     if (!r) return;
     const i = t._component;
-    !he(i) && !i.render && !i.template && (i.template = r.innerHTML), r.nodeType === 1 && (r.textContent = "");
+    !me(i) && !i.render && !i.template && (i.template = r.innerHTML), r.nodeType === 1 && (r.textContent = "");
     const s = n(r, !1, lg(r));
     return r instanceof Element && (r.removeAttribute("v-cloak"), r.setAttribute("data-v-app", "")), s;
   }, t;
@@ -9905,10 +9905,10 @@ Note: state patches appear right after the elements that use them, so the UI fil
       s.push(`   - ${ve}`);
     s.push("");
   }
-  const de = t.directives;
-  if (de && de.length > 0) {
+  const fe = t.directives;
+  if (fe && fe.length > 0) {
     s.push("CUSTOM DYNAMIC VALUES:"), s.push("");
-    for (const ve of de) {
+    for (const ve of fe) {
       const Se = ve.description ? ` (${ve.description})` : "";
       s.push(`- ${ve.name}${Se}: ${Lt(ve.schema)}`);
     }
@@ -11068,9 +11068,9 @@ var Al = /* @__PURE__ */ D({
         const ge = e.spec.elements[we];
         if (!ge) {
           if (!e.loading) {
-            const de = X ? `in slot "${X}" of "${S.type}"` : `as child of "${S.type}"`;
+            const fe = X ? `in slot "${X}" of "${S.type}"` : `as child of "${S.type}"`;
             console.warn(
-              `[json-render] Missing element "${we}" referenced ${de}. This element will not render.`
+              `[json-render] Missing element "${we}" referenced ${fe}. This element will not render.`
             );
           }
           return null;
@@ -11503,6 +11503,7 @@ const wS = {
   "Reorder row {key}": "Reorder row {key}",
   Columns: "Columns",
   "Reset columns": "Reset columns",
+  "Too narrow": "Too narrow",
   "{count} of {total} items": "{count} of {total} items",
   "No matching items": "No matching items",
   "Sort by {name}": "Sort by {name}",
@@ -11656,6 +11657,7 @@ const wS = {
     "Reorder row {key}": "重新排序列 {key}",
     Columns: "欄位",
     "Reset columns": "重設欄位",
+    "Too narrow": "空間不足",
     "{count} of {total} items": "{count}／{total} 個項目",
     "No matching items": "沒有符合的項目",
     "Sort by {name}": "依 {name} 排序",
@@ -11808,6 +11810,7 @@ const wS = {
     "Reorder row {key}": "重新排序行 {key}",
     Columns: "列",
     "Reset columns": "重置列",
+    "Too narrow": "空间不足",
     "{count} of {total} items": "{count}/{total} 个项目",
     "No matching items": "没有匹配的项目",
     "Sort by {name}": "按 {name} 排序",
@@ -11960,6 +11963,7 @@ const wS = {
     "Reorder row {key}": "行 {key} を並べ替え",
     Columns: "列",
     "Reset columns": "列をリセット",
+    "Too narrow": "幅が足りません",
     "{count} of {total} items": "{count} / {total} 件",
     "No matching items": "一致する項目はありません",
     "Sort by {name}": "{name} で並べ替え",
@@ -12112,6 +12116,7 @@ const wS = {
     "Reorder row {key}": "{key} 행 순서 변경",
     Columns: "열",
     "Reset columns": "열 초기화",
+    "Too narrow": "공간 부족",
     "{count} of {total} items": "{count}/{total}개 항목",
     "No matching items": "일치하는 항목 없음",
     "Sort by {name}": "{name} 기준 정렬",
@@ -12264,6 +12269,7 @@ const wS = {
     "Reorder row {key}": "Zeile {key} neu anordnen",
     Columns: "Spalten",
     "Reset columns": "Spalten zurücksetzen",
+    "Too narrow": "Zu schmal",
     "{count} of {total} items": "{count} von {total} Elementen",
     "No matching items": "Keine passenden Elemente",
     "Sort by {name}": "Nach {name} sortieren",
@@ -12416,6 +12422,7 @@ const wS = {
     "Reorder row {key}": "Réordonner la ligne {key}",
     Columns: "Colonnes",
     "Reset columns": "Réinitialiser les colonnes",
+    "Too narrow": "Trop étroit",
     "{count} of {total} items": "{count} sur {total} éléments",
     "No matching items": "Aucun élément correspondant",
     "Sort by {name}": "Trier par {name}",
@@ -12568,6 +12575,7 @@ const wS = {
     "Reorder row {key}": "Reordenar fila {key}",
     Columns: "Columnas",
     "Reset columns": "Restablecer columnas",
+    "Too narrow": "Demasiado estrecho",
     "{count} of {total} items": "{count} de {total} elementos",
     "No matching items": "No hay elementos coincidentes",
     "Sort by {name}": "Ordenar por {name}",
@@ -12720,6 +12728,7 @@ const wS = {
     "Reorder row {key}": "Riordina riga {key}",
     Columns: "Colonne",
     "Reset columns": "Reimposta colonne",
+    "Too narrow": "Troppo stretto",
     "{count} of {total} items": "{count} di {total} elementi",
     "No matching items": "Nessun elemento corrispondente",
     "Sort by {name}": "Ordina per {name}",
@@ -12857,7 +12866,7 @@ const AS = ["type", "disabled", "data-disabled", "data-loading", "data-kind", "a
     );
     return (u, d) => (b(), P("button", {
       type: e.type,
-      class: me(c.value),
+      class: de(c.value),
       disabled: e.disabled || r.value,
       "data-disabled": e.disabled || void 0,
       "data-loading": r.value || void 0,
@@ -16075,12 +16084,12 @@ const b$ = 50, w$ = async (e, t, n) => {
     }, p = zl(r), h = Dl(p), v = await s.getDimensions(c), g = p === "y", y = g ? "top" : "left", S = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", _ = i.reference[h] + i.reference[p] - f[p] - i.floating[h], $ = f[p] - i.reference[p], E = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let C = E ? E[x] : 0;
     (!C || !await (s.isElement == null ? void 0 : s.isElement(E))) && (C = a.floating[x] || i.floating[h]);
-    const O = _ / 2 - $ / 2, T = C / 2 - v[h] / 2 - 1, j = Hn(d[y], T), X = Hn(d[S], T), we = C - v[h] - X, ge = C / 2 - v[h] / 2 + O, de = lh(j, ge, we), Ne = !l.arrow && er(r) != null && ge !== de && i.reference[h] / 2 - (ge < j ? j : X) - v[h] / 2 < 0, be = Ne ? ge < j ? ge - j : ge - we : 0;
+    const O = _ / 2 - $ / 2, T = C / 2 - v[h] / 2 - 1, j = Hn(d[y], T), X = Hn(d[S], T), we = C - v[h] - X, ge = C / 2 - v[h] / 2 + O, fe = lh(j, ge, we), Ne = !l.arrow && er(r) != null && ge !== fe && i.reference[h] / 2 - (ge < j ? j : X) - v[h] / 2 < 0, be = Ne ? ge < j ? ge - j : ge - we : 0;
     return {
       [p]: f[p] + be,
       data: {
-        [p]: de,
-        centerOffset: ge - de - be,
+        [p]: fe,
+        centerOffset: ge - fe - be,
         ...Ne && {
           alignmentOffset: be
         }
@@ -16117,21 +16126,21 @@ const b$ = 50, w$ = async (e, t, n) => {
       const C = [a, ...$], O = await l.detectOverflow(t, g), T = [];
       let j = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (u && T.push(O[y]), d) {
-        const de = d$(r, s, _);
-        T.push(O[de[0]], O[de[1]]);
+        const fe = d$(r, s, _);
+        T.push(O[fe[0]], O[fe[1]]);
       }
       if (j = [...j, {
         placement: r,
         overflows: T
-      }], !T.every((de) => de <= 0)) {
+      }], !T.every((fe) => fe <= 0)) {
         var X, we;
-        const de = (((X = i.flip) == null ? void 0 : X.index) || 0) + 1, Ne = C[de];
+        const fe = (((X = i.flip) == null ? void 0 : X.index) || 0) + 1, Ne = C[fe];
         if (Ne && (!(d === "alignment" ? S !== rn(Ne) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         j.every((re) => rn(re.placement) === S ? re.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: de,
+              index: fe,
               overflows: j
             },
             reset: {
@@ -17026,7 +17035,7 @@ const sA = ["dir"], aA = {
   positionStrategy: "fixed",
   updatePositionStrategy: "optimized",
   prioritizePosition: !1
-}, [nI, lA] = /* @__PURE__ */ lt("PopperContent");
+}, [tI, lA] = /* @__PURE__ */ lt("PopperContent");
 var uA = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "PopperContent",
@@ -17156,8 +17165,8 @@ var uA = /* @__PURE__ */ D({
       }),
       X$({
         ...g.value,
-        apply: ({ elements: de, rects: Ne, availableWidth: be, availableHeight: Y }) => {
-          const { width: re, height: Pe } = Ne.reference, ve = de.floating.style;
+        apply: ({ elements: fe, rects: Ne, availableWidth: be, availableHeight: Y }) => {
+          const { width: re, height: Pe } = Ne.reference, ve = fe.floating.style;
           ve.setProperty("--reka-popper-available-width", `${be}px`), ve.setProperty("--reka-popper-available-height", `${Y}px`), ve.setProperty("--reka-popper-anchor-width", `${re}px`), ve.setProperty("--reka-popper-anchor-height", `${Pe}px`);
         }
       }),
@@ -17177,7 +17186,7 @@ var uA = /* @__PURE__ */ D({
     ]), x = A(() => n.reference ?? i.anchor.value), { floatingStyles: _, placement: $, isPositioned: E, middlewareData: C } = iA(x, c, {
       strategy: n.positionStrategy,
       placement: p,
-      whileElementsMounted: (...de) => J$(...de, {
+      whileElementsMounted: (...fe) => J$(...fe, {
         layoutShift: !n.disableUpdateOnLayoutShift,
         animationFrame: n.updatePositionStrategy === "always"
       }),
@@ -17187,8 +17196,8 @@ var uA = /* @__PURE__ */ D({
       E.value && r("placed");
     });
     const j = A(() => {
-      const de = C.value.arrow?.centerOffset !== 0;
-      return n.hideShiftedArrow && de;
+      const fe = C.value.arrow?.centerOffset !== 0;
+      return n.hideShiftedArrow && fe;
     }), X = /* @__PURE__ */ V("");
     Pt(() => {
       a.value && (X.value = window.getComputedStyle(a.value).zIndex);
@@ -17196,11 +17205,11 @@ var uA = /* @__PURE__ */ D({
     const we = A(() => C.value.arrow?.x ?? 0), ge = A(() => C.value.arrow?.y ?? 0);
     return lA({
       placedSide: O,
-      onArrowChange: (de) => u.value = de,
+      onArrowChange: (fe) => u.value = fe,
       arrowX: we,
       arrowY: ge,
       shouldHideArrow: j
-    }), (de, Ne) => (b(), P("div", {
+    }), (fe, Ne) => (b(), P("div", {
       ref_key: "floatingRef",
       ref: c,
       "data-reka-popper-content-wrapper": "",
@@ -17222,19 +17231,19 @@ var uA = /* @__PURE__ */ D({
       O.value,
       T.value,
       m(E),
-      ...Object.values(de.$attrs),
+      ...Object.values(fe.$attrs),
       ...n.memoDependencies
     ], () => (b(), Z(m($e), se({
       key: 0,
       ref: m(s)
-    }, de.$attrs, {
+    }, fe.$attrs, {
       "as-child": n.asChild,
       as: n.as,
       "data-side": O.value,
       "data-align": T.value,
       style: { animation: m(E) ? void 0 : "none" }
     }), {
-      default: M(() => [N(de.$slots, "default")]),
+      default: M(() => [N(fe.$slots, "default")]),
       _: 3
     }, 16, [
       "as-child",
@@ -17245,7 +17254,7 @@ var uA = /* @__PURE__ */ D({
     ])), Ne, 0) : (b(), Z(m($e), se({
       key: 1,
       ref: m(s)
-    }, de.$attrs, {
+    }, fe.$attrs, {
       "as-child": n.asChild,
       as: n.as,
       "data-side": O.value,
@@ -17253,7 +17262,7 @@ var uA = /* @__PURE__ */ D({
       dir: m(l),
       style: { animation: m(E) ? void 0 : "none" }
     }), {
-      default: M(() => [N(de.$slots, "default")]),
+      default: M(() => [N(fe.$slots, "default")]),
       _: 3
     }, 16, [
       "as-child",
@@ -18619,7 +18628,7 @@ var XA = /* @__PURE__ */ D({
           const et = _.right - E.right, ut = window.innerWidth - $.right - et, _t = window.innerWidth - x.right - ut, ot = x.width + _t, Dn = Math.max(ot, _.width), w = window.innerWidth - Vt, k = kc(ut, Vt, Math.max(Vt, w - Dn));
           c.value.style.minWidth = `${ot}px`, c.value.style.right = `${k}px`;
         }
-        const C = r().map((et) => et.ref), O = window.innerHeight - Vt * 2, T = f.value.scrollHeight, j = window.getComputedStyle(d.value), X = Number.parseInt(j.borderTopWidth, 10), we = Number.parseInt(j.paddingTop, 10), ge = Number.parseInt(j.borderBottomWidth, 10), de = Number.parseInt(j.paddingBottom, 10), Ne = X + we + T + de + ge, be = Math.min(p.value.offsetHeight * 5, Ne), Y = window.getComputedStyle(f.value), re = Number.parseInt(Y.paddingTop, 10), Pe = Number.parseInt(Y.paddingBottom, 10), ve = x.top + x.height / 2 - Vt, Se = O - ve, He = p.value.offsetHeight / 2, Tt = p.value.offsetTop + He, It = X + we + Tt, no = Ne - It;
+        const C = r().map((et) => et.ref), O = window.innerHeight - Vt * 2, T = f.value.scrollHeight, j = window.getComputedStyle(d.value), X = Number.parseInt(j.borderTopWidth, 10), we = Number.parseInt(j.paddingTop, 10), ge = Number.parseInt(j.borderBottomWidth, 10), fe = Number.parseInt(j.paddingBottom, 10), Ne = X + we + T + fe + ge, be = Math.min(p.value.offsetHeight * 5, Ne), Y = window.getComputedStyle(f.value), re = Number.parseInt(Y.paddingTop, 10), Pe = Number.parseInt(Y.paddingBottom, 10), ve = x.top + x.height / 2 - Vt, Se = O - ve, He = p.value.offsetHeight / 2, Tt = p.value.offsetTop + He, It = X + we + Tt, no = Ne - It;
         if (It <= ve) {
           const et = p.value === C.at(-1);
           c.value.style.bottom = "0px";
@@ -20034,7 +20043,7 @@ const JE = ["for"], GE = {
       c.value ? (b(), P("label", {
         key: 0,
         for: l.value,
-        class: me(["ui-checkbox-text min-w-0 font-normal", n.disabled ? "cursor-default" : "cursor-pointer"])
+        class: de(["ui-checkbox-text min-w-0 font-normal", n.disabled ? "cursor-default" : "cursor-pointer"])
       }, [
         n.label ? (b(), P("span", GE, ie(n.label), 1)) : W("", !0),
         n.description ? (b(), P("span", YE, ie(n.description), 1)) : W("", !0)
@@ -20102,7 +20111,7 @@ const JE = ["for"], GE = {
       default: M(() => [
         (b(!0), P(xe, null, xt(n.options, (c) => (b(), P("label", {
           key: c.value,
-          class: me(["flex items-start gap-[var(--ui-choice-box-gap)] text-[13px] text-[var(--ui-text)]", n.disabled || c.disabled ? "cursor-default" : "cursor-pointer"])
+          class: de(["flex items-start gap-[var(--ui-choice-box-gap)] text-[13px] text-[var(--ui-text)]", n.disabled || c.disabled ? "cursor-default" : "cursor-pointer"])
         }, [
           H(m(NA), {
             value: c.value,
@@ -20344,7 +20353,7 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
                             value: j.value,
                             "text-value": j.label,
                             disabled: j.disabled,
-                            class: me(["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-primary-soft)] data-[highlighted]:text-[var(--ui-primary-active)] data-[disabled]:opacity-40", T.label && T.indent ? "pl-5" : "pl-2.5"])
+                            class: de(["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-primary-soft)] data-[highlighted]:text-[var(--ui-primary-active)] data-[disabled]:opacity-40", T.label && T.indent ? "pl-5" : "pl-2.5"])
                           }, {
                             default: M(() => [
                               H(m(gE), null, {
@@ -20395,7 +20404,7 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
   },
   setup(e) {
     return (t, n) => (b(), P("span", {
-      class: me([
+      class: de([
         "inline-flex min-h-5 items-center gap-1.5 rounded-full px-2 py-0.5 text-[12px] font-normal leading-none 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)]",
@@ -20475,7 +20484,8 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
     max: { default: 100 },
     label: {},
     valueLabel: {},
-    tone: { default: "primary" }
+    tone: { default: "primary" },
+    size: { default: "md" }
   },
   setup(e) {
     const t = sl(), n = () => Object.fromEntries(Object.entries(t).filter(([s]) => s !== "class" && s !== "style")), o = e, r = {
@@ -20485,7 +20495,7 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
       danger: "bg-[var(--ui-danger)]"
     }, i = A(() => o.max <= 0 ? 0 : Math.min(100, Math.max(0, o.value / o.max * 100)));
     return (s, a) => (b(), P("div", {
-      class: me(m(t).class),
+      class: de(m(t).class),
       style: Fe(m(t).style),
       "data-syno-pkg-land-ui": ""
     }, [
@@ -20494,7 +20504,7 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
         oe("span", AO, ie(e.valueLabel ?? `${Math.round(i.value)}%`), 1)
       ])) : W("", !0),
       oe("div", se({
-        class: "h-1.5 overflow-hidden rounded-full bg-[var(--ui-border-subtle)]",
+        class: ["overflow-hidden rounded-full bg-[var(--ui-border-subtle)]", e.size === "sm" ? "h-1" : "h-1.5"],
         role: "progressbar",
         "aria-valuenow": o.value,
         "aria-valuemin": 0,
@@ -20503,7 +20513,7 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
         "data-tone": e.tone
       }, n()), [
         oe("div", {
-          class: me(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
+          class: de(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
           style: Fe({ width: `${i.value}%` })
         }, null, 6)
       ], 16, EO)
@@ -20554,7 +20564,7 @@ const uO = { key: 0 }, cO = { key: 1 }, dO = { key: 2 }, fO = {
   setup(e) {
     const t = e, n = { none: "", sm: "p-3", md: "p-4", lg: "p-6" }, o = A(() => t.variant === "inset"), r = A(() => t.padding ? n[t.padding] : o.value ? "px-4 py-3" : n.md);
     return (i, s) => (b(), P("section", {
-      class: me([
+      class: de([
         "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)]",
@@ -20880,7 +20890,7 @@ const HO = /* @__PURE__ */ D({
                     x.value ? (b(), P("header", {
                       key: 0,
                       ref: "handle",
-                      class: me(["flex min-h-10 shrink-0 items-start justify-between gap-4 border-b border-[var(--ui-border-subtle)] py-2.5 pr-3 pl-5", m(l) && "cursor-move touch-none select-none"]),
+                      class: de(["flex min-h-10 shrink-0 items-start justify-between gap-4 border-b border-[var(--ui-border-subtle)] py-2.5 pr-3 pl-5", m(l) && "cursor-move touch-none select-none"]),
                       "data-ui-drag-handle": m(l) ? "" : void 0,
                       onPointerdown: C[1] || (C[1] = //@ts-ignore
                       (...O) => m(c) && m(c)(...O))
@@ -20925,13 +20935,13 @@ const HO = /* @__PURE__ */ D({
                     S() ? (b(), P("div", {
                       key: 1,
                       "data-ui-dialog-body": "",
-                      class: me(["min-h-0 flex-1 overflow-auto", x.value ? "px-5 py-4" : "px-[30px] pt-6"])
+                      class: de(["min-h-0 flex-1 overflow-auto", x.value ? "px-5 py-4" : "px-[30px] pt-6"])
                     }, [
                       N(E.$slots, "default")
                     ], 2)) : W("", !0),
                     E.$slots.footer ? (b(), P("footer", {
                       key: 2,
-                      class: me(["flex shrink-0 flex-wrap items-center justify-end gap-2", x.value ? ["min-h-12 px-5 py-2.5", S() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
+                      class: de(["flex shrink-0 flex-wrap items-center justify-end gap-2", x.value ? ["min-h-12 px-5 py-2.5", S() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
                     }, [
                       H(jl, { kind: "action" }, {
                         default: M(() => [
@@ -21073,7 +21083,7 @@ const i1 = ["data-direction"], s1 = {
       ref: r,
       "data-direction": s.value ? "vertical" : "horizontal",
       style: Fe(a.value),
-      class: me([
+      class: de([
         "grid min-h-10 gap-y-1 py-1.5",
         n.value === "start" ? "items-start" : "items-center"
       ]),
@@ -21081,7 +21091,7 @@ const i1 = ["data-direction"], s1 = {
     }, [
       oe("div", {
         "data-settings-label": "",
-        class: me(["min-w-0 break-words [word-break:keep-all] text-left text-[13px] text-[var(--ui-text)]", n.value === "start" && "pt-1"])
+        class: de(["min-w-0 break-words [word-break:keep-all] text-left text-[13px] text-[var(--ui-text)]", n.value === "start" && "pt-1"])
       }, [
         ze(ie(e.label), 1),
         e.required ? (b(), P("span", s1, "*")) : W("", !0)
@@ -21160,7 +21170,7 @@ const c1 = ["data-collapsible", "aria-busy"], d1 = {
           (...f) => m(s) && m(s)(...f))
         }, [
           H(m(us), {
-            class: me(["size-4 shrink-0 transition-transform", !m(i) && "-rotate-90"]),
+            class: de(["size-4 shrink-0 transition-transform", !m(i) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
           oe("span", p1, [
@@ -21184,7 +21194,7 @@ const c1 = ["data-collapsible", "aria-busy"], d1 = {
       ])) : W("", !0),
       Fo(oe("div", {
         id: m(r),
-        class: me(["ui-settings-section-body", c.value && "pt-3"])
+        class: de(["ui-settings-section-body", c.value && "pt-3"])
       }, [
         e.description || u.$slots.description ? (b(), P("p", b1, [
           N(u.$slots, "description", {}, () => [
@@ -21245,7 +21255,7 @@ const c1 = ["data-collapsible", "aria-busy"], d1 = {
         e.title ? (b(), P("div", C1, ie(e.title), 1)) : W("", !0),
         s.$slots.default || e.code ? (b(), P("div", {
           key: 1,
-          class: me(["flex flex-wrap items-baseline gap-x-2", e.title && "mt-0.5"])
+          class: de(["flex flex-wrap items-baseline gap-x-2", e.title && "mt-0.5"])
         }, [
           s.$slots.default ? (b(), P("div", k1, [
             N(s.$slots, "default")
@@ -21342,7 +21352,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
         ref_key: "viewport",
         ref: n,
         "data-ui-scroll-edges-viewport": "",
-        class: me(e.viewportClass),
+        class: de(e.viewportClass),
         style: Fe(e.viewportStyle)
       }, [
         N(i.$slots, "default")
@@ -21417,7 +21427,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
               oe("tr", null, [
                 (b(!0), P(xe, null, xt(m(n).columns, (u) => (b(), P("th", {
                   key: u.key,
-                  class: me(["border-b border-[var(--ui-border)] px-3 py-2 font-medium", u.align === "right" ? "text-right" : u.align === "center" ? "text-center" : "text-left"]),
+                  class: de(["border-b border-[var(--ui-border)] px-3 py-2 font-medium", u.align === "right" ? "text-right" : u.align === "center" ? "text-center" : "text-left"]),
                   style: Fe(u.width ? { width: u.width } : void 0)
                 }, ie(u.label), 7))), 128))
               ])
@@ -21434,7 +21444,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
               }, [
                 (b(!0), P(xe, null, xt(m(n).columns, (f) => (b(), P("td", {
                   key: f.key,
-                  class: me([
+                  class: de([
                     // The padding only shows in a row a two-line cell makes taller.
                     "px-3 py-1.5 text-[var(--ui-text)]",
                     m(n).compact ? "h-9" : "h-11",
@@ -21484,7 +21494,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
       })) : W("", !0),
       oe("div", {
         "data-ui-cell-lines": "",
-        class: me([
+        class: de([
           "min-w-0 flex-1",
           e.layout === "inline" ? "flex items-baseline gap-x-[var(--ui-space-2)]" : "flex flex-col gap-y-0.5"
         ])
@@ -21495,7 +21505,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
           "data-ui-cell-primary": "",
           title: e.openLabel,
           disabled: e.openDisabled,
-          class: me([n.value, "m-0 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
+          class: de([n.value, "m-0 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
           onClick: r[0] || (r[0] = (i) => o.$emit("open"))
         }, [
           N(o.$slots, "default", {}, () => [
@@ -21505,7 +21515,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
           key: 1,
           "data-ui-cell-primary": "",
           title: e.text,
-          class: me([n.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
+          class: de([n.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
         }, [
           N(o.$slots, "default", {}, () => [
             ze(ie(e.text), 1)
@@ -21515,7 +21525,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
           key: 2,
           "data-ui-cell-secondary": "",
           title: e.secondary,
-          class: me([
+          class: de([
             "min-w-0 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)]",
             n.value,
             e.layout === "inline" && "shrink-0"
@@ -21529,11 +21539,11 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
     ], 8, Y1));
   }
 }), nP = {
-  class: "flex min-w-0 flex-col gap-[var(--ui-space-1)]",
+  class: "flex min-w-0 flex-col gap-0.5",
   "data-syno-pkg-land-ui": ""
 }, oP = {
   "data-ui-cell-status": "",
-  class: "flex min-w-0 items-center gap-[var(--ui-space-2)] leading-5 text-[var(--ui-text)]"
+  class: "flex min-w-0 items-center gap-[var(--ui-space-2)] leading-4 text-[var(--ui-text)]"
 }, rP = ["title"], iP = {
   key: 1,
   "data-ui-cell-secondary": "",
@@ -21562,6 +21572,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
         key: 0,
         value: e.progress,
         "aria-label": e.label,
+        size: "sm",
         class: "max-w-40"
       }, null, 8, ["value", "aria-label"])) : W("", !0),
       e.detail || o.$slots.detail ? (b(), P("span", iP, [
@@ -21667,7 +21678,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
       default: M(() => [
         e.hasHeader ? (b(), P("header", {
           key: 0,
-          class: me(h.value)
+          class: de(h.value)
         }, [
           d.value ? (b(), P("h3", {
             key: 0,
@@ -21693,7 +21704,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
               (...S) => m(u) && m(u)(...S))
             }, [
               H(m(us), {
-                class: me(m(bn)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !m(c) && "-rotate-90")),
+                class: de(m(bn)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !m(c) && "-rotate-90")),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
             ], 8, yP)) : W("", !0)
@@ -21701,7 +21712,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
         ], 2)) : W("", !0),
         Fo(oe("div", {
           id: m(l),
-          class: me(v.value),
+          class: de(v.value),
           role: e.expandable ? "region" : void 0,
           "aria-labelledby": e.expandable && d.value ? m(a) : void 0
         }, [
@@ -21713,7 +21724,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
         ]),
         g.$slots.footer && !e.loading ? (b(), P("footer", {
           key: 1,
-          class: me(m(bn)("flex flex-wrap items-center gap-2 border-t border-[var(--ui-border-subtle)] px-5 py-2.5", r[e.footerAlign]))
+          class: de(m(bn)("flex flex-wrap items-center gap-2 border-t border-[var(--ui-border-subtle)] px-5 py-2.5", r[e.footerAlign]))
         }, [
           H(jl, { kind: "action" }, {
             default: M(() => [
@@ -21799,7 +21810,7 @@ const V1 = ["data-overflow-start", "data-overflow-end"], L1 = /* @__PURE__ */ D(
       e.name ? (b(), P("span", {
         key: 1,
         "data-ui-brand-name": "",
-        class: me(e.collapsed ? "sr-only" : "min-w-0 truncate")
+        class: de(e.collapsed ? "sr-only" : "min-w-0 truncate")
       }, ie(e.name), 3)) : W("", !0)
     ], 64));
   }
@@ -21821,7 +21832,7 @@ function kP(e) {
     }
   }), { width: o, collapsed: r };
 }
-const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing"], AP = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], EP = {
+const $P = ["data-ui-layout-mode", "data-ui-layout-height", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing"], AP = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], EP = {
   key: 0,
   "data-ui-mobile-sidebar-header": ""
 }, OP = {
@@ -21839,7 +21850,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
 }, VP = ["aria-label", "aria-expanded", "aria-controls"], LP = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, qP = { key: 1 }, jP = { class: "min-h-0 flex-1" }, Yc = 16, BP = /* @__PURE__ */ D({
+}, qP = { key: 1 }, Yc = 16, jP = /* @__PURE__ */ D({
   __name: "AppLayout",
   props: {
     sidebarWidth: { default: void 0 },
@@ -21848,7 +21859,8 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
     wideLayout: { default: "window" },
     sidebarStorageKey: { default: void 0 },
     brandName: { default: void 0 },
-    brandIcon: { default: void 0 }
+    brandIcon: { default: void 0 },
+    height: { default: "auto" }
   },
   setup(e) {
     const t = e, n = Ko(), o = xo(), r = bt("root"), i = bt("sidebar"), s = bt("menuTrigger"), a = tr(r), l = A(() => t.responsive === !1 ? "window" : Dh(a.value, t.wideLayout));
@@ -21896,7 +21908,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
     function ge(Y = !1) {
       u.value && (u.value = !1, Y && Ue(() => s.value?.focus()));
     }
-    function de() {
+    function fe() {
       u.value = !0, Ue(() => i.value?.querySelector("[data-ui-close-navigation]")?.focus());
     }
     ue(c, (Y) => {
@@ -21921,9 +21933,13 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
     return (Y, re) => (b(), P("section", {
       ref_key: "root",
       ref: r,
-      class: me(["syno-pkg-land-ui-root relative grid min-w-0 overflow-hidden bg-[var(--ui-surface)] text-[var(--ui-text)]", Y.$slots.sidebar && !c.value ? "grid-cols-[var(--ui-app-sidebar-width)_minmax(0,1fr)]" : "grid-cols-1"]),
+      class: de(["syno-pkg-land-ui-root relative grid min-w-0 overflow-hidden bg-[var(--ui-surface)] text-[var(--ui-text)]", [
+        Y.$slots.sidebar && !c.value ? "grid-cols-[var(--ui-app-sidebar-width)_minmax(0,1fr)]" : "grid-cols-1",
+        t.height === "fill" && "h-full grid-rows-[minmax(0,1fr)]"
+      ]]),
       style: Fe({ "--ui-app-sidebar-width": y.value, minHeight: t.minHeight }),
       "data-ui-layout-mode": l.value,
+      "data-ui-layout-height": t.height,
       "data-ui-mobile-open": c.value && u.value ? "true" : void 0,
       "data-ui-motion-ready": f.value ? "true" : void 0,
       "data-ui-sidebar-collapsed": v.value ? "true" : void 0,
@@ -22019,7 +22035,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
       ], 8, AP)) : W("", !0),
       oe("div", {
         "data-ui-layout-main": "",
-        class: "flex min-w-0 flex-col bg-[var(--ui-surface)]",
+        class: "flex min-h-0 min-w-0 flex-col bg-[var(--ui-surface)]",
         inert: c.value && u.value
       }, [
         c.value && Y.$slots.sidebar ? (b(), P("div", FP, [
@@ -22030,7 +22046,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
             "aria-label": m(o)("Application navigation"),
             "aria-expanded": u.value,
             "aria-controls": m(d),
-            onClick: de
+            onClick: fe
           }, [
             H(m(rC), {
               size: 20,
@@ -22047,14 +22063,16 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
           ])) : (b(), P("span", qP, ie(m(o)("Application navigation")), 1))
         ])) : W("", !0),
         N(Y.$slots, "toolbar"),
-        oe("main", jP, [
+        oe("main", {
+          class: de(["min-h-0 flex-1", t.height === "fill" && "flex flex-col overflow-y-auto"])
+        }, [
           N(Y.$slots, "default")
-        ]),
+        ], 2),
         N(Y.$slots, "footer")
       ], 8, MP)
     ], 46, $P));
   }
-}), UP = /* @__PURE__ */ D({
+}), BP = /* @__PURE__ */ D({
   __name: "ResponsiveView",
   props: {
     mode: { default: "auto" }
@@ -22066,7 +22084,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
     });
     return (i, s) => N(i.$slots, r.value);
   }
-}), ZP = /* @__PURE__ */ D({
+}), UP = /* @__PURE__ */ D({
   __name: "AppSidebarTip",
   props: {
     label: {},
@@ -22084,15 +22102,15 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
       _: 3
     }, 8, ["content"])) : N(t.$slots, "default", {}, void 0, void 0, 1);
   }
-}), WP = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], KP = {
+}), ZP = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], WP = {
   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-[10px] font-semibold leading-none text-white"
-}, HP = ["disabled", "aria-current", "onClick"], JP = {
+}, KP = ["disabled", "aria-current", "onClick"], HP = {
   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-[10px] font-semibold leading-none text-white"
-}, GP = ["aria-label"], Xc = "min-w-0 flex-1 [overflow-wrap:anywhere]", YP = /* @__PURE__ */ D({
+}, JP = ["aria-label"], Xc = "min-w-0 flex-1 [overflow-wrap:anywhere]", GP = /* @__PURE__ */ D({
   name: "AppSidebarItems",
   __name: "AppSidebarItems",
   props: {
@@ -22114,7 +22132,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
       return b(!0), P(xe, null, xt(e.items, (u) => (b(), P(xe, {
         key: u.key
       }, [
-        H(ZP, {
+        H(UP, {
           label: u.label,
           enabled: !!n.collapsed
         }, {
@@ -22128,7 +22146,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
               disabled: u.disabled,
               "aria-current": u.selectable && n.modelValue === u.key ? "page" : void 0,
               "aria-expanded": r(u),
-              class: me(s(u)),
+              class: de(s(u)),
               style: Fe(i(n.depth)),
               onClick: (d) => {
                 o("toggle", u.key), u.selectable && o("select", u);
@@ -22136,7 +22154,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
             }, [
               H(m(US), {
                 "data-nav-chevron": "",
-                class: me(["size-3.5 shrink-0 text-[var(--ui-text-muted)] transition-transform", r(u) && "rotate-90"]),
+                class: de(["size-3.5 shrink-0 text-[var(--ui-text-muted)] transition-transform", r(u) && "rotate-90"]),
                 "aria-hidden": "true"
               }, null, 8, ["class"]),
               u.icon ? (b(), Z($n(u.icon), {
@@ -22146,16 +22164,16 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
               })) : W("", !0),
               oe("span", {
                 "data-nav-label": "",
-                class: me(n.collapsed ? "sr-only" : Xc)
+                class: de(n.collapsed ? "sr-only" : Xc)
               }, ie(u.label), 3),
-              u.badge !== void 0 ? (b(), P("span", KP, ie(u.badge), 1)) : W("", !0)
-            ], 14, WP)) : (b(), P("button", {
+              u.badge !== void 0 ? (b(), P("span", WP, ie(u.badge), 1)) : W("", !0)
+            ], 14, ZP)) : (b(), P("button", {
               key: 1,
               type: "button",
               "data-nav-item": "",
               disabled: u.disabled,
               "aria-current": n.modelValue === u.key ? "page" : void 0,
-              class: me(s(u)),
+              class: de(s(u)),
               style: Fe(i(n.depth)),
               onClick: (d) => o("select", u)
             }, [
@@ -22166,10 +22184,10 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
               })) : W("", !0),
               oe("span", {
                 "data-nav-label": "",
-                class: me(n.collapsed ? "sr-only" : Xc)
+                class: de(n.collapsed ? "sr-only" : Xc)
               }, ie(u.label), 3),
-              u.badge !== void 0 ? (b(), P("span", JP, ie(u.badge), 1)) : W("", !0)
-            ], 14, HP))
+              u.badge !== void 0 ? (b(), P("span", HP, ie(u.badge), 1)) : W("", !0)
+            ], 14, KP))
           ]),
           _: 2
         }, 1032, ["label", "enabled"]),
@@ -22189,15 +22207,15 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
             onSelect: l[0] || (l[0] = (d) => o("select", d)),
             onToggle: l[1] || (l[1] = (d) => o("toggle", d))
           }, null, 8, ["items", "model-value", "expanded-keys", "depth", "searching", "collapsed"])
-        ], 8, GP)) : W("", !0)
+        ], 8, JP)) : W("", !0)
       ], 64))), 128);
     };
   }
-}), XP = ["aria-label", "data-ui-sidebar-collapsed"], QP = ["aria-expanded", "onClick"], eT = {
+}), YP = ["aria-label", "data-ui-sidebar-collapsed"], XP = ["aria-expanded", "onClick"], QP = {
   key: 1,
   "data-nav-group-label": "",
   class: "flex h-6 items-center px-[11px] text-[12px] font-bold text-[rgba(65,75,85,0.5)]"
-}, tT = /* @__PURE__ */ D({
+}, eT = /* @__PURE__ */ D({
   __name: "AppSidebar",
   props: {
     modelValue: {},
@@ -22272,7 +22290,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
       }, null, 8, ["modelValue", "placeholder", "clear-label"])) : W("", !0),
       (b(!0), P(xe, null, xt(c.value, ({ group: $, id: E, items: C }, O) => (b(), P("section", {
         key: E,
-        class: me(O > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2")
+        class: de(O > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2")
       }, [
         $.label && m(o).collapsible && !m(i) ? (b(), P("button", {
           key: 0,
@@ -22284,12 +22302,12 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
           onClick: (T) => d(E)
         }, [
           H(m(us), {
-            class: me(["size-3 shrink-0 transition-transform", !f(E) && "-rotate-90"]),
+            class: de(["size-3 shrink-0 transition-transform", !f(E) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
           ze(" " + ie($.label), 1)
-        ], 8, QP)) : $.label && !m(i) ? (b(), P("div", eT, ie($.label), 1)) : W("", !0),
-        f(E) ? (b(), Z(YP, {
+        ], 8, XP)) : $.label && !m(i) ? (b(), P("div", QP, ie($.label), 1)) : W("", !0),
+        f(E) ? (b(), Z(GP, {
           key: 2,
           items: C,
           "model-value": m(o).modelValue,
@@ -22301,15 +22319,15 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
           onToggle: y
         }, null, 8, ["items", "model-value", "expanded-keys", "searching", "collapsed"])) : W("", !0)
       ], 2))), 128))
-    ], 8, XP));
+    ], 8, YP));
   }
-}), nT = {
+}), tT = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, oT = { class: "min-w-0 flex-1" }, rT = {
+}, nT = { class: "min-w-0 flex-1" }, oT = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-2"
-}, iT = /* @__PURE__ */ D({
+}, rT = /* @__PURE__ */ D({
   __name: "AppToolbar",
   props: {
     height: { default: "var(--ui-toolbar-height)" }
@@ -22321,29 +22339,29 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
       style: Fe({ minHeight: e.height }),
       "data-syno-pkg-land-ui": ""
     }, [
-      t.$slots.leading ? (b(), P("div", nT, [
+      t.$slots.leading ? (b(), P("div", tT, [
         N(t.$slots, "leading")
       ])) : W("", !0),
-      oe("div", oT, [
+      oe("div", nT, [
         N(t.$slots, "default")
       ]),
-      t.$slots.actions ? (b(), P("div", rT, [
+      t.$slots.actions ? (b(), P("div", oT, [
         N(t.$slots, "actions")
       ])) : W("", !0)
     ], 4));
   }
-}), sT = { class: "min-w-0 flex-auto" }, aT = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, lT = ["title"], uT = {
+}), iT = { class: "min-w-0 flex-auto" }, sT = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, aT = ["title"], lT = {
   key: 0,
   "data-ui-page-header-meta": "",
   class: "flex items-center gap-2"
-}, cT = {
+}, uT = {
   key: 0,
   class: "mt-1 max-w-3xl [contain:inline-size] text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, dT = {
+}, cT = {
   key: 0,
   "data-ui-page-header-actions": "",
   class: "ml-auto flex max-w-full shrink-0 flex-wrap items-center justify-end gap-2"
-}, fT = /* @__PURE__ */ D({
+}, dT = /* @__PURE__ */ D({
   __name: "PageHeader",
   props: {
     title: {},
@@ -22353,53 +22371,55 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
   setup(e) {
     return (t, n) => (b(), P("div", {
       "data-ui-page-header": "",
-      class: me([e.sticky && "sticky top-0 z-[2] 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: de([e.sticky && "sticky top-0 z-[2] 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": ""
     }, [
-      oe("div", sT, [
-        oe("div", aT, [
+      oe("div", iT, [
+        oe("div", sT, [
           oe("h1", {
             class: "m-0 min-w-0 truncate text-[18px] font-semibold tracking-[-0.01em] text-[var(--ui-text)]",
             title: e.title
-          }, ie(e.title), 9, lT),
-          t.$slots.meta ? (b(), P("div", uT, [
+          }, ie(e.title), 9, aT),
+          t.$slots.meta ? (b(), P("div", lT, [
             N(t.$slots, "meta")
           ])) : W("", !0)
         ]),
-        e.description ? (b(), P("p", cT, ie(e.description), 1)) : W("", !0)
+        e.description ? (b(), P("p", uT, ie(e.description), 1)) : W("", !0)
       ]),
-      t.$slots.actions ? (b(), P("div", dT, [
+      t.$slots.actions ? (b(), P("div", cT, [
         N(t.$slots, "actions")
       ])) : W("", !0)
     ], 2));
   }
-}), pT = ["data-width", "data-page-surface"], hT = /* @__PURE__ */ D({
+}), fT = ["data-width", "data-height", "data-page-surface"], pT = /* @__PURE__ */ D({
   __name: "PageContent",
   props: {
     width: { default: "fill" },
-    surface: { default: "auto" }
+    surface: { default: "auto" },
+    height: { default: "auto" }
   },
   setup(e) {
-    const t = e, n = A(() => {
+    const t = e, n = A(() => t.height === "fill"), o = A(() => {
       if (t.width !== "fill")
         return t.width === "readable" ? "var(--ui-page-readable-width)" : t.width;
     });
-    return (o, r) => (b(), P("div", {
-      class: "box-border w-full min-w-0 px-[var(--ui-page-padding-x)]",
+    return (r, i) => (b(), P("div", {
+      class: de(["box-border w-full min-w-0 px-[var(--ui-page-padding-x)]", n.value && "flex h-full min-h-0 flex-col overflow-hidden"]),
       "data-width": e.width,
+      "data-height": e.height,
       "data-page-surface": e.surface,
       "data-syno-pkg-land-ui": ""
     }, [
       oe("div", {
         "data-page-content-body": "",
-        class: "flex min-w-0 flex-col gap-[var(--ui-section-gap)] [&>[data-ui-page-header]]:mb-[calc(var(--ui-section-gap)*-1)]",
-        style: Fe({ "--ui-page-padding-x": "0px", maxWidth: n.value })
+        class: de(["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: Fe({ "--ui-page-padding-x": "0px", maxWidth: o.value })
       }, [
-        N(o.$slots, "default")
-      ], 4)
-    ], 8, pT));
+        N(r.$slots, "default")
+      ], 6)
+    ], 10, fT));
   }
-}), mT = ["aria-label"], vT = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], gT = /* @__PURE__ */ D({
+}), hT = ["aria-label"], mT = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], vT = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "SectionTabs",
   props: {
@@ -22424,18 +22444,18 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
           disabled: c.disabled,
           "data-ui-tab-value": c.value,
           "aria-current": o.modelValue === c.value ? "page" : void 0,
-          class: me([
+          class: de([
             "relative h-[30px] shrink-0 border-0 bg-transparent px-2 text-[length:var(--ui-font-size)] 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",
             o.modelValue === c.value ? "text-[var(--ui-primary)]" : "text-[var(--ui-text)] hover:text-[var(--ui-primary)]"
           ]),
           onClick: (u) => r("update:modelValue", c.value)
-        }, ie(c.label), 11, vT))), 128)),
+        }, ie(c.label), 11, mT))), 128)),
         oe("span", {
           class: "ui-tab-indicator",
           style: Fe(m(s)),
           "aria-hidden": "true"
         }, null, 4)
-      ], 16, mT),
+      ], 16, hT),
       a.$slots[`panel-${o.modelValue}`] ? (b(), P("div", {
         key: o.modelValue,
         class: "ui-tab-panel",
@@ -22445,7 +22465,7 @@ const $P = ["data-ui-layout-mode", "data-ui-mobile-open", "data-ui-motion-ready"
       ])) : W("", !0)
     ], 64));
   }
-}), yT = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), bT = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
+}), gT = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), yT = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
 function zi(e) {
   if (typeof e != "object" || e === null || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
@@ -22457,18 +22477,18 @@ function Mi(e, t) {
 function Ba(e, t, n) {
   e[t] = n;
 }
-function wT(e) {
+function bT(e) {
   return Reflect.ownKeys(e).filter((t) => Mi(e, t) !== void 0);
 }
 function Ua(e, t) {
   const n = { ...e };
-  for (const o of wT(t)) {
+  for (const o of bT(t)) {
     const r = Mi(t, o), i = Mi(n, o);
     zi(i) && zi(r) ? Ba(n, o, Ua(i, r)) : Ba(n, o, r);
   }
   return n;
 }
-function _T(e) {
+function wT(e) {
   const t = {};
   for (const n of Reflect.ownKeys(e)) {
     const o = Mi(e, n);
@@ -22477,15 +22497,15 @@ function _T(e) {
   return t;
 }
 function Mh(e, t, n = {}) {
-  const o = De(bT, null), r = De(yT, null);
+  const o = De(yT, null), r = De(gT, null);
   return A(() => {
     const i = [n, r?.value?.[e], o?.value?.[e]];
     let s = {};
     for (const a of i) a && (s = Ua(s, a));
-    return Ua(s, _T(t));
+    return Ua(s, wT(t));
   });
 }
-const xT = /* @__PURE__ */ D({
+const _T = /* @__PURE__ */ D({
   __name: "Form",
   props: {
     rules: {},
@@ -22562,7 +22582,7 @@ const xT = /* @__PURE__ */ D({
       N(E.$slots, "default")
     ], 36));
   }
-}), ST = "blur", CT = {
+}), xT = "blur", ST = {
   string: "Value must be a string",
   number: "Value must be a number",
   integer: "Value must be an integer",
@@ -22575,15 +22595,15 @@ const xT = /* @__PURE__ */ D({
 function Za(e) {
   return e ? Array.isArray(e) ? [...e] : [e] : [];
 }
-function kT(e, t) {
+function CT(e, t) {
   return e == null ? !0 : t === "array" || Array.isArray(e) ? Array.isArray(e) && e.length === 0 : typeof e == "string" ? e.trim() === "" : !1;
 }
-function $T(e) {
+function kT(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 AT(e, t) {
+function $T(e, t) {
   switch (t) {
     case "string":
       return typeof e == "string";
@@ -22608,13 +22628,13 @@ function AT(e, t) {
       return e instanceof Date && !Number.isNaN(e.getTime());
   }
 }
-function ET(e) {
+function AT(e) {
   return typeof e == "object" && e !== null && typeof e.then == "function";
 }
 function ar(e, t) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : t("Value does not match the expected format");
 }
-async function OT(e, t, n) {
+async function ET(e, t, n) {
   const o = e.validator ?? e.asyncValidator;
   if (!o) return null;
   let r = null, i = !1;
@@ -22627,7 +22647,7 @@ async function OT(e, t, n) {
   } catch (l) {
     return i ? r : ar(l, n);
   }
-  if (ET(a))
+  if (AT(a))
     try {
       const l = await a;
       i || (r = l === !0 || l === void 0 || l === null ? null : ar(l, n));
@@ -22637,31 +22657,31 @@ async function OT(e, t, n) {
   else !i && a !== void 0 && a !== !0 && (r = a === !1 ? e.message ?? n("Value does not match the expected format") : ar(a, n));
   return r;
 }
-async function PT(e, t, n) {
+async function OT(e, t, n) {
   const o = e.transform ? e.transform(t) : t;
-  if (kT(o, e.type))
+  if (CT(o, e.type))
     return e.required ? e.message ?? n("Value is required") : null;
-  if (e.type && !AT(o, e.type)) return e.message ?? n(CT[e.type]);
-  const r = $T(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") : OT(e, o, n);
+  if (e.type && !$T(o, e.type)) return e.message ?? n(ST[e.type]);
+  const r = kT(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") : ET(e, o, n);
 }
-function TT(e, t) {
+function PT(e, t) {
   return e.trigger ? Array.isArray(e.trigger) ? e.trigger : [e.trigger] : [t];
 }
-async function IT(e, t, n = {}) {
-  const o = n.defaultTrigger ?? ST, r = n.trigger ?? null, i = n.text ?? ((s, a) => zp("en", s, a));
+async function TT(e, t, n = {}) {
+  const o = n.defaultTrigger ?? xT, r = n.trigger ?? null, i = n.text ?? ((s, a) => zp("en", s, a));
   for (const s of Za(t)) {
-    if (r !== null && !TT(s, o).includes(r)) continue;
-    const a = await PT(s, e, i);
+    if (r !== null && !PT(s, o).includes(r)) continue;
+    const a = await OT(s, e, i);
     if (a) return a;
   }
   return null;
 }
-const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
+const IT = ["data-direction", "data-status"], RT = ["id", "for"], NT = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]",
   "aria-hidden": "true"
-}, zT = { class: "flex items-start gap-2" }, MT = ["id"], FT = ["id"], VT = /* @__PURE__ */ D({
+}, DT = { class: "flex items-start gap-2" }, zT = ["id"], MT = ["id"], FT = /* @__PURE__ */ D({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -22741,7 +22761,7 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
     function C() {
       x.value = y.value;
     }
-    const O = /* @__PURE__ */ V(""), T = /* @__PURE__ */ V(""), j = /* @__PURE__ */ V(""), X = /* @__PURE__ */ V(""), we = /* @__PURE__ */ V(!1), ge = /* @__PURE__ */ V(!1), de = A(() => r.disabled === !0 || we.value), Ne = A(() => X.value || a.value.validateStatus || O.value), be = A(() => Ne.value === "error"), Y = A(() => j.value || T.value || a.value.help), re = A(() => j.value ? j.value : be.value && !a.value.hideValidateMessage && T.value || a.value.help), Pe = tr(u), ve = A(() => {
+    const O = /* @__PURE__ */ V(""), T = /* @__PURE__ */ V(""), j = /* @__PURE__ */ V(""), X = /* @__PURE__ */ V(""), we = /* @__PURE__ */ V(!1), ge = /* @__PURE__ */ V(!1), fe = A(() => r.disabled === !0 || we.value), Ne = A(() => X.value || a.value.validateStatus || O.value), be = A(() => Ne.value === "error"), Y = A(() => j.value || T.value || a.value.help), re = A(() => j.value ? j.value : be.value && !a.value.hideValidateMessage && T.value || a.value.help), Pe = tr(u), ve = A(() => {
       const B = a.value.direction ?? l?.direction ?? "auto";
       return B === "auto" ? Pe.value > 0 && Pe.value < 520 ? "vertical" : "horizontal" : B;
     }), Se = A(() => {
@@ -22768,12 +22788,12 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
     }
     let Dn = 0;
     async function w(B = null) {
-      if (a.value.disableValidation || de.value && !a.value.validateDisabledField) return null;
+      if (a.value.disableValidation || fe.value && !a.value.validateDisabledField) return null;
       const ne = ot();
       if (!ne.length) return null;
       const ye = ++Dn;
       O.value = "validating", i("validating");
-      const Ce = await IT(y.value, ne, {
+      const Ce = await TT(y.value, ne, {
         trigger: B,
         defaultTrigger: a.value.defaultValidateTrigger,
         text: o
@@ -22838,7 +22858,7 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
       messageId: A(() => re.value ? f.message : void 0),
       describedBy: It,
       required: A(() => a.value.requiredMark === !0),
-      disabled: de,
+      disabled: fe,
       invalid: be,
       status: Ne,
       message: Y,
@@ -22859,8 +22879,8 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
       }))
     });
     We(El, le);
-    function pe() {
-      if (a.value.textOnly || de.value) return;
+    function he() {
+      if (a.value.textOnly || fe.value) return;
       const B = [...u.value?.querySelectorAll("[id]") ?? []].find((Ce) => Ce.id === p.value);
       if (!B) return;
       const ne = B.querySelector('[tabindex="0"], input:not([type="hidden"]):not(:disabled), button:not(:disabled)');
@@ -22885,7 +22905,7 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
       "data-form-item": "",
       "data-direction": ve.value,
       style: Fe(no.value),
-      class: me(m(bn)("min-w-0", be.value && !m(a).hideValidateStatusCls && "has-error")),
+      class: de(m(bn)("min-w-0", be.value && !m(a).hideValidateStatusCls && "has-error")),
       "data-status": Ne.value || void 0,
       "data-syno-pkg-land-ui": "",
       onMouseenter: ne[1] || (ne[1] = (ye) => Se.value === "popup" && F()),
@@ -22897,28 +22917,28 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
         key: 0,
         "data-form-label": "",
         style: Fe(et.value),
-        class: me([
+        class: de([
           "min-w-0 shrink-0 break-words [word-break:keep-all] text-[13px] leading-5 text-[var(--ui-text)]",
           ve.value === "horizontal" ? "pt-[5px] text-left" : void 0,
-          m(a).disableLabel || de.value ? "opacity-40" : void 0
+          m(a).disableLabel || fe.value ? "opacity-40" : void 0
         ]),
         onClick: ne[0] || (ne[0] = (ye) => Se.value === "popup" && be.value && F())
       }, [
         oe("label", {
           id: f.label,
           for: m(a).textOnly ? void 0 : p.value,
-          onClick: pe
+          onClick: he
         }, [
           N(B.$slots, "label", {}, () => [
             ze(ie(m(a).label), 1)
           ]),
-          m(a).requiredMark ? (b(), P("span", DT, "*")) : W("", !0)
-        ], 8, NT)
+          m(a).requiredMark ? (b(), P("span", NT, "*")) : W("", !0)
+        ], 8, RT)
       ], 6)) : W("", !0),
       oe("div", {
-        class: me(["relative min-w-0 flex-1", m(a).disableControl ? "opacity-40" : void 0])
+        class: de(["relative min-w-0 flex-1", m(a).disableControl ? "opacity-40" : void 0])
       }, [
-        oe("div", zT, [
+        oe("div", DT, [
           N(B.$slots, "before"),
           oe("div", {
             class: "min-w-0 flex-1",
@@ -22932,27 +22952,27 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
         Tt.value ? (b(), P("div", {
           key: 0,
           id: f.description,
-          class: me([
+          class: de([
             "mt-1 text-[12px] leading-4 text-[var(--ui-text-secondary)]",
-            m(a).disableDescription || de.value ? "opacity-40" : void 0
+            m(a).disableDescription || fe.value ? "opacity-40" : void 0
           ])
         }, [
           N(B.$slots, "description", {}, () => [
             ze(ie(m(a).description), 1)
           ])
-        ], 10, MT)) : W("", !0),
+        ], 10, zT)) : W("", !0),
         re.value ? (b(), P("div", {
           key: 1,
           id: f.message,
           role: "alert",
-          class: me(ut.value)
+          class: de(ut.value)
         }, [
           N(B.$slots, "status", { field: le }, () => [
             ze(ie(re.value), 1)
           ])
-        ], 10, FT)) : W("", !0)
+        ], 10, MT)) : W("", !0)
       ], 2)
-    ], 46, RT));
+    ], 46, IT));
   }
 }), Fh = kl(() => te({
   key: z(),
@@ -22966,14 +22986,14 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
   label: z(),
   value: z(),
   disabled: _e().optional()
-}), LT = Wa.extend({
+}), VT = Wa.extend({
   description: z().optional()
 }), Qc = te({
   key: z(),
   label: z(),
   width: z().optional(),
   align: Ee(["left", "center", "right"]).optional()
-}), qT = {
+}), LT = {
   AppRoot: {
     props: te({
       modalScope: Ee(["document", "app"]).optional()
@@ -23117,7 +23137,7 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
   RadioGroup: {
     props: te({
       value: z().optional(),
-      options: Ze(LT),
+      options: Ze(VT),
       orientation: Ee(["vertical", "horizontal"]).optional(),
       disabled: _e().optional()
     }),
@@ -23298,17 +23318,17 @@ const RT = ["data-direction", "data-status"], NT = ["id", "for"], DT = {
     props: te({ text: z().optional() }),
     description: "Centered loading state for a page or bounded region."
   }
-}, jT = Kx(Jx, {
-  components: qT,
+}, qT = Kx(Jx, {
+  components: LT,
   actions: {}
-}), BT = {
+}), jT = {
   none: "0",
   xs: "var(--ui-space-1)",
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, UT = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, ZT = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function WT(e) {
+}, BT = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, UT = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function ZT(e) {
   return { default: () => e };
 }
 function Ka(e) {
@@ -23321,26 +23341,26 @@ function Vh(e) {
     children: e.children?.map(Vh)
   };
 }
-function KT(e) {
+function WT(e) {
   return e.map((t) => ({ ...t, items: t.items.map(Vh) }));
 }
-const HT = {
+const KT = {
   AppRoot: ({ props: e, slots: t }) => ee(xP, { modalScope: e.modalScope }, t),
-  AppShell: ({ props: e, slots: t }) => ee(BP, {
+  AppShell: ({ props: e, slots: t }) => ee(jP, {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
     wideLayout: e.wideLayout
   }, t),
-  ResponsiveView: ({ props: e, slots: t }) => ee(UP, { mode: e.mode }, t),
-  Page: ({ props: e, slots: t }) => ee(hT, { width: e.width ?? "fill", surface: e.surface }, t),
-  PageHeader: ({ props: e, slots: t }) => ee(fT, e, t),
-  Toolbar: ({ props: e, slots: t }) => ee(iT, e, t),
+  ResponsiveView: ({ props: e, slots: t }) => ee(BP, { mode: e.mode }, t),
+  Page: ({ props: e, slots: t }) => ee(pT, { width: e.width ?? "fill", surface: e.surface }, t),
+  PageHeader: ({ props: e, slots: t }) => ee(dT, e, t),
+  Toolbar: ({ props: e, slots: t }) => ee(rT, e, t),
   SidebarNav: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = en(e.value, t?.value);
-    return ee(tT, {
+    return ee(eT, {
       modelValue: o,
-      groups: KT(e.groups),
+      groups: WT(e.groups),
       searchable: e.searchable,
       collapsible: e.collapsible,
       searchPlaceholder: e.searchPlaceholder,
@@ -23351,7 +23371,7 @@ const HT = {
   },
   Tabs: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = en(e.value, t?.value);
-    return ee(gT, {
+    return ee(vT, {
       modelValue: o ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
@@ -23365,9 +23385,9 @@ const HT = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: BT[e.gap ?? "md"],
-      alignItems: UT[e.align ?? "stretch"],
-      justifyContent: ZT[e.justify ?? "start"],
+      gap: jT[e.gap ?? "md"],
+      alignItems: BT[e.align ?? "stretch"],
+      justifyContent: UT[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, t),
@@ -23451,12 +23471,12 @@ const HT = {
       }
     });
   },
-  Form: ({ props: e, slots: t, emit: n }) => ee(xT, {
+  Form: ({ props: e, slots: t, emit: n }) => ee(_T, {
     direction: e.direction,
     fieldWidth: e.fieldWidth,
     onSubmit: () => n("submit")
   }, t),
-  Field: ({ props: e, slots: t }) => ee(VT, {
+  Field: ({ props: e, slots: t }) => ee(FT, {
     label: e.label,
     description: e.description,
     help: e.help,
@@ -23509,7 +23529,7 @@ const HT = {
     icon: Ka(e.icon)
   }, t),
   Progress: ({ props: e }) => ee($h, e),
-  Badge: ({ props: e }) => ee(yO, { tone: e.tone }, WT(e.text)),
+  Badge: ({ props: e }) => ee(yO, { tone: e.tone }, ZT(e.text)),
   Dialog: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = en(e.open, t?.open);
     return ee(YO, {
@@ -23534,9 +23554,9 @@ const HT = {
   ListItem: ({ props: e, slots: t }) => ee(mP, e, t),
   InputGroup: ({ slots: e }) => ee(bC, null, e),
   Loading: ({ props: e }) => ee(kO, { text: e.text })
-}, { registry: ed } = vS(jT, {
-  components: HT
-}), JT = /* @__PURE__ */ D({
+}, { registry: ed } = vS(qT, {
+  components: KT
+}), HT = /* @__PURE__ */ D({
   __name: "SynoJsonRenderer",
   props: {
     spec: {},
@@ -23580,18 +23600,18 @@ function pi(e) {
   return t.overflowX && t.overflowX !== "visible" ? t.overflowX : t.overflow.split(" ")[0] || "visible";
 }
 const Lh = (e) => e.closest("[data-jr-key]")?.getAttribute("data-jr-key") ?? void 0;
-function GT(e, t) {
+function JT(e, t) {
   for (let n = e.parentElement; n && t.contains(n); n = n.parentElement)
     if (pi(n) !== "visible") return n;
 }
-function YT(e, t, n) {
+function GT(e, t, n) {
   if (e.closest("[inert]")) return;
   const o = e.getBoundingClientRect();
   if (o.width <= 1) return;
   const r = pi(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 = GT(e, t);
+  const i = JT(e, t);
   if (i) {
     if (pi(i) === "auto" || pi(i) === "scroll") return;
     const a = i.getBoundingClientRect(), l = Math.max(o.right - a.right, a.left - o.left), c = Lh(i);
@@ -23600,25 +23620,25 @@ function YT(e, t, n) {
   const s = Math.max(o.right - n, -o.left);
   return s > 1 ? { kind: "outside_viewport", detail: `extends ${Math.round(s)}px past the ${n}px viewport` } : void 0;
 }
-function XT(e, t) {
-  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: YT(i, e, t) })).filter((i) => !!i.finding), o = n.filter((i) => !n.some((s) => s !== i && s.finding.kind === i.finding.kind && i.element.contains(s.element))), r = /* @__PURE__ */ new Map();
+function YT(e, t) {
+  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: GT(i, e, t) })).filter((i) => !!i.finding), o = n.filter((i) => !n.some((s) => s !== i && s.finding.kind === i.finding.kind && i.element.contains(s.element))), r = /* @__PURE__ */ new Map();
   for (const { element: i, finding: s } of o) {
     const a = Lh(i), l = `${s.kind}:${a ?? ""}`;
     r.has(l) || r.set(l, { ...s, key: a });
   }
   return [...r.values()];
 }
-function QT(e, t) {
+function XT(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 eI = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
-async function tI() {
+const QT = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+async function eI() {
   const e = await (await fetch("/config.json")).json();
   _x();
-  const t = document.getElementById("app"), n = ({ key: o }) => QT(e.messages ?? {}, String(o));
+  const t = document.getElementById("app"), n = ({ key: o }) => XT(e.messages ?? {}, String(o));
   return ag({
-    render: () => ee(JT, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
-  }).mount(t), await Ue(), await document.fonts.ready, await eI(), { issues: () => XT(t, innerWidth) };
+    render: () => ee(HT, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
+  }).mount(t), await Ue(), await document.fonts.ready, await QT(), { issues: () => YT(t, innerWidth) };
 }
-window.synoPreview = tI();
+window.synoPreview = eI();