@synopackageland/ui 0.17.3 → 0.17.4

package/dist/json-preview/preview.js

@@ -60,13 +60,13 @@ function ov(e) {
     }
   }), t;
 }
-function ne(e) {
+function oe(e) {
   let t = "";
   if (Ue(e))
     t = e;
   else if (be(e))
     for (let n = 0; n < e.length; n++) {
-      const o = ne(e[n]);
+      const o = oe(e[n]);
       o && (t += o + " ");
     }
   else if (Me(e))
@@ -77,7 +77,7 @@ function ne(e) {
 function dt(e) {
   if (!e) return null;
   let { class: t, style: n } = e;
-  return t && !Ue(t) && (e.class = ne(t)), n && (e.style = ze(n)), e;
+  return t && !Ue(t) && (e.class = oe(t)), n && (e.style = ze(n)), e;
 }
 const rv = "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly", iv = /* @__PURE__ */ yl(rv);
 function Hd(e) {
@@ -2186,10 +2186,10 @@ function og(e) {
     });
   }
   u && zu(u, e, "c");
-  function oe(ce, pe) {
+  function re(ce, pe) {
     be(pe) ? pe.forEach((Fe) => ce(Fe.bind(n))) : pe && ce(pe.bind(n));
   }
-  if (oe(Yv, d), oe(Ge, f), oe(If, h), oe(Pl, m), oe(Hv, v), oe(Gv, g), oe(Rf, T), oe(eg, A), oe(Qv, x), oe(Kt, _), oe(rn, b), oe(Xv, I), be(F))
+  if (re(Yv, d), re(Ge, f), re(If, h), re(Pl, m), re(Hv, v), re(Gv, g), re(Rf, T), re(eg, A), re(Qv, x), re(Kt, _), re(rn, b), re(Xv, I), be(F))
     if (F.length) {
       const ce = e.exposed || (e.exposed = {});
       F.forEach((pe) => {
@@ -3205,12 +3205,12 @@ function kg(e, t) {
       B
     );
     if (El(S) && (Y.ctx.renderer = ht), Ig(Y, !1, Q), Y.asyncDep) {
-      if (B && B.registerDep(Y, oe, Q), !S.el) {
+      if (B && B.registerDep(Y, re, Q), !S.el) {
         const J = Y.subTree = Z(Wt);
         w(null, J, $, z), S.placeholder = J.el;
       }
     } else
-      oe(
+      re(
         Y,
         S,
         $,
@@ -3229,7 +3229,7 @@ function kg(e, t) {
         G.next = $, G.update();
     else
       $.el = S.el, G.vnode = $;
-  }, oe = (S, $, z, G, B, j, Q) => {
+  }, re = (S, $, z, G, B, j, Q) => {
     const Y = () => {
       if (S.isMounted) {
         let { next: ae, bu: me, u: _e, parent: H, vnode: ue } = S;
@@ -3741,7 +3741,7 @@ function rp(e) {
 }
 function E(e, t, n, o, r, i) {
   return rp(
-    re(
+    ne(
       e,
       t,
       n,
@@ -3775,7 +3775,7 @@ const ip = ({ key: e }) => e ?? null, Si = ({
   ref_key: t,
   ref_for: n
 }) => (typeof e == "number" && (e = "" + e), e != null ? Ue(e) || /* @__PURE__ */ Ke(e) || Se(e) ? { i: gt, r: e, k: t, f: !!n } : e : null);
-function re(e, t = null, n = null, o = 0, r = null, i = e === xe ? 0 : 1, a = !1, s = !1) {
+function ne(e, t = null, n = null, o = 0, r = null, i = e === xe ? 0 : 1, a = !1, s = !1) {
   const l = {
     __v_isVNode: !0,
     __v_skip: !0,
@@ -3829,10 +3829,10 @@ function $g(e, t = null, n = null, o = 0, r = null, i = !1) {
   if (Mg(e) && (e = e.__vccOpts), t) {
     t = wt(t);
     let { class: s, style: l } = t;
-    s && !Ue(s) && (t.class = ne(s)), Me(l) && (/* @__PURE__ */ fa(l) && !be(l) && (l = st({}, l)), t.style = ze(l));
+    s && !Ue(s) && (t.class = oe(s)), Me(l) && (/* @__PURE__ */ fa(l) && !be(l) && (l = st({}, l)), t.style = ze(l));
   }
   const a = Ue(e) ? 1 : op(e) ? 128 : ha(e) ? 64 : Me(e) ? 4 : Se(e) ? 2 : 0;
-  return re(
+  return ne(
     e,
     t,
     n,
@@ -3947,7 +3947,7 @@ function ie(...e) {
     const o = e[n];
     for (const r in o)
       if (r === "class")
-        t.class !== o.class && (t.class = ne([t.class, o.class]));
+        t.class !== o.class && (t.class = oe([t.class, o.class]));
       else if (r === "style")
         t.style = ze([t.style, o.style]);
       else if (ea(r)) {
@@ -9994,8 +9994,8 @@ Note: state patches appear right after the elements that use them, so the UI fil
   ), a.push(
     "IMPORTANT: `watch` is a top-level field on the element (sibling of type/props/children), NOT inside props. Watchers only fire when the value changes, not on initial render."
   ), a.push(""));
-  const oe = t.editModes;
-  oe && oe.length > 0 && a.push(Wx({ modes: oe })), a.push("RULES:");
+  const re = t.editModes;
+  re && re.length > 0 && a.push(Wx({ modes: re })), a.push("RULES:");
   const ce = i === "inline" ? [
     "When generating UI, wrap all JSONL patches in a ```spec code fence - one JSON object per line inside the fence",
     "Write a brief conversational response before any JSONL output",
@@ -12967,19 +12967,19 @@ const Ek = ["aria-label"], $h = /* @__PURE__ */ D({
       "--ui-spin-stroke": n.inline ? Math.max(2, 32 / Math.max(1, n.size)) : Math.max(2, 36 / Math.max(1, n.size))
     }));
     return (r, i) => (y(), E("span", {
-      class: ne(["ui-spin", { "ui-spin-inline": p(n).inline }]),
+      class: oe(["ui-spin", { "ui-spin-inline": p(n).inline }]),
       role: "status",
       "aria-label": p(n).label,
       style: ze(o.value),
       "data-syno-pkg-land-ui": ""
     }, [...i[0] || (i[0] = [
-      re("svg", {
+      ne("svg", {
         class: "ui-spin-ring",
         viewBox: "0 0 16 16",
         "aria-hidden": "true",
         focusable: "false"
       }, [
-        re("circle", {
+        ne("circle", {
           class: "ui-spin-arc",
           cx: "8",
           cy: "8",
@@ -13056,7 +13056,7 @@ const Dk = ["type", "disabled", "data-disabled", "data-loading", "data-kind", "d
       ref_key: "buttonEl",
       ref: s,
       type: e.type,
-      class: ne(f.value),
+      class: oe(f.value),
       disabled: e.disabled || r.value,
       "data-disabled": e.disabled || void 0,
       "data-loading": r.value || void 0,
@@ -13070,10 +13070,10 @@ const Dk = ["type", "disabled", "data-disabled", "data-loading", "data-kind", "d
       r.value ? (y(), E("span", Nk, [
         Z($h, { size: 16 })
       ])) : V("", !0),
-      re("span", {
+      ne("span", {
         ref_key: "labelEl",
         ref: a,
-        class: ne(["min-w-0 truncate [&>svg]:inline-block [&>svg]:shrink-0 [&>svg]:align-middle", !l.value && "[&>svg:first-child]:mr-2 [&>svg:not(:first-child)]:ml-2"]),
+        class: oe(["min-w-0 truncate [&>svg]:inline-block [&>svg]:shrink-0 [&>svg]:align-middle", !l.value && "[&>svg:first-child]:mr-2 [&>svg:not(:first-child)]:ml-2"]),
         "data-icon-only": l.value || void 0
       }, [
         R(h.$slots, "default")
@@ -13441,7 +13441,7 @@ const SC = {
       class: "relative inline-flex w-full min-w-0 items-center",
       "data-syno-pkg-land-ui": ""
     }), [
-      re("input", ie(p(c)(), {
+      ne("input", ie(p(c)(), {
         value: e.modelValue,
         type: s.value,
         name: n.name,
@@ -13453,7 +13453,7 @@ const SC = {
           p(d)(v.target.value), o("update:modelValue", v.target.value);
         })
       }), null, 16, xC),
-      re("button", {
+      ne("button", {
         type: "button",
         "data-ui-password-toggle": "",
         disabled: e.disabled,
@@ -16390,14 +16390,14 @@ const NA = 50, MA = async (e, t, n) => {
     }, h = fu(r), m = du(h), v = await a.getDimensions(c), g = h === "y", w = g ? "top" : "left", _ = g ? "bottom" : "right", C = g ? "clientHeight" : "clientWidth", b = i.reference[m] + i.reference[h] - f[h] - i.floating[m], k = f[h] - i.reference[h], A = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
     let x = A ? A[C] : 0;
     (!x || !await (a.isElement == null ? void 0 : a.isElement(A))) && (x = s.floating[C] || i.floating[m]);
-    const T = b / 2 - k / 2, I = x / 2 - v[m] / 2 - 1, F = oo(d[w], I), W = oo(d[_], I), X = x - v[m] - W, te = x / 2 - v[m] / 2 + T, fe = Gh(F, te, X), K = !l.arrow && dr(r) != null && te !== fe && i.reference[m] / 2 - (te < F ? F : W) - v[m] / 2 < 0, oe = K ? te < F ? te - F : te - X : 0;
+    const T = b / 2 - k / 2, I = x / 2 - v[m] / 2 - 1, F = oo(d[w], I), W = oo(d[_], I), X = x - v[m] - W, te = x / 2 - v[m] / 2 + T, fe = Gh(F, te, X), K = !l.arrow && dr(r) != null && te !== fe && i.reference[m] / 2 - (te < F ? F : W) - v[m] / 2 < 0, re = K ? te < F ? te - F : te - X : 0;
     return {
-      [h]: f[h] + oe,
+      [h]: f[h] + re,
       data: {
         [h]: fe,
-        centerOffset: te - fe - oe,
+        centerOffset: te - fe - re,
         ...K && {
-          alignmentOffset: oe
+          alignmentOffset: re
         }
       },
       reset: K
@@ -16453,8 +16453,8 @@ const NA = 50, MA = async (e, t, n) => {
               placement: K
             }
           };
-        let oe = (X = F.filter((ce) => ce.overflows[0] <= 0).sort((ce, pe) => ce.overflows[1] - pe.overflows[1])[0]) == null ? void 0 : X.placement;
-        if (!oe)
+        let re = (X = F.filter((ce) => ce.overflows[0] <= 0).sort((ce, pe) => ce.overflows[1] - pe.overflows[1])[0]) == null ? void 0 : X.placement;
+        if (!re)
           switch (h) {
             case "bestFit": {
               var te;
@@ -16467,17 +16467,17 @@ const NA = 50, MA = async (e, t, n) => {
                 }
                 return !0;
               }).map((pe) => [pe.placement, pe.overflows.filter((Fe) => Fe > 0).reduce((Fe, ye) => Fe + ye, 0)]).sort((pe, Fe) => pe[1] - Fe[1])[0]) == null ? void 0 : te[0];
-              ce && (oe = ce);
+              ce && (re = ce);
               break;
             }
             case "initialPlacement":
-              oe = s;
+              re = s;
               break;
           }
-        if (r !== oe)
+        if (r !== re)
           return {
             reset: {
-              placement: oe
+              placement: re
             }
           };
       }
@@ -17341,7 +17341,7 @@ const SO = ["dir"], im = {
   positionStrategy: "fixed",
   updatePositionStrategy: "optimized",
   prioritizePosition: !1
-}, [kN, xO] = /* @__PURE__ */ We("PopperContent");
+}, [AN, xO] = /* @__PURE__ */ We("PopperContent");
 var kO = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "PopperContent",
@@ -17471,9 +17471,9 @@ var kO = /* @__PURE__ */ D({
       }),
       hO({
         ...g.value,
-        apply: ({ elements: fe, rects: K, availableWidth: oe, availableHeight: ce }) => {
+        apply: ({ elements: fe, rects: K, availableWidth: re, availableHeight: ce }) => {
           const { width: pe, height: Fe } = K.reference, ye = fe.floating.style;
-          ye.setProperty("--reka-popper-available-width", `${oe}px`), ye.setProperty("--reka-popper-available-height", `${ce}px`), ye.setProperty("--reka-popper-anchor-width", `${pe}px`), ye.setProperty("--reka-popper-anchor-height", `${Fe}px`);
+          ye.setProperty("--reka-popper-available-width", `${re}px`), ye.setProperty("--reka-popper-available-height", `${ce}px`), ye.setProperty("--reka-popper-anchor-width", `${pe}px`), ye.setProperty("--reka-popper-anchor-height", `${Fe}px`);
         }
       }),
       u.value && wO({
@@ -18165,14 +18165,14 @@ var UO = /* @__PURE__ */ D({
     Vh(), nu(s.value);
     const c = /* @__PURE__ */ M(""), u = /* @__PURE__ */ M(0), d = /* @__PURE__ */ M(0), f = /* @__PURE__ */ M(null), h = /* @__PURE__ */ M("right"), m = /* @__PURE__ */ M(0), v = /* @__PURE__ */ M(null), g = /* @__PURE__ */ M(), { forwardRef: w, currentElement: _ } = we(), { handleTypeaheadSearch: C } = ru(), b = /* @__PURE__ */ M();
     function k(K) {
-      const oe = sd(K, b.value || ot(), _.value, {
+      const re = sd(K, b.value || ot(), _.value, {
         loop: l.value,
         arrowKeyOptions: "vertical",
         dir: i?.dir.value,
         focus: !1,
         attributeName: "[data-reka-collection-item]:not([data-disabled])"
       });
-      oe && (b.value = oe, oe.scrollIntoView({ block: "nearest" }));
+      re && (b.value = re, re.scrollIntoView({ block: "nearest" }));
     }
     function A() {
       b.value && b.value.click();
@@ -18196,7 +18196,7 @@ var UO = /* @__PURE__ */ D({
     }
     function W(K) {
       if (K.defaultPrevented) return;
-      const oe = K.target, ce = oe.closest("[data-reka-menu-content]") === K.currentTarget, pe = ["input", "textarea"].includes(oe.tagName.toLowerCase()), Fe = K.ctrlKey || K.altKey || K.metaKey, ye = K.key.length === 1, Ae = sd(K, ot(), _.value, {
+      const re = K.target, ce = re.closest("[data-reka-menu-content]") === K.currentTarget, pe = ["input", "textarea"].includes(re.tagName.toLowerCase()), Fe = K.ctrlKey || K.altKey || K.metaKey, ye = K.key.length === 1, Ae = sd(K, ot(), _.value, {
         loop: l.value,
         arrowKeyOptions: "vertical",
         dir: i?.dir.value,
@@ -18216,8 +18216,8 @@ var UO = /* @__PURE__ */ D({
     }
     function te(K) {
       if (!nr(K)) return;
-      const oe = K.target, ce = m.value !== K.clientX;
-      if (K?.currentTarget?.contains(oe) && ce) {
+      const re = K.target, ce = m.value !== K.clientX;
+      if (K?.currentTarget?.contains(re) && ce) {
         const pe = K.clientX > m.value ? "right" : "left";
         h.value = pe, m.value = K.clientX;
       }
@@ -18242,31 +18242,31 @@ var UO = /* @__PURE__ */ D({
       onPointerGraceIntentChange: (K) => {
         f.value = K;
       }
-    }), (K, oe) => (y(), N(p(iu), {
+    }), (K, re) => (y(), N(p(iu), {
       "as-child": "",
       trapped: p(a),
       onMountAutoFocus: F,
-      onUnmountAutoFocus: oe[7] || (oe[7] = (ce) => o("closeAutoFocus", ce))
+      onUnmountAutoFocus: re[7] || (re[7] = (ce) => o("closeAutoFocus", ce))
     }, {
       default: P(() => [Z(p($a), {
         "as-child": "",
         "disable-outside-pointer-events": p(s),
-        onEscapeKeyDown: oe[2] || (oe[2] = (ce) => o("escapeKeyDown", ce)),
-        onPointerDownOutside: oe[3] || (oe[3] = (ce) => o("pointerDownOutside", ce)),
-        onFocusOutside: oe[4] || (oe[4] = (ce) => o("focusOutside", ce)),
-        onInteractOutside: oe[5] || (oe[5] = (ce) => o("interactOutside", ce)),
-        onDismiss: oe[6] || (oe[6] = (ce) => o("dismiss"))
+        onEscapeKeyDown: re[2] || (re[2] = (ce) => o("escapeKeyDown", ce)),
+        onPointerDownOutside: re[3] || (re[3] = (ce) => o("pointerDownOutside", ce)),
+        onFocusOutside: re[4] || (re[4] = (ce) => o("focusOutside", ce)),
+        onInteractOutside: re[5] || (re[5] = (ce) => o("interactOutside", ce)),
+        onDismiss: re[6] || (re[6] = (ce) => o("dismiss"))
       }, {
         default: P(() => [Z(p(am), {
           ref_key: "rovingFocusGroupRef",
           ref: g,
           "current-tab-stop-id": v.value,
-          "onUpdate:currentTabStopId": oe[0] || (oe[0] = (ce) => v.value = ce),
+          "onUpdate:currentTabStopId": re[0] || (re[0] = (ce) => v.value = ce),
           "as-child": "",
           orientation: "vertical",
           dir: p(i).dir.value,
           loop: p(l),
-          onEntryFocus: oe[1] || (oe[1] = (ce) => {
+          onEntryFocus: re[1] || (re[1] = (ce) => {
             o("entryFocus", ce), p(i).isUsingKeyboardRef.value || ce.preventDefault();
           })
         }, {
@@ -18880,7 +18880,7 @@ var HO = /* @__PURE__ */ D({
     }, 8, ["present"]));
   }
 }), o$ = n$;
-const [CN, r$] = /* @__PURE__ */ We("MenuGroup");
+const [ON, r$] = /* @__PURE__ */ We("MenuGroup");
 var i$ = /* @__PURE__ */ D({
   __name: "MenuGroup",
   props: {
@@ -20489,7 +20489,7 @@ var pE = /* @__PURE__ */ D({
       o.onValueChange(i.target.value);
     }
     return (i, a) => (y(), N(p(lu), { "as-child": "" }, {
-      default: P(() => [re("select", ie({
+      default: P(() => [ne("select", ie({
         ref_key: "selectElement",
         ref: n
       }, t, { onInput: r }), [R(i.$slots, "default")], 16)]),
@@ -20892,7 +20892,7 @@ var kE = /* @__PURE__ */ D({
           const Ye = b.right - A.right, _t = window.innerWidth - k.right - Ye, It = window.innerWidth - C.right - _t, ht = C.width + It, Wn = Math.max(ht, b.width), S = window.innerWidth - Gt, $ = rd(_t, Gt, Math.max(Gt, S - Wn));
           c.value.style.minWidth = `${ht}px`, c.value.style.right = `${$}px`;
         }
-        const x = r().map((Ye) => Ye.ref), T = window.innerHeight - Gt * 2, I = f.value.scrollHeight, F = window.getComputedStyle(d.value), W = Number.parseInt(F.borderTopWidth, 10), X = Number.parseInt(F.paddingTop, 10), te = Number.parseInt(F.borderBottomWidth, 10), fe = Number.parseInt(F.paddingBottom, 10), K = W + X + I + fe + te, oe = Math.min(h.value.offsetHeight * 5, K), ce = window.getComputedStyle(f.value), pe = Number.parseInt(ce.paddingTop, 10), Fe = Number.parseInt(ce.paddingBottom, 10), ye = C.top + C.height / 2 - Gt, Ae = T - ye, je = h.value.offsetHeight / 2, ft = h.value.offsetTop + je, ve = W + X + ft, rt = K - ve;
+        const x = r().map((Ye) => Ye.ref), T = window.innerHeight - Gt * 2, I = f.value.scrollHeight, F = window.getComputedStyle(d.value), W = Number.parseInt(F.borderTopWidth, 10), X = Number.parseInt(F.paddingTop, 10), te = Number.parseInt(F.borderBottomWidth, 10), fe = Number.parseInt(F.paddingBottom, 10), K = W + X + I + fe + te, re = Math.min(h.value.offsetHeight * 5, K), ce = window.getComputedStyle(f.value), pe = Number.parseInt(ce.paddingTop, 10), Fe = Number.parseInt(ce.paddingBottom, 10), ye = C.top + C.height / 2 - Gt, Ae = T - ye, je = h.value.offsetHeight / 2, ft = h.value.offsetTop + je, ve = W + X + ft, rt = K - ve;
         if (ve <= ye) {
           const Ye = h.value === x.at(-1);
           c.value.style.bottom = "0px";
@@ -20904,7 +20904,7 @@ var kE = /* @__PURE__ */ D({
           const It = Math.max(ye, W + f.value.offsetTop + (Ye ? pe : 0) + je) + rt;
           c.value.style.height = `${It}px`, f.value.scrollTop = ve - ye + f.value.offsetTop;
         }
-        c.value.style.margin = `${Gt}px 0`, c.value.style.minHeight = `${oe}px`, c.value.style.maxHeight = `${T}px`, o("placed"), requestAnimationFrame(() => s.value = !0);
+        c.value.style.margin = `${Gt}px 0`, c.value.style.minHeight = `${re}px`, c.value.style.maxHeight = `${T}px`, o("placed"), requestAnimationFrame(() => s.value = !0);
       }
     }
     const w = /* @__PURE__ */ M("");
@@ -22317,12 +22317,12 @@ const vP = ["for"], gP = {
       c.value ? (y(), E("label", {
         key: 0,
         for: l.value,
-        class: ne(["ui-checkbox-text min-w-0 break-words font-normal [overflow-wrap:anywhere]", n.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
+        class: oe(["ui-checkbox-text min-w-0 break-words font-normal [overflow-wrap:anywhere]", n.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
       }, [
         n.label ? (y(), E("span", gP, ee(n.label), 1)) : V("", !0),
         n.description ? (y(), E("span", {
           key: 1,
-          class: ne(["mt-0.5 block text-[12px] leading-4", n.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
+          class: oe(["mt-0.5 block text-[12px] leading-4", n.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
         }, ee(n.description), 3)) : V("", !0)
       ], 10, vP)) : V("", !0)
     ], 16));
@@ -22388,7 +22388,7 @@ const vP = ["for"], gP = {
       default: P(() => [
         (y(!0), E(xe, null, nt(n.options, (c) => (y(), E("label", {
           key: c.value,
-          class: ne(["flex min-w-0 items-start gap-[var(--ui-choice-box-gap)] text-[13px] [@media(pointer:coarse)]:min-h-8 [@media(pointer:coarse)]:items-center text-[var(--ui-text)]", n.disabled || c.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
+          class: oe(["flex min-w-0 items-start gap-[var(--ui-choice-box-gap)] text-[13px] [@media(pointer:coarse)]:min-h-8 [@media(pointer:coarse)]:items-center text-[var(--ui-text)]", n.disabled || c.disabled ? "cursor-default text-[var(--ui-text-disabled)]" : "cursor-pointer"])
         }, [
           Z(p(aE), {
             value: c.value,
@@ -22400,11 +22400,11 @@ const vP = ["for"], gP = {
             ]),
             _: 1
           }, 8, ["value", "disabled"]),
-          re("span", _P, [
-            re("span", SP, ee(c.label), 1),
+          ne("span", _P, [
+            ne("span", SP, ee(c.label), 1),
             c.description ? (y(), E("span", {
               key: 0,
-              class: ne(["mt-0.5 block text-[12px] leading-4", n.disabled || c.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
+              class: oe(["mt-0.5 block text-[12px] leading-4", n.disabled || c.disabled ? "text-[var(--ui-text-disabled)]" : "text-[var(--ui-text-secondary)]"])
             }, ee(c.description), 3)) : V("", !0)
           ])
         ], 2))), 128))
@@ -22589,7 +22589,7 @@ const $P = { key: 0 }, EP = { key: 1 }, PP = { key: 2 }, TP = {
               }, {
                 default: P(() => [
                   u.value ? (y(), E("div", TP, [
-                    xo(re("input", {
+                    xo(ne("input", {
                       ref_key: "searchInput",
                       ref: s,
                       "onUpdate:modelValue": T[0] || (T[0] = (I) => i.value = I),
@@ -22627,10 +22627,10 @@ const $P = { key: 0 }, EP = { key: 1 }, PP = { key: 2 }, TP = {
                             value: F.value,
                             "text-value": F.label,
                             disabled: F.disabled,
-                            class: ne(["relative flex h-8 select-none items-center rounded-[var(--ui-radius-sm)] py-1 pr-8 text-[13px] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[state=checked]:bg-[var(--ui-surface-selected)] data-[disabled]:opacity-40", I.label && I.indent ? "pl-5" : "pl-2.5"])
+                            class: oe(["relative flex h-8 select-none items-center rounded-[var(--ui-radius-sm)] py-1 pr-8 text-[13px] text-[var(--ui-text)] outline-none data-[highlighted]:bg-[var(--ui-neutral-soft)] data-[state=checked]:bg-[var(--ui-surface-selected)] data-[disabled]:opacity-40", I.label && I.indent ? "pl-5" : "pl-2.5"])
                           }, {
                             default: P(() => [
-                              re("span", DP, [
+                              ne("span", DP, [
                                 Z(p(jE), null, {
                                   default: P(() => [
                                     Ne(ee(F.label), 1)
@@ -22833,7 +22833,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                     align: e.align,
                     "side-offset": 4,
                     "collision-padding": 8,
-                    class: ne(p(Tm)),
+                    class: oe(p(Tm)),
                     "data-ui-tooltip": "",
                     "data-ui-overflow-tooltip": "",
                     "data-syno-pkg-land-ui": ""
@@ -22866,7 +22866,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
   },
   setup(e) {
     return (t, n) => (y(), E("span", {
-      class: ne([
+      class: oe([
         "inline-flex min-h-5 items-center gap-1.5 rounded-full px-2 py-0.5 text-[12px] font-normal leading-4 tabular-nums",
         e.tone === "neutral" && "bg-[var(--ui-neutral-soft)] text-[var(--ui-neutral-text)]",
         e.tone === "info" && "bg-[var(--ui-info-soft)] text-[var(--ui-info-text)]",
@@ -22957,15 +22957,15 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
       danger: "bg-[var(--ui-danger)]"
     }, i = O(() => o.max <= 0 ? 0 : Math.min(100, Math.max(0, o.value / o.max * 100)));
     return (a, s) => (y(), E("div", {
-      class: ne(p(t).class),
+      class: oe(p(t).class),
       style: ze(p(t).style),
       "data-syno-pkg-land-ui": ""
     }, [
       e.label || e.valueLabel ? (y(), E("div", tT, [
-        re("span", null, ee(e.label), 1),
-        re("span", nT, ee(e.valueLabel ?? `${Math.round(i.value)}%`), 1)
+        ne("span", null, ee(e.label), 1),
+        ne("span", nT, ee(e.valueLabel ?? `${Math.round(i.value)}%`), 1)
       ])) : V("", !0),
-      re("div", ie({
+      ne("div", ie({
         class: ["overflow-hidden rounded-full bg-[var(--ui-border-subtle)]", e.size === "sm" ? "h-1" : "h-1.5"],
         role: "progressbar",
         "aria-valuenow": o.value,
@@ -22974,8 +22974,8 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
         "aria-label": e.label,
         "data-tone": e.tone
       }, n()), [
-        re("div", {
-          class: ne(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
+        ne("div", {
+          class: oe(["h-full rounded-full transition-[width] duration-[var(--ui-motion-normal)]", r[e.tone]]),
           style: ze({ width: `${i.value}%` })
         }, null, 6)
       ], 16, oT)
@@ -23007,7 +23007,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
   setup(e) {
     const t = Vn();
     return (n, o) => (y(), E("div", iT, [
-      re("span", aT, ee(p(t)("Loading…")), 1),
+      ne("span", aT, ee(p(t)("Loading…")), 1),
       (y(!0), E(xe, null, nt(e.lines, (r) => (y(), N(rT, {
         key: r,
         "data-ui-skeleton-line": "",
@@ -23026,7 +23026,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
   setup(e) {
     const t = e, n = { none: "", sm: "p-3", md: "p-4", lg: "p-6" }, o = O(() => t.variant === "inset"), r = O(() => t.padding ? n[t.padding] : o.value ? "px-4 py-3" : n.md);
     return (i, a) => (y(), E("section", {
-      class: ne([
+      class: oe([
         "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)]",
@@ -23085,7 +23085,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 Z(p(xm), {
                   side: e.side,
                   "side-offset": 4,
-                  class: ne(p(Tm)),
+                  class: oe(p(Tm)),
                   "data-ui-tooltip": "",
                   "data-syno-pkg-land-ui": ""
                 }, {
@@ -23160,7 +23160,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           default: P(() => [
             Z(p(K$), {
               disabled: u.item.disabled,
-              class: ne([
+              class: oe([
                 yi,
                 "data-[state=open]:bg-[var(--ui-primary-soft)]",
                 u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
@@ -23169,7 +23169,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
               default: P(() => [
                 i.value ? (y(), E("span", {
                   key: 0,
-                  class: ne(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
+                  class: oe(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
                 }, [
                   u.item.checked ? (y(), N(p(Vo), {
                     key: 0,
@@ -23181,7 +23181,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                     "aria-hidden": "true"
                   })) : V("", !0)
                 ], 2)) : V("", !0),
-                re("span", lT, ee(u.item.label), 1),
+                ne("span", lT, ee(u.item.label), 1),
                 u.item.shortcut ? (y(), E("span", uT, ee(u.item.shortcut), 1)) : V("", !0),
                 Z(p(Ks), {
                   class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
@@ -23223,7 +23223,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           key: 2,
           "model-value": e.checkedKeys.includes(u.item.key),
           disabled: u.item.disabled,
-          class: ne([
+          class: oe([
             yi,
             u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
           ]),
@@ -23231,7 +23231,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           onSelect: kt((d) => o("select", u.item.key), ["prevent"])
         }, {
           default: P(() => [
-            re("span", cT, [
+            ne("span", cT, [
               Z(p(Od), null, {
                 default: P(() => [
                   Z(p(Vo), {
@@ -23242,7 +23242,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 _: 1
               })
             ]),
-            re("span", dT, ee(u.item.label), 1),
+            ne("span", dT, ee(u.item.label), 1),
             u.item.hint ? (y(), E("span", fT, ee(u.item.hint), 1)) : V("", !0),
             u.item.shortcut ? (y(), E("span", pT, ee(u.item.shortcut), 1)) : V("", !0)
           ]),
@@ -23256,14 +23256,14 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
               key: d.key,
               value: d.value,
               disabled: d.disabled,
-              class: ne([
+              class: oe([
                 yi,
                 d.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
               ]),
               onSelect: (f) => o("radio", d.value, d.key, u.group)
             }, {
               default: P(() => [
-                re("span", hT, [
+                ne("span", hT, [
                   Z(p(Od), null, {
                     default: P(() => [
                       e.radioIndicator === "check" ? (y(), N(p(Vo), {
@@ -23275,7 +23275,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                     _: 1
                   })
                 ]),
-                re("span", vT, ee(d.label), 1),
+                ne("span", vT, ee(d.label), 1),
                 d.shortcut ? (y(), E("span", gT, ee(d.shortcut), 1)) : V("", !0)
               ]),
               _: 2
@@ -23285,7 +23285,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
         }, 1032, ["model-value"])) : (y(), N(p(I$), {
           key: 4,
           disabled: u.item.disabled,
-          class: ne([
+          class: oe([
             yi,
             u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
           ]),
@@ -23294,7 +23294,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
           default: P(() => [
             i.value ? (y(), E("span", {
               key: 0,
-              class: ne(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
+              class: oe(["flex size-4 shrink-0 items-center justify-center", u.item.checked ? "text-[var(--ui-primary)]" : u.item.danger ? "" : "text-[var(--ui-text-secondary)]"])
             }, [
               u.item.checked ? (y(), N(p(Vo), {
                 key: 0,
@@ -23306,7 +23306,7 @@ const Tm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 "aria-hidden": "true"
               })) : V("", !0)
             ], 2)) : V("", !0),
-            re("span", yT, ee(u.item.label), 1),
+            ne("span", yT, ee(u.item.label), 1),
             u.item.shortcut ? (y(), E("span", bT, ee(u.item.shortcut), 1)) : V("", !0),
             u.item.submenu ? (y(), N(p(Ks), {
               key: 2,
@@ -23670,7 +23670,7 @@ const zT = /* @__PURE__ */ D({
           default: P(() => [
             Z(p(oA), {
               "data-ui-overlay": "",
-              class: ne(["fixed inset-0 z-[1200]", c[p(o).scrim]]),
+              class: oe(["fixed inset-0 z-[1200]", c[p(o).scrim]]),
               "data-ui-scrim": p(o).scrim
             }, null, 8, ["class", "data-ui-scrim"]),
             Z(zT, { host: d.value }, {
@@ -23703,13 +23703,13 @@ const zT = /* @__PURE__ */ D({
                     T.value ? (y(), E("header", {
                       key: 0,
                       ref: "handle",
-                      class: ne(["flex min-h-10 shrink-0 items-start justify-between gap-4 pr-3", [p(o).headerDivider ? "border-b border-[var(--ui-border-subtle)] py-2.5 pl-5" : "pt-3.5 pb-0 pl-6", p(h) && "cursor-move touch-none select-none"]]),
+                      class: oe(["flex min-h-10 shrink-0 items-start justify-between gap-4 pr-3", [p(o).headerDivider ? "border-b border-[var(--ui-border-subtle)] py-2.5 pl-5" : "pt-3.5 pb-0 pl-6", p(h) && "cursor-move touch-none select-none"]]),
                       "data-ui-dialog-header-divider": p(o).headerDivider ? void 0 : "none",
                       "data-ui-drag-handle": p(h) ? "" : void 0,
                       onPointerdown: X[1] || (X[1] = //@ts-ignore
                       (...te) => p(m) && p(m)(...te))
                     }, [
-                      re("div", LT, [
+                      ne("div", LT, [
                         p(o).title ? (y(), N(p(lA), ie({
                           key: 0,
                           class: "text-[length:var(--ui-font-size)] leading-5 font-bold text-[var(--ui-text)] [overflow-wrap:anywhere] outline-none focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)]"
@@ -23750,14 +23750,14 @@ const zT = /* @__PURE__ */ D({
                     x() ? (y(), E("div", {
                       key: 1,
                       "data-ui-dialog-body": "",
-                      class: ne(["min-h-0 flex-1", p(o).flush ? "flex flex-col overflow-hidden" : ["overflow-auto", T.value ? "px-5 py-4" : "px-[30px] pt-6"]]),
+                      class: oe(["min-h-0 flex-1", p(o).flush ? "flex flex-col overflow-hidden" : ["overflow-auto", T.value ? "px-5 py-4" : "px-[30px] pt-6"]]),
                       "data-ui-dialog-flush": p(o).flush ? "" : void 0
                     }, [
                       R(W.$slots, "default")
                     ], 10, VT)) : V("", !0),
                     W.$slots.footer ? (y(), E("footer", {
                       key: 2,
-                      class: ne(["flex shrink-0 flex-wrap items-center justify-end gap-2", T.value ? ["min-h-12 px-5 py-2.5", x() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
+                      class: oe(["flex shrink-0 flex-wrap items-center justify-end gap-2", T.value ? ["min-h-12 px-5 py-2.5", x() && "border-t border-[var(--ui-border-subtle)]"] : "px-[30px] pt-7 pb-5"])
                     }, [
                       Z(qT, { kind: "action" }, {
                         default: P(() => [
@@ -23860,7 +23860,7 @@ const HT = ["disabled", "aria-label", "value", "placeholder"], GT = ["disabled",
         class: "pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-[var(--ui-text-muted)]",
         "aria-hidden": "true"
       })),
-      re("input", ie(p(i)(), {
+      ne("input", ie(p(i)(), {
         disabled: p(o).disabled,
         "aria-label": p(i)()["aria-label"] || (p(i)()["aria-labelledby"] ? void 0 : p(o).placeholder),
         value: p(o).modelValue,
@@ -23933,21 +23933,21 @@ const XT = ["data-direction"], QT = {
       ref: r,
       "data-direction": a.value ? "vertical" : "horizontal",
       style: ze(s.value),
-      class: ne([
+      class: oe([
         "grid min-h-10 gap-y-1 py-1.5",
         n.value === "start" ? "items-start" : "items-center"
       ]),
       "data-syno-pkg-land-ui": ""
     }, [
-      re("div", {
+      ne("div", {
         "data-settings-label": "",
-        class: ne(["min-w-0 break-words [word-break:keep-all] text-left text-[13px] text-[var(--ui-text)]", n.value === "start" && "pt-1"])
+        class: oe(["min-w-0 break-words [word-break:keep-all] text-left text-[13px] text-[var(--ui-text)]", n.value === "start" && "pt-1"])
       }, [
         Ne(ee(e.label), 1),
         e.required ? (y(), E("span", QT, "*")) : V("", !0)
       ], 2),
-      re("div", eI, [
-        re("div", {
+      ne("div", eI, [
+        ne("div", {
           "data-field-control": "",
           style: ze(o.value)
         }, [
@@ -24011,7 +24011,7 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
       "aria-busy": e.loading || void 0
     }, [
       e.collapsible ? (y(), E("div", rI, [
-        re("button", {
+        ne("button", {
           type: "button",
           class: "group m-0 flex h-full min-w-0 flex-1 border-0 bg-transparent p-0 items-center gap-2 text-left text-[length:inherit] font-semibold text-[var(--ui-text)] outline-none enabled:hover:bg-[var(--ui-surface-hover)] focus-visible:shadow-[inset_0_0_0_2px_var(--ui-focus-ring)]",
           "aria-expanded": p(i),
@@ -24020,10 +24020,10 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
           (...f) => p(a) && p(a)(...f))
         }, [
           Z(p(sr), {
-            class: ne(["size-4 shrink-0 transition-transform", !p(i) && "-rotate-90"]),
+            class: oe(["size-4 shrink-0 transition-transform", !p(i) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
-          re("span", aI, [
+          ne("span", aI, [
             R(u.$slots, "title", {}, () => [
               Ne(ee(e.title), 1)
             ])
@@ -24033,7 +24033,7 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
           R(u.$slots, "actions")
         ])) : V("", !0)
       ])) : c.value ? (y(), E("div", lI, [
-        re("span", uI, [
+        ne("span", uI, [
           R(u.$slots, "title", {}, () => [
             Ne(ee(e.title), 1)
           ])
@@ -24042,9 +24042,9 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
           R(u.$slots, "actions")
         ])) : V("", !0)
       ])) : V("", !0),
-      xo(re("div", {
+      xo(ne("div", {
         id: p(r),
-        class: ne(["ui-settings-section-body", c.value && "pt-3"])
+        class: oe(["ui-settings-section-body", c.value && "pt-3"])
       }, [
         e.description || u.$slots.description ? (y(), E("p", fI, [
           R(u.$slots, "description", {}, () => [
@@ -24106,8 +24106,8 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
         class: "ui-callout-icon",
         "aria-hidden": "true"
       })),
-      re("div", vI, [
-        re("div", gI, [
+      ne("div", vI, [
+        ne("div", gI, [
           e.title ? (y(), E("div", yI, ee(e.title), 1)) : V("", !0),
           l.$slots.default ? (y(), E("div", bI, [
             R(l.$slots, "default")
@@ -24124,7 +24124,7 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
           }, [
             Ne(ee(i.value ? p(o).lessLabel : p(o).moreLabel) + " ", 1),
             Z(p(sr), {
-              class: ne(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", i.value && "rotate-180"]),
+              class: oe(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", i.value && "rotate-180"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ], 8, _I)) : V("", !0),
@@ -24184,7 +24184,7 @@ const oI = ["data-collapsible", "aria-busy"], rI = {
           "aria-hidden": "true"
         }))
       ])) : V("", !0),
-      re("h3", $I, ee(e.title), 1),
+      ne("h3", $I, ee(e.title), 1),
       e.description ? (y(), E("p", EI, ee(e.description), 1)) : V("", !0),
       t.$slots.actions ? (y(), E("div", PI, [
         R(t.$slots, "actions")
@@ -24231,11 +24231,11 @@ const NI = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
       "data-edge-top": p(a) ? "" : void 0,
       "data-edge-bottom": p(s) ? "" : void 0
     }, [
-      re("div", {
+      ne("div", {
         ref_key: "viewport",
         ref: o,
         "data-ui-scroll-edges-viewport": "",
-        class: ne(e.viewportClass),
+        class: oe(e.viewportClass),
         style: ze(e.viewportStyle)
       }, [
         R(l.$slots, "default")
@@ -24290,13 +24290,13 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
           class: "min-w-0 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
           role: "listitem"
         }, [
-          re("dl", BI, [
+          ne("dl", BI, [
             (y(!0), E(xe, null, nt(p(n).columns, (h) => (y(), E("div", {
               key: h.key,
               class: "grid min-w-0 grid-cols-[minmax(100px,35%)_minmax(0,1fr)] items-start gap-2"
             }, [
-              re("dt", jI, ee(h.label), 1),
-              re("dd", UI, [
+              ne("dt", jI, ee(h.label), 1),
+              ne("dd", UI, [
                 R(c.$slots, `cell-${h.key}`, {
                   row: d,
                   value: d[h.key],
@@ -24313,8 +24313,8 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
         "viewport-class": "overflow-auto border-y border-[var(--ui-border)]"
       }, {
         default: P(() => [
-          re("table", {
-            class: ne(["w-full border-collapse text-[13px]", a.value && "table-fixed"])
+          ne("table", {
+            class: oe(["w-full border-collapse text-[13px]", a.value && "table-fixed"])
           }, [
             a.value ? (y(), E("colgroup", WI, [
               (y(!0), E(xe, null, nt(p(n).columns, (d) => (y(), E("col", {
@@ -24322,18 +24322,18 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
                 style: ze(d.width ? { width: d.width } : void 0)
               }, null, 4))), 128))
             ])) : V("", !0),
-            re("thead", KI, [
-              re("tr", null, [
+            ne("thead", KI, [
+              ne("tr", null, [
                 (y(!0), E(xe, null, nt(p(n).columns, (d) => (y(), E("th", {
                   key: d.key,
-                  class: ne(["border-b border-[var(--ui-border)] px-3 py-2 font-normal", [p(Rd)(d), a.value ? "[overflow-wrap:anywhere]" : "whitespace-nowrap"]]),
+                  class: oe(["border-b border-[var(--ui-border)] px-3 py-2 font-normal", [p(Rd)(d), a.value ? "[overflow-wrap:anywhere]" : "whitespace-nowrap"]]),
                   "data-column-type": d.type ?? "text"
                 }, ee(d.label), 11, ZI))), 128))
               ])
             ]),
-            re("tbody", null, [
+            ne("tbody", null, [
               p(n).rows.length === 0 ? (y(), E("tr", HI, [
-                re("td", {
+                ne("td", {
                   colspan: p(n).columns.length,
                   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
                 }, ee(p(n).emptyText), 9, GI)
@@ -24343,7 +24343,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
               }, [
                 (y(!0), E(xe, null, nt(p(n).columns, (h) => (y(), E("td", {
                   key: h.key,
-                  class: ne([
+                  class: oe([
                     // The padding only shows in a row a two-line cell makes taller.
                     "px-3 py-1.5 text-[var(--ui-text)]",
                     a.value && "[overflow-wrap:anywhere]",
@@ -24356,7 +24356,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
                   h.type === "actions" ? (y(), E("div", {
                     key: 0,
                     "data-grid-actions": "",
-                    class: ne(p(qI))
+                    class: oe(p(qI))
                   }, [
                     R(c.$slots, `cell-${h.key}`, {
                       row: d,
@@ -24398,19 +24398,19 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
     return (i, a) => (y(), E("div", {
       ref_key: "root",
       ref: o,
-      class: ne(["flex min-w-0 gap-[var(--ui-space-2)]", e.wrap ? "items-start" : "items-center"]),
+      class: oe(["flex min-w-0 gap-[var(--ui-space-2)]", e.wrap ? "items-start" : "items-center"]),
       "data-layout": e.layout,
       "data-wrap": e.wrap ? "" : void 0,
       "data-syno-pkg-land-ui": ""
     }, [
       e.icon ? (y(), N(Nt(e.icon), {
         key: 0,
-        class: ne(["size-4 shrink-0 text-[var(--ui-text-secondary)]", e.wrap && "mt-0.5"]),
+        class: oe(["size-4 shrink-0 text-[var(--ui-text-secondary)]", e.wrap && "mt-0.5"]),
         "aria-hidden": "true"
       }, null, 8, ["class"])) : V("", !0),
-      re("div", {
+      ne("div", {
         "data-ui-cell-lines": "",
-        class: ne([
+        class: oe([
           "min-w-0 flex-1",
           e.layout === "inline" ? "flex items-baseline gap-x-[var(--ui-space-2)]" : "flex flex-col gap-y-0.5"
         ])
@@ -24421,7 +24421,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
           "data-ui-cell-primary": "",
           "data-ui-tooltip-hint": e.openLabel,
           disabled: e.openDisabled,
-          class: ne([r.value, "m-0 -mx-0.5 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-0.5 py-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
+          class: oe([r.value, "m-0 -mx-0.5 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent px-0.5 py-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
           onClick: a[0] || (a[0] = (s) => i.$emit("open"))
         }, [
           R(i.$slots, "default", {}, () => [
@@ -24430,7 +24430,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
         ], 10, XI)) : (y(), E("span", {
           key: 1,
           "data-ui-cell-primary": "",
-          class: ne([r.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
+          class: oe([r.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
         }, [
           R(i.$slots, "default", {}, () => [
             Ne(ee(e.text), 1)
@@ -24439,7 +24439,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
         e.secondary || i.$slots.secondary ? (y(), E("span", {
           key: 2,
           "data-ui-cell-secondary": "",
-          class: ne([
+          class: oe([
             "min-w-0 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)]",
             r.value,
             e.layout === "inline" && "shrink-0"
@@ -24487,17 +24487,17 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
     return (i, a) => (y(), E("div", {
       ref_key: "root",
       ref: o,
-      class: ne(["flex min-w-0 flex-col gap-0.5", r.value && !(e.detail || i.$slots.detail) && "relative"]),
+      class: oe(["flex min-w-0 flex-col gap-0.5", r.value && !(e.detail || i.$slots.detail) && "relative"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      re("span", eR, [
+      ne("span", eR, [
         Z(GP, { tone: e.tone }, null, 8, ["tone"]),
         e.description ? (y(), N(Mm, {
           key: 0,
           content: e.description
         }, {
           default: P(() => [
-            re("span", tR, ee(e.label), 1)
+            ne("span", tR, ee(e.label), 1)
           ]),
           _: 1
         }, 8, ["content"])) : (y(), E("span", nR, ee(e.label), 1))
@@ -24507,7 +24507,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
         value: e.progress,
         "aria-label": e.label,
         size: "sm",
-        class: ne(["max-w-40", !(e.detail || i.$slots.detail) && "absolute inset-x-0 top-full mt-0.5"])
+        class: oe(["max-w-40", !(e.detail || i.$slots.detail) && "absolute inset-x-0 top-full mt-0.5"])
       }, null, 8, ["value", "aria-label", "class"])) : V("", !0),
       e.detail || i.$slots.detail ? (y(), E("span", oR, [
         R(i.$slots, "detail", {}, () => [
@@ -24524,25 +24524,29 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
   role: "listitem",
   class: "ui-list-item flex flex-wrap items-start gap-x-[var(--ui-space-4)] gap-y-[var(--ui-space-2)] py-[var(--ui-space-3)]",
   "data-syno-pkg-land-ui": ""
-}, aR = { class: "min-w-60 flex-1" }, sR = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, lR = {
+}, aR = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, sR = {
+  key: 0,
+  "data-ui-list-item-leading": "",
+  class: "flex shrink-0 items-center"
+}, lR = { class: "min-w-0 flex-1" }, uR = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, cR = {
   "data-ui-list-item-title": "",
   class: "font-semibold leading-5 text-[var(--ui-text)]"
-}, uR = {
+}, dR = {
   key: 0,
   "data-ui-list-item-meta": "",
   class: "flex flex-wrap items-center gap-[var(--ui-space-1)]"
-}, cR = {
+}, fR = {
   key: 0,
   "data-ui-list-item-description": "",
   class: "mt-1 leading-5 text-[var(--ui-text-secondary)]"
-}, dR = {
+}, pR = {
   key: 1,
   class: "mt-1 leading-5"
-}, fR = {
+}, hR = {
   key: 0,
   "data-ui-list-item-actions": "",
   class: "flex shrink-0 flex-wrap items-center gap-[var(--ui-space-2)]"
-}, pR = /* @__PURE__ */ D({
+}, mR = /* @__PURE__ */ D({
   __name: "ListItem",
   props: {
     title: {},
@@ -24550,35 +24554,40 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
   },
   setup(e) {
     return (t, n) => (y(), E("div", iR, [
-      re("div", aR, [
-        re("div", sR, [
-          re("span", lR, [
-            R(t.$slots, "title", {}, () => [
-              Ne(ee(e.title), 1)
-            ])
+      ne("div", aR, [
+        t.$slots.leading ? (y(), E("div", sR, [
+          R(t.$slots, "leading")
+        ])) : V("", !0),
+        ne("div", lR, [
+          ne("div", uR, [
+            ne("span", cR, [
+              R(t.$slots, "title", {}, () => [
+                Ne(ee(e.title), 1)
+              ])
+            ]),
+            t.$slots.meta ? (y(), E("span", dR, [
+              R(t.$slots, "meta")
+            ])) : V("", !0)
           ]),
-          t.$slots.meta ? (y(), E("span", uR, [
-            R(t.$slots, "meta")
+          e.description || t.$slots.description ? (y(), E("div", fR, [
+            R(t.$slots, "description", {}, () => [
+              Ne(ee(e.description), 1)
+            ])
+          ])) : V("", !0),
+          t.$slots.default ? (y(), E("div", pR, [
+            R(t.$slots, "default")
           ])) : V("", !0)
-        ]),
-        e.description || t.$slots.description ? (y(), E("div", cR, [
-          R(t.$slots, "description", {}, () => [
-            Ne(ee(e.description), 1)
-          ])
-        ])) : V("", !0),
-        t.$slots.default ? (y(), E("div", dR, [
-          R(t.$slots, "default")
-        ])) : V("", !0)
+        ])
       ]),
-      t.$slots.actions ? (y(), E("div", fR, [
+      t.$slots.actions ? (y(), E("div", hR, [
         R(t.$slots, "actions")
       ])) : V("", !0)
     ]));
   }
-}), hR = ["id"], mR = {
+}), vR = ["id"], gR = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-1.5"
-}, vR = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], gR = ["id", "role", "aria-labelledby"], yR = /* @__PURE__ */ D({
+}, yR = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], bR = ["id", "role", "aria-labelledby"], wR = /* @__PURE__ */ D({
   __name: "Card",
   props: {
     title: {},
@@ -24617,7 +24626,7 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
       default: P(() => [
         e.hasHeader && (d.value || g.$slots["header-actions"] || e.expandable) ? (y(), E("header", {
           key: 0,
-          class: ne(m.value)
+          class: oe(m.value)
         }, [
           d.value ? (y(), E("h3", {
             key: 0,
@@ -24627,8 +24636,8 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
             R(g.$slots, "title", {}, () => [
               Ne(ee(e.title), 1)
             ])
-          ], 8, hR)) : V("", !0),
-          g.$slots["header-actions"] || e.expandable ? (y(), E("div", mR, [
+          ], 8, vR)) : V("", !0),
+          g.$slots["header-actions"] || e.expandable ? (y(), E("div", gR, [
             R(g.$slots, "header-actions"),
             e.expandable ? (y(), E("button", {
               key: 0,
@@ -24643,27 +24652,27 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
               (..._) => p(u) && p(u)(..._))
             }, [
               Z(p(sr), {
-                class: ne(p(En)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !p(c) && "-rotate-90")),
+                class: oe(p(En)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !p(c) && "-rotate-90")),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
-            ], 8, vR)) : V("", !0)
+            ], 8, yR)) : V("", !0)
           ])) : V("", !0)
         ], 2)) : V("", !0),
-        xo(re("div", {
+        xo(ne("div", {
           id: p(l),
-          class: ne(v.value),
+          class: oe(v.value),
           role: e.expandable ? "region" : void 0,
           "aria-labelledby": e.expandable && d.value ? p(s) : void 0
         }, [
           e.loading ? (y(), N(Dm, { key: 0 })) : R(g.$slots, "body", {}, () => [
             R(g.$slots, "default")
           ], void 0, 1)
-        ], 10, gR), [
+        ], 10, bR), [
           [Ho, h.value]
         ]),
         g.$slots.footer && !e.loading ? (y(), E("footer", {
           key: 1,
-          class: ne(p(En)("flex flex-wrap items-center gap-2 border-t border-[var(--ui-border-subtle)] py-2.5", f.value ? "px-5" : "px-[var(--ui-card-padding,20px)]", r[e.footerAlign]))
+          class: oe(p(En)("flex flex-wrap items-center gap-2 border-t border-[var(--ui-border-subtle)] py-2.5", f.value ? "px-5" : "px-[var(--ui-card-padding,20px)]", r[e.footerAlign]))
         }, [
           R(g.$slots, "footer")
         ], 2)) : V("", !0)
@@ -24671,16 +24680,16 @@ const qI = "-ml-1 flex items-center justify-start gap-1", FI = ["data-ui-data-vi
       _: 3
     }, 8, ["data-layout", "aria-busy"]));
   }
-}), bR = /^#([\da-f]{3}|[\da-f]{6})$/i, wR = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
+}), _R = /^#([\da-f]{3}|[\da-f]{6})$/i, SR = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
 function ul(e) {
   const t = e.trim();
   if (t === "transparent") return [0, 0, 0, 0];
-  const n = bR.exec(t)?.[1];
+  const n = _R.exec(t)?.[1];
   if (n) {
     const r = n.length === 3 ? [...n].map((i) => i + i).join("") : n;
     return [0, 2, 4].map((i) => parseInt(r.slice(i, i + 2), 16)).concat(1);
   }
-  const o = wR.exec(t);
+  const o = SR.exec(t);
   if (o) {
     const r = o[4] === void 0 ? 1 : Number(o[4]) / (o[5] ? 100 : 1);
     return [Number(o[1]), Number(o[2]), Number(o[3]), r];
@@ -24697,43 +24706,43 @@ function cl(e, t) {
 function ys([e, t, n, o], r) {
   return [e * (1 - r), t * (1 - r), n * (1 - r), o];
 }
-function _R([e, t, n, o], r) {
+function xR([e, t, n, o], r) {
   return [e + (255 - e) * r, t + (255 - t) * r, n + (255 - n) * r, o];
 }
-function SR([e, t, n]) {
+function kR([e, t, n]) {
   const o = (r) => {
     const i = r / 255;
     return i <= 0.04045 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * o(e) + 0.7152 * o(t) + 0.0722 * o(n);
 }
-function xR(e, t) {
-  const n = cl(t, [255, 255, 255, 1]), [o, r] = [cl(e, n), n].map(SR).sort((i, a) => a - i);
+function CR(e, t) {
+  const n = cl(t, [255, 255, 255, 1]), [o, r] = [cl(e, n), n].map(kR).sort((i, a) => a - i);
   return (o + 0.05) / (r + 0.05);
 }
-const bs = [255, 255, 255, 1], kR = "#1b1f1c", CR = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], AR = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], OR = 0.075, $R = 0.22, ER = 0.55, dl = (e) => ul(Oi(e));
+const bs = [255, 255, 255, 1], AR = "#1b1f1c", OR = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], $R = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], ER = 0.075, PR = 0.22, TR = 0.55, dl = (e) => ul(Oi(e));
 function Nd(e, t, n, o, r) {
   for (let i = n; i < 1; i += 0.01) {
     const a = dl(t(e, i));
-    if (xR(...r(a)) >= o) return a;
+    if (CR(...r(a)) >= o) return a;
   }
   return t(e, 1);
 }
-function PR(e, { dark: t = !1 } = {}) {
+function IR(e, { dark: t = !1 } = {}) {
   const n = ul(e);
   if (n[3] !== 1) throw new Error(`An accent must be opaque: "${e}"`);
-  const o = Nd(n, ys, 0, 4.5, (u) => [bs, u]), r = t ? ul(kR) : bs, i = (t ? AR : CR).map((u) => [o[0], o[1], o[2], u]), a = i.map((u) => dl(cl(u, r))), s = (u, d) => Nd(o, t ? _R : ys, d, u, (f) => [f, a[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, $R), s(7, ER)];
-  return { steps: [...a, o, dl(ys(o, OR)), ...l].map(Oi), alpha: i.map(Oi), contrast: Oi(bs) };
+  const o = Nd(n, ys, 0, 4.5, (u) => [bs, u]), r = t ? ul(AR) : bs, i = (t ? $R : OR).map((u) => [o[0], o[1], o[2], u]), a = i.map((u) => dl(cl(u, r))), s = (u, d) => Nd(o, t ? xR : ys, d, u, (f) => [f, a[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, PR), s(7, TR)];
+  return { steps: [...a, o, dl(ys(o, ER)), ...l].map(Oi), alpha: i.map(Oi), contrast: Oi(bs) };
 }
-function TR(e, t = {}) {
-  const { steps: n, alpha: o, contrast: r } = PR(e, t);
+function RR(e, t = {}) {
+  const { steps: n, alpha: o, contrast: r } = IR(e, t);
   return Object.fromEntries([
     ...n.map((i, a) => [`--ui-accent-${a + 1}`, i]),
     ...o.map((i, a) => [`--ui-accent-a${a + 1}`, i]),
     ["--ui-accent-contrast", r]
   ]);
 }
-const IR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "tabindex"], RR = /* @__PURE__ */ D({
+const DR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "tabindex"], NR = /* @__PURE__ */ D({
   __name: "AppRoot",
   props: {
     modalScope: { default: "app" },
@@ -24754,7 +24763,7 @@ const IR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     f && d?.region(f.element), He(qm, f);
     const h = { position: "relative", isolation: "isolate", overflow: "hidden" }, m = O(() => ({
       ...u === "app" ? h : {},
-      ...n.accent ? TR(n.accent, { dark: n.colorScheme === "dark" }) : {}
+      ...n.accent ? RR(n.accent, { dark: n.colorScheme === "dark" }) : {}
     }));
     return de(() => n.modalScope, (v) => {
       if (v !== u) throw new Error("AppRoot modal-scope is fixed for the mounted root; remount to change it");
@@ -24776,7 +24785,7 @@ const IR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
       }, {
         default: P(() => [
           p(u) === "app" ? (y(), E(xe, { key: 0 }, [
-            re("div", {
+            ne("div", {
               ref_key: "background",
               ref: l,
               "data-ui-background": "",
@@ -24784,7 +24793,7 @@ const IR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
             }, [
               R(v.$slots, "default")
             ], 512),
-            re("div", {
+            ne("div", {
               ref_key: "portal",
               ref: c,
               "data-ui-portals": ""
@@ -24793,9 +24802,9 @@ const IR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
         ]),
         _: 3
       }, 8, ["teleport-to"])
-    ], 12, IR));
+    ], 12, DR));
   }
-}), DR = ["src"], ws = /* @__PURE__ */ D({
+}), MR = ["src"], ws = /* @__PURE__ */ D({
   __name: "AppBrand",
   props: {
     name: {},
@@ -24820,18 +24829,18 @@ const IR = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
           alt: "",
           width: "28",
           height: "28"
-        }, null, 8, DR)) : V("", !0),
+        }, null, 8, MR)) : V("", !0),
         e.name ? (y(), E("span", {
           key: 1,
           "data-ui-brand-name": "",
-          class: ne(e.collapsed ? "sr-only" : "min-w-0 truncate")
+          class: oe(e.collapsed ? "sr-only" : "min-w-0 truncate")
         }, ee(e.name), 3)) : V("", !0)
       ]),
       _: 1
     }, 16));
   }
 }), fl = (e) => Math.round(Math.min(ll, Math.max(sl, e)));
-function NR(e) {
+function zR(e) {
   try {
     const t = JSON.parse(localStorage.getItem(e) ?? "null");
     return t && typeof t == "object" ? t : {};
@@ -24839,8 +24848,8 @@ function NR(e) {
     return {};
   }
 }
-function MR(e) {
-  const t = e ? `${e}:app-sidebar` : void 0, n = t ? NR(t) : {}, o = /* @__PURE__ */ M(typeof n.width == "number" && Number.isFinite(n.width) ? fl(n.width) : RI), r = /* @__PURE__ */ M(n.collapsed === !0);
+function qR(e) {
+  const t = e ? `${e}:app-sidebar` : void 0, n = t ? zR(t) : {}, o = /* @__PURE__ */ M(typeof n.width == "number" && Number.isFinite(n.width) ? fl(n.width) : RI), r = /* @__PURE__ */ M(n.collapsed === !0);
   return t && de([o, r], () => {
     try {
       localStorage.setItem(t, JSON.stringify({ width: o.value, collapsed: r.value }));
@@ -24848,25 +24857,25 @@ function MR(e) {
     }
   }), { width: o, collapsed: r };
 }
-const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing"], qR = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], FR = {
+const FR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height", "data-ui-mobile-open", "data-ui-motion-ready", "data-ui-sidebar-collapsed", "data-ui-sidebar-resizing"], LR = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], VR = {
   key: 0,
   "data-ui-mobile-sidebar-header": ""
-}, LR = {
+}, BR = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, VR = { key: 1 }, BR = ["aria-label"], jR = {
+}, jR = { key: 1 }, UR = ["aria-label"], WR = {
   key: 1,
   "data-ui-sidebar-brand": ""
-}, UR = { "data-ui-sidebar-body": "" }, WR = {
+}, KR = { "data-ui-sidebar-body": "" }, ZR = {
   key: 2,
   "data-ui-sidebar-footer": ""
-}, KR = ["aria-label", "title", "aria-expanded", "aria-controls"], ZR = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], HR = ["inert"], GR = {
+}, HR = ["aria-label", "title", "aria-expanded", "aria-controls"], GR = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], JR = ["inert"], YR = {
   key: 0,
   "data-ui-mobile-navigation": ""
-}, JR = ["aria-label", "aria-expanded", "aria-controls"], YR = {
+}, XR = ["aria-label", "aria-expanded", "aria-controls"], QR = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, XR = { key: 1 }, Md = 16, QR = /* @__PURE__ */ D({
+}, eD = { key: 1 }, Md = 16, tD = /* @__PURE__ */ D({
   __name: "AppLayout",
   props: {
     sidebarWidth: { default: void 0 },
@@ -24898,7 +24907,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     const _ = O(() => h.value === "web"), C = O(() => n.navigation === "top" && !m.value);
     He(Wm, C);
-    const b = MR(n.sidebarStorageKey), k = O(() => _.value && !C.value && b.collapsed.value);
+    const b = qR(n.sidebarStorageKey), k = O(() => _.value && !C.value && b.collapsed.value);
     He(Um, k);
     const A = O(() => _.value && !C.value && !k.value && n.sidebarWidth === void 0), x = O(() => k.value ? "var(--ui-web-sidebar-collapsed-width, 64px)" : n.sidebarWidth !== void 0 ? n.sidebarWidth : _.value ? `${b.width.value}px` : "var(--ui-sidebar-width)"), T = /* @__PURE__ */ M({});
     Ge(() => {
@@ -24921,15 +24930,15 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       rt !== void 0 && (ve.preventDefault(), b.width.value = fl(rt));
     }
     const K = /* @__PURE__ */ M(!1);
-    let oe = { x: 0, width: 0 };
+    let re = { x: 0, width: 0 };
     function ce(ve) {
-      b.width.value = fl(oe.width + ve.clientX - oe.x);
+      b.width.value = fl(re.width + ve.clientX - re.x);
     }
     function pe() {
       K.value = !1, document.removeEventListener("pointermove", ce), document.removeEventListener("pointerup", pe), document.removeEventListener("pointercancel", pe);
     }
     function Fe(ve) {
-      ve.button === 0 && (ve.preventDefault(), oe = { x: ve.clientX, width: b.width.value }, K.value = !0, document.addEventListener("pointermove", ce), document.addEventListener("pointerup", pe), document.addEventListener("pointercancel", pe));
+      ve.button === 0 && (ve.preventDefault(), re = { x: ve.clientX, width: b.width.value }, K.value = !0, document.addEventListener("pointermove", ce), document.addEventListener("pointerup", pe), document.addEventListener("pointercancel", pe));
     }
     Kt(pe);
     function ye(ve = !1) {
@@ -24960,7 +24969,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     return (ve, rt) => (y(), E("section", {
       ref_key: "root",
       ref: c,
-      class: ne(["syno-pkg-land-ui-root relative grid min-w-0 overflow-hidden bg-[var(--ui-surface)] text-[var(--ui-text)]", [
+      class: oe(["syno-pkg-land-ui-root relative grid min-w-0 overflow-hidden bg-[var(--ui-surface)] text-[var(--ui-text)]", [
         ve.$slots.sidebar && !m.value && !C.value ? "grid-cols-[var(--ui-app-sidebar-width)_minmax(0,1fr)]" : "grid-cols-1",
         n.height === "fill" && "h-full grid-rows-[minmax(0,1fr)]"
       ]]),
@@ -24995,8 +25004,8 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         inert: m.value && !v.value,
         onClick: je
       }, [
-        m.value ? (y(), E("div", FR, [
-          F.value ? (y(), E("div", LR, [
+        m.value ? (y(), E("div", VR, [
+          F.value ? (y(), E("div", BR, [
             R(ve.$slots, "brand", {}, () => [
               Z(ws, {
                 interactive: i(),
@@ -25005,8 +25014,8 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: I.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : (y(), E("span", VR, ee(p(l)("Application navigation")), 1)),
-          re("button", {
+          ])) : (y(), E("span", jR, ee(p(l)("Application navigation")), 1)),
+          ne("button", {
             "data-ui-close-navigation": "",
             type: "button",
             "aria-label": p(l)("Close"),
@@ -25016,9 +25025,9 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, BR)
+          ], 8, UR)
         ])) : V("", !0),
-        W.value ? (y(), E("div", jR, [
+        W.value ? (y(), E("div", WR, [
           R(ve.$slots, "brand", {}, () => [
             Z(ws, {
               interactive: i(),
@@ -25029,10 +25038,10 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             }, null, 8, ["interactive", "name", "icon", "collapsed"])
           ])
         ])) : V("", !0),
-        re("div", UR, [
+        ne("div", KR, [
           R(ve.$slots, "sidebar")
         ]),
-        X.value ? (y(), E("div", WR, [
+        X.value ? (y(), E("div", ZR, [
           R(ve.$slots, "sidebar-footer"),
           _.value && !C.value ? (y(), E("button", {
             key: 0,
@@ -25048,7 +25057,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 18,
               "aria-hidden": "true"
             }))
-          ], 8, KR)) : V("", !0)
+          ], 8, HR)) : V("", !0)
         ])) : V("", !0),
         A.value ? (y(), E("div", {
           key: 3,
@@ -25063,15 +25072,15 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           "aria-valuenow": p(b).width.value,
           onKeydown: fe,
           onPointerdown: Fe
-        }, null, 40, ZR)) : V("", !0)
-      ], 8, qR)) : V("", !0),
-      re("div", {
+        }, null, 40, GR)) : V("", !0)
+      ], 8, LR)) : V("", !0),
+      ne("div", {
         "data-ui-layout-main": "",
         class: "flex min-h-0 min-w-0 flex-col bg-[var(--ui-surface)]",
         inert: m.value && v.value
       }, [
-        m.value && ve.$slots.sidebar ? (y(), E("div", GR, [
-          re("button", {
+        m.value && ve.$slots.sidebar ? (y(), E("div", YR, [
+          ne("button", {
             ref_key: "menuTrigger",
             ref: d,
             "data-ui-mobile-menu": "",
@@ -25085,8 +25094,8 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, JR),
-          F.value ? (y(), E("div", YR, [
+          ], 8, XR),
+          F.value ? (y(), E("div", QR, [
             R(ve.$slots, "brand", {}, () => [
               Z(ws, {
                 interactive: i(),
@@ -25095,19 +25104,19 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: I.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : (y(), E("span", XR, ee(p(l)("Application navigation")), 1))
+          ])) : (y(), E("span", eD, ee(p(l)("Application navigation")), 1))
         ])) : V("", !0),
         R(ve.$slots, "toolbar"),
-        re("main", {
-          class: ne(["min-h-0 flex-1", n.height === "fill" && "flex flex-col overflow-y-auto"])
+        ne("main", {
+          class: oe(["min-h-0 flex-1", n.height === "fill" && "flex flex-col overflow-y-auto"])
         }, [
           R(ve.$slots, "default")
         ], 2),
         R(ve.$slots, "footer")
-      ], 8, HR)
-    ], 46, zR));
+      ], 8, JR)
+    ], 46, FR));
   }
-}), eD = /* @__PURE__ */ D({
+}), nD = /* @__PURE__ */ D({
   __name: "ResponsiveView",
   props: {
     mode: { default: "auto" }
@@ -25119,7 +25128,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     return (i, a) => R(i.$slots, r.value);
   }
-}), tD = /* @__PURE__ */ D({
+}), oD = /* @__PURE__ */ D({
   __name: "AppSidebarTip",
   props: {
     label: {},
@@ -25137,20 +25146,20 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       _: 3
     }, 8, ["content"])) : R(t.$slots, "default", {}, void 0, void 0, 1);
   }
-}), nD = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], oD = {
+}), rD = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], iD = {
   key: 1,
   "data-nav-badge": "",
   class: "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]"
-}, rD = ["disabled", "aria-current", "onClick"], iD = {
+}, aD = ["disabled", "aria-current", "onClick"], sD = {
   key: 0,
   "data-nav-chevron-spacer": "",
   class: "size-3.5 shrink-0",
   "aria-hidden": "true"
-}, aD = {
+}, lD = {
   key: 2,
   "data-nav-badge": "",
   class: "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]"
-}, sD = ["aria-label"], zd = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", lD = /* @__PURE__ */ D({
+}, uD = ["aria-label"], zd = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", cD = /* @__PURE__ */ D({
   name: "AppSidebarItems",
   __name: "AppSidebarItems",
   props: {
@@ -25172,7 +25181,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       return y(!0), E(xe, null, nt(e.items, (m) => (y(), E(xe, {
         key: m.key
       }, [
-        a(m) ? V("", !0) : (y(), N(tD, {
+        a(m) ? V("", !0) : (y(), N(oD, {
           key: 0,
           label: m.label,
           enabled: !!n.collapsed
@@ -25187,7 +25196,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               disabled: m.disabled,
               "aria-current": m.selectable && n.modelValue === m.key ? "page" : void 0,
               "aria-expanded": r(m),
-              class: ne(u(m)),
+              class: oe(u(m)),
               style: ze(i(n.depth)),
               onClick: (v) => {
                 o("toggle", m.key), m.selectable && o("select", m);
@@ -25195,7 +25204,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             }, [
               Z(p(Ks), {
                 "data-nav-chevron": "",
-                class: ne(["size-3.5 shrink-0 text-[var(--ui-text-muted)] transition-transform", r(m) && "rotate-90"]),
+                class: oe(["size-3.5 shrink-0 text-[var(--ui-text-muted)] transition-transform", r(m) && "rotate-90"]),
                 "aria-hidden": "true"
               }, null, 8, ["class"]),
               m.icon ? (y(), N(Nt(m.icon), {
@@ -25203,33 +25212,33 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
                 "aria-hidden": "true"
               })) : V("", !0),
-              re("span", {
+              ne("span", {
                 "data-nav-label": "",
-                class: ne(n.collapsed ? "sr-only" : zd)
+                class: oe(n.collapsed ? "sr-only" : zd)
               }, ee(m.label), 3),
-              m.badge !== void 0 ? (y(), E("span", oD, ee(m.badge), 1)) : V("", !0)
-            ], 14, nD)) : (y(), E("button", {
+              m.badge !== void 0 ? (y(), E("span", iD, ee(m.badge), 1)) : V("", !0)
+            ], 14, rD)) : (y(), E("button", {
               key: 1,
               type: "button",
               "data-nav-item": "",
               disabled: m.disabled,
               "aria-current": n.modelValue === m.key ? "page" : void 0,
-              class: ne(u(m)),
+              class: oe(u(m)),
               style: ze(i(n.depth)),
               onClick: (v) => o("select", m)
             }, [
-              c.value ? (y(), E("span", iD)) : V("", !0),
+              c.value ? (y(), E("span", sD)) : V("", !0),
               m.icon ? (y(), N(Nt(m.icon), {
                 key: 1,
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
                 "aria-hidden": "true"
               })) : V("", !0),
-              re("span", {
+              ne("span", {
                 "data-nav-label": "",
-                class: ne(n.collapsed ? "sr-only" : zd)
+                class: oe(n.collapsed ? "sr-only" : zd)
               }, ee(m.label), 3),
-              m.badge !== void 0 ? (y(), E("span", aD, ee(m.badge), 1)) : V("", !0)
-            ], 14, rD))
+              m.badge !== void 0 ? (y(), E("span", lD, ee(m.badge), 1)) : V("", !0)
+            ], 14, aD))
           ]),
           _: 2
         }, 1032, ["label", "enabled"])),
@@ -25249,11 +25258,11 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             onSelect: f[0] || (f[0] = (v) => o("select", v)),
             onToggle: f[1] || (f[1] = (v) => o("toggle", v))
           }, null, 8, ["items", "model-value", "expanded-keys", "depth", "searching", "collapsed"])
-        ], 8, sD)) : V("", !0)
+        ], 8, uD)) : V("", !0)
       ], 64))), 128);
     };
   }
-}), uD = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], cD = { "data-nav-label": "" }, dD = ["disabled", "aria-current", "onClick"], fD = { "data-nav-label": "" }, qd = "size-[var(--ui-icon-size,18px)] shrink-0", Fd = "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]", Ld = /* @__PURE__ */ D({
+}), dD = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], fD = { "data-nav-label": "" }, pD = ["disabled", "aria-current", "onClick"], hD = { "data-nav-label": "" }, qd = "size-[var(--ui-icon-size,18px)] shrink-0", Fd = "inline-flex min-w-5 items-center justify-center rounded-full bg-[var(--ui-primary)] px-1.5 py-0.5 text-[length:var(--ui-font-size-sm)] font-semibold leading-none text-[var(--ui-primary-foreground)]", Ld = /* @__PURE__ */ D({
   __name: "AppTopNavItems",
   props: {
     items: {},
@@ -25298,7 +25307,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         onSelect: (f) => s(d, f)
       }, {
         trigger: P(() => [
-          re("button", {
+          ne("button", {
             type: "button",
             "data-ui-top-nav-more": n.overflow ? "" : void 0,
             "data-ui-selected": n.overflow && r(d, n.modelValue) ? "true" : void 0,
@@ -25308,25 +25317,25 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "data-nav-contains-current": r(d, n.modelValue) || void 0,
             disabled: d.disabled,
             "aria-current": !n.overflow && d.selectable && n.modelValue === d.key ? "page" : void 0,
-            class: ne(l(!n.overflow && n.modelValue === d.key || r(d, n.modelValue)))
+            class: oe(l(!n.overflow && n.modelValue === d.key || r(d, n.modelValue)))
           }, [
             d.icon ? (y(), N(Nt(d.icon), {
               key: 0,
-              class: ne(qd),
+              class: oe(qd),
               "aria-hidden": "true"
             })) : V("", !0),
-            re("span", cD, ee(d.label), 1),
+            ne("span", fD, ee(d.label), 1),
             d.badge !== void 0 ? (y(), E("span", {
               key: 1,
               "data-nav-badge": "",
-              class: ne(Fd)
+              class: oe(Fd)
             }, ee(d.badge), 1)) : V("", !0),
             Z(p(sr), {
               "data-nav-chevron": "",
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
               "aria-hidden": "true"
             })
-          ], 10, uD)
+          ], 10, dD)
         ]),
         _: 2
       }, 1032, ["items", "data-ui-top-nav-overflow-menu", "onSelect"])) : (y(), E("button", {
@@ -25335,24 +25344,24 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         "data-nav-item": "",
         disabled: d.disabled,
         "aria-current": n.modelValue === d.key ? "page" : void 0,
-        class: ne(l(n.modelValue === d.key)),
+        class: oe(l(n.modelValue === d.key)),
         onClick: (f) => o("select", d)
       }, [
         d.icon ? (y(), N(Nt(d.icon), {
           key: 0,
-          class: ne(qd),
+          class: oe(qd),
           "aria-hidden": "true"
         })) : V("", !0),
-        re("span", fD, ee(d.label), 1),
+        ne("span", hD, ee(d.label), 1),
         d.badge !== void 0 ? (y(), E("span", {
           key: 1,
           "data-nav-badge": "",
-          class: ne(Fd)
+          class: oe(Fd)
         }, ee(d.badge), 1)) : V("", !0)
-      ], 10, dD))
+      ], 10, pD))
     ], 64))), 128));
   }
-}), pD = ["aria-label"], hD = ["aria-label", "aria-hidden", "inert"], mD = ["data-ui-overflowed", "aria-hidden", "inert"], vD = ["aria-hidden", "inert"], gD = /* @__PURE__ */ D({
+}), mD = ["aria-label"], vD = ["aria-label", "aria-hidden", "inert"], gD = ["data-ui-overflowed", "aria-hidden", "inert"], yD = ["aria-hidden", "inert"], bD = /* @__PURE__ */ D({
   __name: "AppTopNav",
   props: {
     groups: {},
@@ -25379,8 +25388,8 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       if (_.querySelectorAll("[data-nav-group]").forEach((W, X) => {
         const te = getComputedStyle(W);
         W.querySelectorAll("[data-ui-top-nav-item]").forEach((fe, K) => {
-          const oe = K === 0 ? v(te.marginLeft) + v(te.marginRight) + v(te.paddingLeft) + v(te.paddingRight) + v(te.borderLeftWidth) + v(te.borderRightWidth) + (X ? k : 0) : v(te.columnGap);
-          A.push(fe.getBoundingClientRect().width + oe);
+          const re = K === 0 ? v(te.marginLeft) + v(te.marginRight) + v(te.paddingLeft) + v(te.paddingRight) + v(te.borderLeftWidth) + v(te.borderRightWidth) + (X ? k : 0) : v(te.columnGap);
+          A.push(fe.getBoundingClientRect().width + re);
         });
       }), !A.length || A.every((W) => W === 0)) return;
       let x = A.length;
@@ -25420,7 +25429,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         inert: k[0].index >= l.value,
         style: ze(k[0].index >= l.value ? h : void 0),
         "data-nav-group": "",
-        class: ne(["flex shrink-0 items-center gap-[var(--ui-space-1)]", A > 0 && "ml-1 border-l border-[var(--ui-border-subtle)] pl-2"])
+        class: oe(["flex shrink-0 items-center gap-[var(--ui-space-1)]", A > 0 && "ml-1 border-l border-[var(--ui-border-subtle)] pl-2"])
       }, [
         (y(!0), E(xe, null, nt(k, ({ item: x, index: T }) => (y(), E("div", {
           key: x.key,
@@ -25437,9 +25446,9 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "model-value": n.modelValue,
             onSelect: C[0] || (C[0] = (I) => o("select", I))
           }, null, 8, ["items", "model-value"]))
-        ], 12, mD))), 128))
-      ], 14, hD))), 128)),
-      re("div", {
+        ], 12, gD))), 128))
+      ], 14, vD))), 128)),
+      ne("div", {
         ref_key: "more",
         ref: a,
         "data-ui-top-nav-more-wrapper": "",
@@ -25455,14 +25464,14 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           overflow: "",
           onSelect: C[1] || (C[1] = (b) => o("select", b))
         }, null, 8, ["items", "model-value"]))
-      ], 12, vD)
-    ], 8, pD));
+      ], 12, yD)
+    ], 8, mD));
   }
-}), yD = ["aria-label", "data-ui-sidebar-collapsed"], bD = ["aria-expanded", "onClick"], wD = {
+}), wD = ["aria-label", "data-ui-sidebar-collapsed"], _D = ["aria-expanded", "onClick"], SD = {
   key: 1,
   "data-nav-group-label": "",
   class: "flex h-6 items-center px-[11px] text-[12px] font-bold text-[var(--ui-text-secondary)]"
-}, _D = /* @__PURE__ */ D({
+}, xD = /* @__PURE__ */ D({
   __name: "AppSidebar",
   props: {
     modelValue: {},
@@ -25521,7 +25530,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     function C(b) {
       b.disabled || (r("update:modelValue", b.key), r("select", b), w(b.key));
     }
-    return (b, k) => p(a) ? (y(), N(gD, {
+    return (b, k) => p(a) ? (y(), N(bD, {
       key: 0,
       groups: p(o).groups,
       "model-value": p(o).modelValue,
@@ -25544,7 +25553,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       }, null, 8, ["modelValue", "placeholder", "clear-label"])) : V("", !0),
       (y(!0), E(xe, null, nt(u.value, ({ group: A, id: x, items: T }, I) => (y(), E("section", {
         key: x,
-        class: ne(I > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2")
+        class: oe(I > 0 && "mt-2 border-t border-[var(--ui-border-subtle)] pt-2")
       }, [
         A.label && p(o).collapsible && !p(i) ? (y(), E("button", {
           key: 0,
@@ -25556,12 +25565,12 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           onClick: (F) => f(x)
         }, [
           Z(p(sr), {
-            class: ne(["size-3 shrink-0 transition-transform", !h(x) && "-rotate-90"]),
+            class: oe(["size-3 shrink-0 transition-transform", !h(x) && "-rotate-90"]),
             "aria-hidden": "true"
           }, null, 8, ["class"]),
           Ne(" " + ee(A.label), 1)
-        ], 8, bD)) : A.label && !p(i) ? (y(), E("div", wD, ee(A.label), 1)) : V("", !0),
-        h(x) ? (y(), N(lD, {
+        ], 8, _D)) : A.label && !p(i) ? (y(), E("div", SD, ee(A.label), 1)) : V("", !0),
+        h(x) ? (y(), N(cD, {
           key: 2,
           items: T,
           "model-value": p(o).modelValue,
@@ -25573,15 +25582,15 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           onToggle: _
         }, null, 8, ["items", "model-value", "expanded-keys", "searching", "collapsed"])) : V("", !0)
       ], 2))), 128))
-    ], 8, yD));
+    ], 8, wD));
   }
-}), SD = {
+}), kD = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, xD = { class: "min-w-0 flex-1" }, kD = {
+}, CD = { class: "min-w-0 flex-1" }, AD = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-2"
-}, CD = /* @__PURE__ */ D({
+}, OD = /* @__PURE__ */ D({
   __name: "AppToolbar",
   props: {
     height: { default: "var(--ui-toolbar-height)" }
@@ -25593,29 +25602,29 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       style: ze({ minHeight: e.height }),
       "data-syno-pkg-land-ui": ""
     }, [
-      t.$slots.leading ? (y(), E("div", SD, [
+      t.$slots.leading ? (y(), E("div", kD, [
         R(t.$slots, "leading")
       ])) : V("", !0),
-      re("div", xD, [
+      ne("div", CD, [
         R(t.$slots, "default")
       ]),
-      t.$slots.actions ? (y(), E("div", kD, [
+      t.$slots.actions ? (y(), E("div", AD, [
         R(t.$slots, "actions")
       ])) : V("", !0)
     ], 4));
   }
-}), AD = { class: "min-w-0 flex-auto" }, OD = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, $D = ["title"], ED = {
+}), $D = { class: "min-w-0 flex-auto" }, ED = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, PD = ["title"], TD = {
   key: 0,
   "data-ui-page-header-meta": "",
   class: "flex shrink-0 items-center gap-2 whitespace-nowrap"
-}, PD = {
+}, ID = {
   key: 0,
   class: "mt-1 max-w-3xl [contain:inline-size] text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, TD = {
+}, RD = {
   key: 0,
   "data-ui-page-header-actions": "",
   class: "ml-auto flex max-w-full shrink-0 flex-wrap items-center justify-end gap-2 [&>*]:w-auto [&>*]:shrink-0"
-}, ID = /* @__PURE__ */ D({
+}, DD = /* @__PURE__ */ D({
   __name: "PageHeader",
   props: {
     title: {},
@@ -25625,27 +25634,27 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
   setup(e) {
     return (t, n) => (y(), E("div", {
       "data-ui-page-header": "",
-      class: ne([e.sticky && "sticky top-0 z-[2] bg-[var(--ui-page-header-bg,var(--ui-surface))]", "flex flex-wrap items-start gap-x-[var(--ui-space-6)] gap-y-[var(--ui-space-2)] px-[var(--ui-page-padding-x)] pt-[var(--ui-page-padding-y)] pb-[var(--ui-space-3)]"]),
+      class: oe([e.sticky && "sticky top-0 z-[2] bg-[var(--ui-page-header-bg,var(--ui-surface))]", "flex flex-wrap items-start gap-x-[var(--ui-space-6)] gap-y-[var(--ui-space-2)] px-[var(--ui-page-padding-x)] pt-[var(--ui-page-padding-y)] pb-[var(--ui-space-3)]"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      re("div", AD, [
-        re("div", OD, [
-          re("h1", {
+      ne("div", $D, [
+        ne("div", ED, [
+          ne("h1", {
             class: "m-0 min-w-0 truncate text-[length:var(--ui-font-size-title)] [font-weight:var(--ui-heading-weight,600)] tracking-[-0.01em] text-[var(--ui-text)]",
             title: e.title
-          }, ee(e.title), 9, $D),
-          t.$slots.meta ? (y(), E("div", ED, [
+          }, ee(e.title), 9, PD),
+          t.$slots.meta ? (y(), E("div", TD, [
             R(t.$slots, "meta")
           ])) : V("", !0)
         ]),
-        e.description ? (y(), E("p", PD, ee(e.description), 1)) : V("", !0)
+        e.description ? (y(), E("p", ID, ee(e.description), 1)) : V("", !0)
       ]),
-      t.$slots.actions ? (y(), E("div", TD, [
+      t.$slots.actions ? (y(), E("div", RD, [
         R(t.$slots, "actions")
       ])) : V("", !0)
     ], 2));
   }
-}), RD = ["data-width", "data-height", "data-page-surface"], DD = /* @__PURE__ */ D({
+}), ND = ["data-width", "data-height", "data-page-surface"], MD = /* @__PURE__ */ D({
   __name: "PageContent",
   props: {
     width: { default: "fill" },
@@ -25658,7 +25667,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         return t.width === "readable" ? "var(--ui-page-readable-width)" : t.width;
     });
     return (r, i) => (y(), E("div", {
-      class: ne(["box-border w-full min-w-0", [
+      class: oe(["box-border w-full min-w-0", [
         e.surface !== "none" && "px-[var(--ui-page-padding-x)]",
         n.value && "flex h-full min-h-0 flex-col overflow-hidden"
       ]]),
@@ -25667,16 +25676,16 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       "data-page-surface": e.surface,
       "data-syno-pkg-land-ui": ""
     }, [
-      re("div", {
+      ne("div", {
         "data-page-content-body": "",
-        class: ne(["flex min-w-0 flex-col gap-[var(--ui-section-gap)] [&>[data-ui-page-header]]:mb-[calc(var(--ui-section-gap)*-1)]", n.value && "min-h-0 flex-1 [&>:last-child]:min-h-0 [&>:last-child]:flex-1"]),
+        class: oe(["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: ze({ "--ui-page-padding-x": "0px", maxWidth: o.value })
       }, [
         R(r.$slots, "default")
       ], 6)
-    ], 10, RD));
+    ], 10, ND));
   }
-}), ND = ["aria-label", "data-overflow-start", "data-overflow-end"], MD = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], zD = /* @__PURE__ */ D({
+}), zD = ["aria-label", "data-overflow-start", "data-overflow-end"], qD = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], FD = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "SectionTabs",
   props: {
@@ -25697,7 +25706,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       !f || m < 0 || (d.preventDefault(), h[f(m, h.length)]?.focus());
     }
     return (d, f) => (y(), E(xe, null, [
-      re("nav", ie({
+      ne("nav", ie({
         ref_key: "bar",
         ref: i,
         class: "ui-tab-strip relative flex w-full min-w-0 h-[30px] [@media(pointer:coarse)]:h-9 items-end",
@@ -25712,18 +25721,18 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           disabled: h.disabled,
           "data-ui-tab-value": h.value,
           "aria-current": o.modelValue === h.value ? "page" : void 0,
-          class: ne([
+          class: oe([
             "relative h-[30px] [@media(pointer:coarse)]:h-9 shrink-0 border-0 bg-transparent px-2 first:pl-0 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 === h.value ? "text-[var(--ui-primary)]" : "text-[var(--ui-text)] enabled:hover:bg-[var(--ui-surface-hover)] enabled:hover:text-[var(--ui-text)]"
           ]),
           onClick: (m) => r("update:modelValue", h.value)
-        }, ee(h.label), 11, MD))), 128)),
-        re("span", {
+        }, ee(h.label), 11, qD))), 128)),
+        ne("span", {
           class: "ui-tab-indicator",
           style: ze(p(a)),
           "aria-hidden": "true"
         }, null, 4)
-      ], 16, ND),
+      ], 16, zD),
       d.$slots[`panel-${o.modelValue}`] ? (y(), E("div", {
         key: o.modelValue,
         class: "ui-tab-panel",
@@ -25733,7 +25742,7 @@ const zR = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       ])) : V("", !0)
     ], 64));
   }
-}), qD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), FD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
+}), LD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), VD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
 function Xi(e) {
   if (typeof e != "object" || e === null || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
@@ -25745,18 +25754,18 @@ function Qi(e, t) {
 function pl(e, t, n) {
   e[t] = n;
 }
-function LD(e) {
+function BD(e) {
   return Reflect.ownKeys(e).filter((t) => Qi(e, t) !== void 0);
 }
 function hl(e, t) {
   const n = { ...e };
-  for (const o of LD(t)) {
+  for (const o of BD(t)) {
     const r = Qi(t, o), i = Qi(n, o);
     Xi(i) && Xi(r) ? pl(n, o, hl(i, r)) : pl(n, o, r);
   }
   return n;
 }
-function VD(e) {
+function jD(e) {
   const t = {};
   for (const n of Reflect.ownKeys(e)) {
     const o = Qi(e, n);
@@ -25765,15 +25774,15 @@ function VD(e) {
   return t;
 }
 function Km(e, t, n = {}) {
-  const o = qe(FD, null), r = qe(qD, null);
+  const o = qe(VD, null), r = qe(LD, null);
   return O(() => {
     const i = [n, r?.value?.[e], o?.value?.[e]];
     let a = {};
     for (const s of i) s && (a = hl(a, s));
-    return hl(a, VD(t));
+    return hl(a, jD(t));
   });
 }
-const BD = ["data-layout-direction"], jD = /* @__PURE__ */ D({
+const UD = ["data-layout-direction"], WD = /* @__PURE__ */ D({
   __name: "Form",
   props: {
     rules: {},
@@ -25849,9 +25858,9 @@ const BD = ["data-layout-direction"], jD = /* @__PURE__ */ D({
       onSubmit: kt(k, ["prevent"])
     }, [
       R(A.$slots, "default")
-    ], 44, BD));
+    ], 44, UD));
   }
-}), UD = "blur", WD = {
+}), KD = "blur", ZD = {
   string: "Value must be a string",
   number: "Value must be a number",
   integer: "Value must be an integer",
@@ -25864,15 +25873,15 @@ const BD = ["data-layout-direction"], jD = /* @__PURE__ */ D({
 function ml(e) {
   return e ? Array.isArray(e) ? [...e] : [e] : [];
 }
-function KD(e, t) {
+function HD(e, t) {
   return e == null ? !0 : t === "array" || Array.isArray(e) ? Array.isArray(e) && e.length === 0 : typeof e == "string" ? e.trim() === "" : !1;
 }
-function ZD(e) {
+function GD(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 HD(e, t) {
+function JD(e, t) {
   switch (t) {
     case "string":
       return typeof e == "string";
@@ -25897,13 +25906,13 @@ function HD(e, t) {
       return e instanceof Date && !Number.isNaN(e.getTime());
   }
 }
-function GD(e) {
+function YD(e) {
   return typeof e == "object" && e !== null && typeof e.then == "function";
 }
 function yr(e, t) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : t("Value does not match the expected format");
 }
-async function JD(e, t, n) {
+async function XD(e, t, n) {
   const o = e.validator ?? e.asyncValidator;
   if (!o) return null;
   let r = null, i = !1;
@@ -25916,7 +25925,7 @@ async function JD(e, t, n) {
   } catch (l) {
     return i ? r : yr(l, n);
   }
-  if (GD(s))
+  if (YD(s))
     try {
       const l = await s;
       i || (r = l === !0 || l === void 0 || l === null ? null : yr(l, n));
@@ -25926,35 +25935,35 @@ async function JD(e, t, n) {
   else !i && s !== void 0 && s !== !0 && (r = s === !1 ? e.message ?? n("Value does not match the expected format") : yr(s, n));
   return r;
 }
-async function YD(e, t, n) {
+async function QD(e, t, n) {
   const o = e.transform ? e.transform(t) : t;
-  if (KD(o, e.type))
+  if (HD(o, e.type))
     return e.required ? e.message ?? n("Value is required") : null;
-  if (e.type && !HD(o, e.type)) return e.message ?? n(WD[e.type]);
-  const r = ZD(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") : JD(e, o, n);
+  if (e.type && !JD(o, e.type)) return e.message ?? n(ZD[e.type]);
+  const r = GD(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") : XD(e, o, n);
 }
-function XD(e, t) {
+function eN(e, t) {
   return e.trigger ? Array.isArray(e.trigger) ? e.trigger : [e.trigger] : [t];
 }
-async function QD(e, t, n = {}) {
-  const o = n.defaultTrigger ?? UD, r = n.trigger ?? null, i = n.text ?? ((a, s) => Oh("en", a, s));
+async function tN(e, t, n = {}) {
+  const o = n.defaultTrigger ?? KD, r = n.trigger ?? null, i = n.text ?? ((a, s) => Oh("en", a, s));
   for (const a of ml(t)) {
-    if (r !== null && !XD(a, o).includes(r)) continue;
-    const s = await YD(a, e, i);
+    if (r !== null && !eN(a, o).includes(r)) continue;
+    const s = await QD(a, e, i);
     if (s) return s;
   }
   return null;
 }
-const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
+const nN = ["data-direction", "data-status"], oN = ["id", "for"], rN = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]",
   "aria-hidden": "true"
-}, oN = { class: "flex items-start gap-2" }, rN = {
+}, iN = { class: "flex items-start gap-2" }, aN = {
   key: 0,
   class: "flex min-h-[var(--ui-control-md)] shrink-0 items-center",
   "data-field-after": ""
-}, iN = ["id"], aN = ["id"], sN = /* @__PURE__ */ D({
+}, sN = ["id"], lN = ["id"], uN = /* @__PURE__ */ D({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -26034,7 +26043,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
     function x() {
       C.value = w.value;
     }
-    const T = /* @__PURE__ */ M(""), I = /* @__PURE__ */ M(""), F = /* @__PURE__ */ M(""), W = /* @__PURE__ */ M(""), X = /* @__PURE__ */ M(!1), te = /* @__PURE__ */ M(!1), fe = O(() => r.disabled === !0 || X.value), K = O(() => W.value || s.value.validateStatus || T.value), oe = O(() => K.value === "error"), ce = O(() => F.value || I.value || s.value.help), pe = O(() => F.value ? F.value : oe.value && !s.value.hideValidateMessage && I.value || s.value.help), Fe = fr(u), ye = O(() => {
+    const T = /* @__PURE__ */ M(""), I = /* @__PURE__ */ M(""), F = /* @__PURE__ */ M(""), W = /* @__PURE__ */ M(""), X = /* @__PURE__ */ M(!1), te = /* @__PURE__ */ M(!1), fe = O(() => r.disabled === !0 || X.value), K = O(() => W.value || s.value.validateStatus || T.value), re = O(() => K.value === "error"), ce = O(() => F.value || I.value || s.value.help), pe = O(() => F.value ? F.value : re.value && !s.value.hideValidateMessage && I.value || s.value.help), Fe = fr(u), ye = O(() => {
       const H = s.value.direction ?? l?.direction ?? "auto";
       return H === "auto" ? Fe.value > 0 && Fe.value < 520 ? "vertical" : "horizontal" : H;
     }), Ae = O(() => {
@@ -26049,10 +26058,10 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
     }), pt = O(() => ({
       maxWidth: Lm(r.fieldWidth ?? l?.fieldWidth)
     })), Ye = O(() => ye.value === "vertical" ? void 0 : { width: s.value.labelWidth ?? "var(--ui-label-column)" }), _t = O(() => {
-      const H = oe.value ? "text-[var(--ui-danger)]" : K.value === "warning" ? "text-[var(--ui-warning)]" : K.value === "success" ? "text-[var(--ui-success)]" : "text-[var(--ui-text-secondary)]";
+      const H = re.value ? "text-[var(--ui-danger)]" : K.value === "warning" ? "text-[var(--ui-warning)]" : K.value === "success" ? "text-[var(--ui-success)]" : "text-[var(--ui-text-secondary)]";
       return Ae.value === "text" ? En("mt-1 text-[12px] leading-4", H) : En(
         "absolute left-0 top-full z-[1100] mt-1 max-w-[min(100%,20rem)] rounded-[var(--ui-radius-md)] px-2.5 py-1.5 text-[12px] leading-4 shadow-[var(--ui-shadow-menu)]",
-        oe.value ? "bg-[var(--ui-danger-hover)] text-[var(--ui-danger-foreground)]" : "bg-[var(--ui-tooltip-bg)] text-[var(--ui-tooltip-fg)]",
+        re.value ? "bg-[var(--ui-danger-hover)] text-[var(--ui-danger-foreground)]" : "bg-[var(--ui-tooltip-bg)] text-[var(--ui-tooltip-fg)]",
         "transition-opacity duration-[var(--ui-motion-fast)]",
         te.value ? "opacity-100" : "pointer-events-none opacity-0"
       );
@@ -26068,7 +26077,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
       if (!ue.length) return null;
       const ke = ++Wn;
       T.value = "validating", i("validating");
-      const Ee = await QD(w.value, ue, {
+      const Ee = await tN(w.value, ue, {
         trigger: H,
         defaultTrigger: s.value.defaultValidateTrigger,
         text: o
@@ -26134,7 +26143,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
       describedBy: ve,
       required: O(() => s.value.requiredMark === !0),
       disabled: fe,
-      invalid: oe,
+      invalid: re,
       status: K,
       message: ce,
       validate: $,
@@ -26147,7 +26156,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
       controlProps: O(() => ({
         id: h.value,
         "aria-describedby": ve.value,
-        "aria-invalid": oe.value || void 0,
+        "aria-invalid": re.value || void 0,
         "aria-required": s.value.requiredMark || void 0,
         onBlur: z,
         onInput: G
@@ -26180,7 +26189,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
       "data-form-item": "",
       "data-direction": ye.value,
       style: ze(rt.value),
-      class: ne(p(En)("min-w-0", oe.value && !p(s).hideValidateStatusCls && "has-error")),
+      class: oe(p(En)("min-w-0", re.value && !p(s).hideValidateStatusCls && "has-error")),
       "data-status": K.value || void 0,
       "data-syno-pkg-land-ui": "",
       onMouseenter: ue[1] || (ue[1] = (ke) => Ae.value === "popup" && B()),
@@ -26192,14 +26201,14 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
         key: 0,
         "data-form-label": "",
         style: ze(Ye.value),
-        class: ne([
+        class: oe([
           "min-w-0 shrink-0 break-words [word-break:keep-all] text-[13px] leading-5 text-[var(--ui-text)]",
           ye.value === "horizontal" ? "pt-[5px] text-left" : void 0,
           p(s).disableLabel || fe.value ? "opacity-40" : void 0
         ]),
-        onClick: ue[0] || (ue[0] = (ke) => Ae.value === "popup" && oe.value && B())
+        onClick: ue[0] || (ue[0] = (ke) => Ae.value === "popup" && re.value && B())
       }, [
-        re("label", {
+        ne("label", {
           id: f.label,
           for: p(s).textOnly ? void 0 : h.value,
           onClick: _e
@@ -26207,29 +26216,29 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
           R(H.$slots, "label", {}, () => [
             Ne(ee(p(s).label), 1)
           ]),
-          p(s).requiredMark ? (y(), E("span", nN, "*")) : V("", !0)
-        ], 8, tN)
+          p(s).requiredMark ? (y(), E("span", rN, "*")) : V("", !0)
+        ], 8, oN)
       ], 6)) : V("", !0),
-      re("div", {
-        class: ne(["relative min-w-0 flex-1", p(s).disableControl ? "opacity-40" : void 0])
+      ne("div", {
+        class: oe(["relative min-w-0 flex-1", p(s).disableControl ? "opacity-40" : void 0])
       }, [
-        re("div", oN, [
+        ne("div", iN, [
           R(H.$slots, "before"),
-          re("div", {
+          ne("div", {
             class: "min-w-0 flex-1",
             "data-field-control": "",
             style: ze(pt.value)
           }, [
             R(H.$slots, "default", { field: me })
           ], 4),
-          H.$slots.after ? (y(), E("div", rN, [
+          H.$slots.after ? (y(), E("div", aN, [
             R(H.$slots, "after", { classes: It })
           ])) : V("", !0)
         ]),
         ft.value ? (y(), E("div", {
           key: 0,
           id: f.description,
-          class: ne([
+          class: oe([
             "mt-1 text-[12px] leading-4 text-[var(--ui-text-secondary)]",
             p(s).disableDescription || fe.value ? "opacity-40" : void 0
           ])
@@ -26237,19 +26246,19 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
           R(H.$slots, "description", {}, () => [
             Ne(ee(p(s).description), 1)
           ])
-        ], 10, iN)) : V("", !0),
+        ], 10, sN)) : V("", !0),
         pe.value ? (y(), E("div", {
           key: 1,
           id: f.message,
           role: "alert",
-          class: ne(_t.value)
+          class: oe(_t.value)
         }, [
           R(H.$slots, "status", { field: me }, () => [
             Ne(ee(pe.value), 1)
           ])
-        ], 10, aN)) : V("", !0)
+        ], 10, lN)) : V("", !0)
       ], 2)
-    ], 46, eN));
+    ], 46, nN));
   }
 }), Zm = Gl(() => le({
   key: L(),
@@ -26263,7 +26272,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
   label: L(),
   value: L(),
   disabled: Ce().optional()
-}), lN = vl.extend({
+}), cN = vl.extend({
   description: L().optional()
 }), Vd = le({
   key: L(),
@@ -26272,7 +26281,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
   /** Sets the alignment: DSM keeps every column left; number and date digits get one width. */
   type: $e(["text", "number", "date", "actions"]).optional(),
   align: $e(["left", "center", "right"]).optional()
-}), uN = {
+}), dN = {
   AppRoot: {
     props: le({
       modalScope: $e(["document", "app"]).optional()
@@ -26417,7 +26426,7 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
   RadioGroup: {
     props: le({
       value: L().optional(),
-      options: Qe(lN),
+      options: Qe(cN),
       orientation: $e(["vertical", "horizontal"]).optional(),
       disabled: Ce().optional()
     }),
@@ -26601,17 +26610,17 @@ const eN = ["data-direction", "data-status"], tN = ["id", "for"], nN = {
     props: le({ text: L().optional() }),
     description: "Centered loading state for a page or bounded region."
   }
-}, cN = ek(nk, {
-  components: uN,
+}, fN = ek(nk, {
+  components: dN,
   actions: {}
-}), dN = {
+}), pN = {
   none: "0",
   xs: "var(--ui-space-1)",
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, fN = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, pN = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function hN(e) {
+}, hN = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, mN = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function vN(e) {
   return { default: () => e };
 }
 function gl(e) {
@@ -26624,27 +26633,27 @@ function Hm(e) {
     children: e.children?.map(Hm)
   };
 }
-function mN(e) {
+function gN(e) {
   return e.map((t) => ({ ...t, items: t.items.map(Hm) }));
 }
-const vN = {
-  AppRoot: ({ props: e, slots: t }) => se(RR, { modalScope: e.modalScope }, t),
-  AppShell: ({ props: e, slots: t }) => se(QR, {
+const yN = {
+  AppRoot: ({ props: e, slots: t }) => se(NR, { modalScope: e.modalScope }, t),
+  AppShell: ({ props: e, slots: t }) => se(tD, {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
     wideLayout: e.wideLayout,
     navigation: e.navigation
   }, t),
-  ResponsiveView: ({ props: e, slots: t }) => se(eD, { mode: e.mode }, t),
-  Page: ({ props: e, slots: t }) => se(DD, { width: e.width ?? "fill", surface: e.surface }, t),
-  PageHeader: ({ props: e, slots: t }) => se(ID, e, t),
-  Toolbar: ({ props: e, slots: t }) => se(CD, e, t),
+  ResponsiveView: ({ props: e, slots: t }) => se(nD, { mode: e.mode }, t),
+  Page: ({ props: e, slots: t }) => se(MD, { width: e.width ?? "fill", surface: e.surface }, t),
+  PageHeader: ({ props: e, slots: t }) => se(DD, e, t),
+  Toolbar: ({ props: e, slots: t }) => se(OD, e, t),
   SidebarNav: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = cn(e.value, t?.value);
-    return se(_D, {
+    return se(xD, {
       modelValue: o,
-      groups: mN(e.groups),
+      groups: gN(e.groups),
       searchable: e.searchable,
       collapsible: e.collapsible,
       searchPlaceholder: e.searchPlaceholder,
@@ -26655,7 +26664,7 @@ const vN = {
   },
   Tabs: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = cn(e.value, t?.value);
-    return se(zD, {
+    return se(FD, {
       modelValue: o ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
@@ -26669,9 +26678,9 @@ const vN = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: dN[e.gap ?? "md"],
-      alignItems: fN[e.align ?? "stretch"],
-      justifyContent: pN[e.justify ?? "start"],
+      gap: pN[e.gap ?? "md"],
+      alignItems: hN[e.align ?? "stretch"],
+      justifyContent: mN[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, t),
@@ -26755,12 +26764,12 @@ const vN = {
       }
     });
   },
-  Form: ({ props: e, slots: t, emit: n }) => se(jD, {
+  Form: ({ props: e, slots: t, emit: n }) => se(WD, {
     direction: e.direction,
     fieldWidth: e.fieldWidth,
     onSubmit: () => n("submit")
   }, t),
-  Field: ({ props: e, slots: t }) => se(sN, {
+  Field: ({ props: e, slots: t }) => se(uN, {
     label: e.label,
     description: e.description,
     help: e.help,
@@ -26789,7 +26798,7 @@ const vN = {
   Surface: ({ props: e, slots: t }) => se(Nm, e, t),
   Card: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = cn(e.expanded, t?.expanded);
-    return se(yR, {
+    return se(wR, {
       title: e.title,
       layoutType: e.layoutType,
       expandable: e.expandable,
@@ -26815,7 +26824,7 @@ const vN = {
     icon: gl(e.icon)
   }, t),
   Progress: ({ props: e }) => se(Rm, e),
-  Badge: ({ props: e }) => se(ZP, { tone: e.tone }, hN(e.text)),
+  Badge: ({ props: e }) => se(ZP, { tone: e.tone }, vN(e.text)),
   Dialog: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = cn(e.open, t?.open);
     return se(jT, {
@@ -26837,12 +26846,12 @@ const vN = {
   ]),
   CellText: ({ props: e, emit: t }) => se(QI, { ...e, onOpen: () => t("open") }),
   CellStatus: ({ props: e }) => se(rR, e),
-  ListItem: ({ props: e, slots: t }) => se(pR, e, t),
+  ListItem: ({ props: e, slots: t }) => se(mR, e, t),
   InputGroup: ({ slots: e }) => se($C, null, e),
   Loading: ({ props: e }) => se(eT, { text: e.text })
-}, { registry: Bd } = xk(cN, {
-  components: vN
-}), gN = /* @__PURE__ */ D({
+}, { registry: Bd } = xk(fN, {
+  components: yN
+}), bN = /* @__PURE__ */ D({
   __name: "SynoJsonRenderer",
   props: {
     spec: {},
@@ -26886,18 +26895,18 @@ function $i(e) {
   return t.overflowX && t.overflowX !== "visible" ? t.overflowX : t.overflow.split(" ")[0] || "visible";
 }
 const Gm = (e) => e.closest("[data-jr-key]")?.getAttribute("data-jr-key") ?? void 0;
-function yN(e, t) {
+function wN(e, t) {
   for (let n = e.parentElement; n && t.contains(n); n = n.parentElement)
     if ($i(n) !== "visible") return n;
 }
-function bN(e, t, n) {
+function _N(e, t, n) {
   if (e.closest("[inert]")) return;
   const o = e.getBoundingClientRect();
   if (o.width <= 1) return;
   const r = $i(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 = yN(e, t);
+  const i = wN(e, t);
   if (i) {
     if ($i(i) === "auto" || $i(i) === "scroll") return;
     const s = i.getBoundingClientRect(), l = Math.max(o.right - s.right, s.left - o.left), c = Gm(i);
@@ -26906,25 +26915,25 @@ function bN(e, t, n) {
   const a = Math.max(o.right - n, -o.left);
   return a > 1 ? { kind: "outside_viewport", detail: `extends ${Math.round(a)}px past the ${n}px viewport` } : void 0;
 }
-function wN(e, t) {
-  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: bN(i, e, t) })).filter((i) => !!i.finding), o = n.filter((i) => !n.some((a) => a !== i && a.finding.kind === i.finding.kind && i.element.contains(a.element))), r = /* @__PURE__ */ new Map();
+function SN(e, t) {
+  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: _N(i, e, t) })).filter((i) => !!i.finding), o = n.filter((i) => !n.some((a) => a !== i && a.finding.kind === i.finding.kind && i.element.contains(a.element))), r = /* @__PURE__ */ new Map();
   for (const { element: i, finding: a } of o) {
     const s = Gm(i), l = `${a.kind}:${s ?? ""}`;
     r.has(l) || r.set(l, { ...a, key: s });
   }
   return [...r.values()];
 }
-function _N(e, t) {
+function xN(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 SN = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
-async function xN() {
+const kN = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+async function CN() {
   const e = await (await fetch("/config.json")).json();
   $x();
-  const t = document.getElementById("app"), n = ({ key: o }) => _N(e.messages ?? {}, String(o));
+  const t = document.getElementById("app"), n = ({ key: o }) => xN(e.messages ?? {}, String(o));
   return hy({
-    render: () => se(gN, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
-  }).mount(t), await Re(), await document.fonts.ready, await SN(), { issues: () => wN(t, innerWidth) };
+    render: () => se(bN, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
+  }).mount(t), await Re(), await document.fonts.ready, await kN(), { issues: () => SN(t, innerWidth) };
 }
-window.synoPreview = xN();
+window.synoPreview = CN();