@synopackageland/ui 0.19.6 → 0.19.8

package/dist/json-preview/preview.js

@@ -6,7 +6,7 @@ function xl(e) {
 }
 const Me = {}, _o = [], gn = () => {
 }, cf = () => !1, na = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
-(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), oa = (e) => e.startsWith("onUpdate:"), pt = Object.assign, kl = (e, t) => {
+(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), oa = (e) => e.startsWith("onUpdate:"), ht = Object.assign, kl = (e, t) => {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }, vv = Object.prototype.hasOwnProperty, Ve = (e, t) => vv.call(e, t), we = Array.isArray, Qn = (e) => Zr(e) === "[object Map]", Ti = (e) => Zr(e) === "[object Set]", Du = (e) => Zr(e) === "[object Date]", ke = (e) => typeof e == "function", Ge = (e) => typeof e == "string", Ut = (e) => typeof e == "symbol", je = (e) => e !== null && typeof e == "object", df = (e) => (je(e) || ke(e)) && ke(e.then) && ke(e.catch), ff = Object.prototype.toString, Zr = (e) => ff.call(e), gv = (e) => Zr(e).slice(8, -1), pf = (e) => Zr(e) === "[object Object]", ra = (e) => Ge(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, Cr = /* @__PURE__ */ xl(
@@ -74,7 +74,7 @@ function ee(e) {
       e[n] && (t += n + " ");
   return t.trim();
 }
-function ut(e) {
+function ct(e) {
   if (!e) return null;
   let { class: t, style: n } = e;
   return t && !Ge(t) && (e.class = ee(t)), n && (e.style = Le(n)), e;
@@ -148,11 +148,11 @@ const vf = (e) => !!(e && e.__v_isRef === !0), Q = (e) => Ge(e) ? e : e == null
     Ut(e) ? `Symbol(${(n = e.description) != null ? n : t})` : e
   );
 };
-let ct;
+let dt;
 class yf {
   // TODO isolatedDeclarations "__v_skip"
   constructor(t = !1) {
-    this.detached = t, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !t && ct && (ct.active ? (this.parent = ct, this.index = (ct.scopes || (ct.scopes = [])).push(
+    this.detached = t, this._active = !0, this._on = 0, this.effects = [], this.cleanups = [], this._isPaused = !1, this._warnOnRun = !0, this.__v_skip = !0, !t && dt && (dt.active ? (this.parent = dt, this.index = (dt.scopes || (dt.scopes = [])).push(
       this
     ) - 1) : (this._active = !1, this._warnOnRun = !1));
   }
@@ -191,11 +191,11 @@ class yf {
   }
   run(t) {
     if (this._active) {
-      const n = ct;
+      const n = dt;
       try {
-        return ct = this, t();
+        return dt = this, t();
       } finally {
-        ct = n;
+        dt = n;
       }
     }
   }
@@ -204,7 +204,7 @@ class yf {
    * @internal
    */
   on() {
-    ++this._on === 1 && (this.prevScope = ct, ct = this);
+    ++this._on === 1 && (this.prevScope = dt, dt = this);
   }
   /**
    * This should only be called on non-detached scopes
@@ -212,10 +212,10 @@ class yf {
    */
   off() {
     if (this._on > 0 && --this._on === 0) {
-      if (ct === this)
-        ct = this.prevScope;
+      if (dt === this)
+        dt = this.prevScope;
       else {
-        let t = ct;
+        let t = dt;
         for (; t; ) {
           if (t.prevScope === this) {
             t.prevScope = this.prevScope;
@@ -253,16 +253,16 @@ function bf(e) {
   return new yf(e);
 }
 function Pl() {
-  return ct;
+  return dt;
 }
 function ua(e, t = !1) {
-  ct && ct.cleanups.push(e);
+  dt && dt.cleanups.push(e);
 }
 let Ke;
 const Za = /* @__PURE__ */ new WeakSet();
 class wf {
   constructor(t) {
-    this.fn = t, this.deps = void 0, this.depsTail = void 0, this.flags = 5, this.next = void 0, this.cleanup = void 0, this.scheduler = void 0, ct && (ct.active ? ct.effects.push(this) : this.flags &= -2);
+    this.fn = t, this.deps = void 0, this.depsTail = void 0, this.flags = 5, this.next = void 0, this.cleanup = void 0, this.scheduler = void 0, dt && (dt.active ? dt.effects.push(this) : this.flags &= -2);
   }
   pause() {
     this.flags |= 64;
@@ -785,7 +785,7 @@ function qv(e, t, n) {
       i,
       "iterate",
       l ? Ps : xo
-    ), pt(
+    ), ht(
       // inheriting all iterator properties
       Object.create(c),
       {
@@ -831,7 +831,7 @@ function Lv(e, t) {
       return !e && At(l, "iterate", xo), s.forEach((u, d) => r.call(i, c(u), c(d), a));
     }
   };
-  return pt(
+  return ht(
     n,
     e ? {
       add: ni("add"),
@@ -1459,7 +1459,7 @@ function de(e, t, n) {
   return Gr(e, t, n);
 }
 function Gr(e, t, n = Me) {
-  const { immediate: o, deep: r, flush: i, once: a } = n, s = pt({}, n), l = t && o || !t && i !== "post";
+  const { immediate: o, deep: r, flush: i, once: a } = n, s = ht({}, n), l = t && o || !t && i !== "post";
   let c;
   if (Lr) {
     if (i === "sync") {
@@ -1747,7 +1747,7 @@ function z(e, t) {
   return ke(e) ? (
     // #8236: extend call and options.name access are considered side-effects
     // by Rollup, so we have to wrap it in a pure-annotated IIFE.
-    pt({ name: e.name }, t, { setup: e })
+    ht({ name: e.name }, t, { setup: e })
   ) : e;
 }
 function zn() {
@@ -1898,7 +1898,7 @@ function tp(e, t) {
   return op(ep, e, !0, t) || e;
 }
 const np = /* @__PURE__ */ Symbol.for("v-ndc");
-function ht(e) {
+function ut(e) {
   return Ge(e) ? op(ep, e, !1) || e : e || np;
 }
 function op(e, t, n = !0, o = !1) {
@@ -1963,7 +1963,7 @@ function tt(e, t, n, o) {
 }
 function R(e, t, n, o, r, i) {
   if (n == null && (n = {}), wt.ce || wt.parent && Wo(wt.parent) && wt.parent.ce) {
-    const c = i != null && n.key == null ? pt({}, n, { key: i }) : n, u = Object.keys(c).length > 0;
+    const c = i != null && n.key == null ? ht({}, n, { key: i }) : n, u = Object.keys(c).length > 0;
     return t !== "default" && (c.name = t), y(), D(
       xe,
       null,
@@ -2009,7 +2009,7 @@ function _g(e, t) {
 const Ts = (e) => e ? Pp(e) ? wa(e) : Ts(e.parent) : null, Or = (
   // Move PURE marker to new line to workaround compiler discarding it
   // due to type annotation
-  /* @__PURE__ */ pt(/* @__PURE__ */ Object.create(null), {
+  /* @__PURE__ */ ht(/* @__PURE__ */ Object.create(null), {
     $: (e) => e,
     $el: (e) => e.vnode.el,
     $data: (e) => e.data,
@@ -2115,7 +2115,7 @@ function ap(e, t) {
   return n;
 }
 function Zu(e, t) {
-  return !e || !t ? e || t : we(e) && we(t) ? e.concat(t) : pt({}, zr(e), zr(t));
+  return !e || !t ? e || t : we(e) && we(t) ? e.concat(t) : ht({}, zr(e), zr(t));
 }
 let Is = !0;
 function xg(e) {
@@ -2297,7 +2297,7 @@ const Cg = {
 };
 function Gu(e, t) {
   return t ? e ? function() {
-    return pt(
+    return ht(
       ke(e) ? e.call(this, this) : e,
       ke(t) ? t.call(this, this) : t
     );
@@ -2319,10 +2319,10 @@ function $t(e, t) {
   return e ? [...new Set([].concat(e, t))] : t;
 }
 function _r(e, t) {
-  return e ? pt(/* @__PURE__ */ Object.create(null), e, t) : t;
+  return e ? ht(/* @__PURE__ */ Object.create(null), e, t) : t;
 }
 function Ju(e, t) {
-  return e ? we(e) && we(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : pt(
+  return e ? we(e) && we(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : ht(
     /* @__PURE__ */ Object.create(null),
     zr(e),
     zr(t ?? {})
@@ -2331,7 +2331,7 @@ function Ju(e, t) {
 function Ag(e, t) {
   if (!e) return t;
   if (!t) return e;
-  const n = pt(/* @__PURE__ */ Object.create(null), e);
+  const n = ht(/* @__PURE__ */ Object.create(null), e);
   for (const o in t)
     n[o] = $t(e[o], t[o]);
   return n;
@@ -2360,7 +2360,7 @@ function up() {
 let Eg = 0;
 function $g(e, t) {
   return function(o, r = null) {
-    ke(o) || (o = pt({}, o)), r != null && !je(r) && (r = null);
+    ke(o) || (o = ht({}, o)), r != null && !je(r) && (r = null);
     const i = up(), a = /* @__PURE__ */ new WeakSet(), s = [];
     let l = !1;
     const c = i.app = {
@@ -2495,11 +2495,11 @@ function dp(e, t, n = !1) {
   if (!ke(e)) {
     const l = (c) => {
       const u = dp(c, t, !0);
-      u && (s = !0, pt(a, u));
+      u && (s = !0, ht(a, u));
     };
     !n && t.mixins.length && t.mixins.forEach(l), e.extends && l(e.extends), e.mixins && e.mixins.forEach(l);
   }
-  return !i && !s ? (je(e) && o.set(e, null), null) : (we(i) ? i.forEach((l) => a[l] = null) : pt(a, i), je(e) && o.set(e, a), a);
+  return !i && !s ? (je(e) && o.set(e, null), null) : (we(i) ? i.forEach((l) => a[l] = null) : ht(a, i), je(e) && o.set(e, a), a);
 }
 function ba(e, t) {
   return !e || !na(t) ? !1 : (t = t.slice(2), t = t === "Once" ? t : t.replace(/Once$/, ""), Ve(e, t[0].toLowerCase() + t.slice(1)) || Ve(e, Bn(t)) || Ve(e, t));
@@ -2761,7 +2761,7 @@ function gp(e, t, n = !1) {
     const u = (d) => {
       l = !0;
       const [p, h] = gp(d, t, !0);
-      pt(a, p), h && s.push(...h);
+      ht(a, p), h && s.push(...h);
     };
     !n && t.mixins.length && t.mixins.forEach(u), e.extends && u(e.extends), e.mixins && e.mixins.forEach(u);
   }
@@ -2776,7 +2776,7 @@ function gp(e, t, n = !1) {
     for (const u in i) {
       const d = yt(u);
       if (Qu(d)) {
-        const p = i[u], h = a[d] = we(p) || ke(p) ? { type: p } : pt({}, p), m = h.type;
+        const p = i[u], h = a[d] = we(p) || ke(p) ? { type: p } : ht({}, p), m = h.type;
         let v = !1, g = !0;
         if (we(m))
           for (let b = 0; b < m.length; ++b) {
@@ -3829,7 +3829,7 @@ function Hg(e, t = null, n = null, o = 0, r = null, i = !1) {
   if (ny(e) && (e = e.__vccOpts), t) {
     t = mt(t);
     let { class: s, style: l } = t;
-    s && !Ge(s) && (t.class = ee(s)), je(l) && (/* @__PURE__ */ ha(l) && !we(l) && (l = pt({}, l)), t.style = Le(l));
+    s && !Ge(s) && (t.class = ee(s)), je(l) && (/* @__PURE__ */ ha(l) && !we(l) && (l = ht({}, l)), t.style = Le(l));
   }
   const a = Ge(e) ? 1 : xp(e) ? 128 : va(e) ? 64 : je(e) ? 4 : ke(e) ? 2 : 0;
   return ne(
@@ -3844,7 +3844,7 @@ function Hg(e, t = null, n = null, o = 0, r = null, i = !1) {
   );
 }
 function mt(e) {
-  return e ? /* @__PURE__ */ ha(e) || mp(e) ? pt({}, e) : e : null;
+  return e ? /* @__PURE__ */ ha(e) || mp(e) ? ht({}, e) : e : null;
 }
 function Co(e, t, n = !1, o = !1) {
   const { props: r, ref: i, patchFlag: a, children: s, transition: l } = e, c = t ? le(r || {}, t) : r, u = {
@@ -4527,7 +4527,7 @@ const Ey = {
   middle: (e) => "button" in e && e.button !== 1,
   right: (e) => "button" in e && e.button !== 2,
   exact: (e, t) => $y.some((n) => e[`${n}Key`] && !t.includes(n))
-}, ft = (e, t) => {
+}, pt = (e, t) => {
   if (!e) return e;
   const n = e._withMods || (e._withMods = {}), o = t.join(".");
   return n[o] || (n[o] = ((r, ...i) => {
@@ -4556,7 +4556,7 @@ const Ey = {
     ))
       return e(r);
   }));
-}, Iy = /* @__PURE__ */ pt({ patchProp: ky }, ly);
+}, Iy = /* @__PURE__ */ ht({ patchProp: ky }, ly);
 let pc;
 function Ry() {
   return pc || (pc = jg(Iy));
@@ -8691,7 +8691,7 @@ function nx(e, t) {
 const Kc = /* @__PURE__ */ V("ZodRecord", (e, t) => {
   Ca(), p_.init(e, t), He.init(e, t), e._zod.processJSONSchema = (n, o, r) => Q0(e, n, o, r), e.keyType = t.keyType, e.valueType = t.valueType;
 });
-function dt(e, t, n) {
+function ft(e, t, n) {
   return !t || !t._zod ? new Kc({
     type: "record",
     keyType: U(),
@@ -9301,20 +9301,20 @@ var Jx = pe({
   variant: Ie(["default", "danger"]).optional()
 }), Yx = Lt([
   pe({ navigate: U() }),
-  pe({ set: dt(U(), gt()) }),
+  pe({ set: ft(U(), gt()) }),
   pe({
     action: U(),
-    params: dt(U(), Pa).optional()
+    params: ft(U(), Pa).optional()
   })
 ]), Xx = Lt([
-  pe({ set: dt(U(), gt()) }),
+  pe({ set: ft(U(), gt()) }),
   pe({
     action: U(),
-    params: dt(U(), Pa).optional()
+    params: ft(U(), Pa).optional()
   })
 ]), Qx = pe({
   action: U(),
-  params: dt(U(), Pa).optional(),
+  params: ft(U(), Pa).optional(),
   confirm: Jx.optional(),
   onSuccess: Yx.optional(),
   onError: Xx.optional(),
@@ -9368,7 +9368,7 @@ async function id(e) {
 }
 var tk = pe({
   type: U(),
-  args: dt(U(), Pa).optional(),
+  args: ft(U(), Pa).optional(),
   message: U()
 });
 pe({
@@ -9694,7 +9694,7 @@ function Ei(e, t) {
     }
     case "record": {
       const n = Ei(e.inner, t);
-      return dt(U(), n);
+      return ft(U(), n);
     }
     case "ref": {
       const n = e.inner, o = vk(n, t);
@@ -9702,7 +9702,7 @@ function Ei(e, t) {
     }
     case "propsOf": {
       const n = e.inner, o = gk(n, t);
-      return o.length === 0 ? dt(U(), gt()) : o.length === 1 ? o[0] : dt(U(), gt());
+      return o.length === 0 ? ft(U(), gt()) : o.length === 1 ? o[0] : ft(U(), gt());
     }
     default:
       return gt();
@@ -10267,32 +10267,32 @@ function wk(e, t) {
 }
 pe({
   root: U().min(1),
-  elements: dt(
+  elements: ft(
     U(),
     pe({
       type: U(),
-      props: dt(U(), gt()),
+      props: ft(U(), gt()),
       children: it(U()).optional(),
-      slots: dt(U(), it(U())).optional(),
-      on: dt(U(), gt()).optional(),
+      slots: ft(U(), it(U())).optional(),
+      on: ft(U(), gt()).optional(),
       visible: gt().optional()
     }).strict()
   ),
-  state: dt(U(), gt()).optional()
+  state: ft(U(), gt()).optional()
 }).strict();
 Qx.extend({
-  params: dt(U(), gt()).optional(),
+  params: ft(U(), gt()).optional(),
   onSuccess: gt().optional(),
   onError: gt().optional()
 }).strict();
 var _k = Qt().min(0).max(1);
 pe({
-  answers: dt(
+  answers: ft(
     U(),
     pe({ type: Xr("choice"), choice: U() })
   ),
   providerMetadata: pe({
-    typesafe: pe({ confidence: dt(U(), _k) }).optional()
+    typesafe: pe({ confidence: ft(U(), _k) }).optional()
   }).optional(),
   usage: pe({ inputTokens: Qt().int().nonnegative().optional() }).optional()
 });
@@ -16309,7 +16309,7 @@ var fP = /* @__PURE__ */ z({
       "as-child": r.asChild,
       "data-state": f(n).open.value ? "open" : "closed",
       style: { "pointer-events": "auto" },
-      onPointerdown: i[0] || (i[0] = ft(() => {
+      onPointerdown: i[0] || (i[0] = pt(() => {
       }, [
         "left",
         "self",
@@ -16418,7 +16418,7 @@ var fP = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (y(), D(f(Ra), ut(mt(t)), {
+    return (n, o) => (y(), D(f(Ra), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -18023,7 +18023,7 @@ const jA = ["dir"], $m = {
   positionStrategy: "fixed",
   updatePositionStrategy: "optimized",
   prioritizePosition: !1
-}, [TM, UA] = /* @__PURE__ */ Je("PopperContent");
+}, [NM, UA] = /* @__PURE__ */ Je("PopperContent");
 var WA = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "PopperContent",
@@ -18549,7 +18549,7 @@ var eE = /* @__PURE__ */ z({
     return QA({
       disabled: l,
       state: u
-    }), (g, b) => (y(), E(xe, null, [(y(), D(ht(f(a)?.rovingFocus.value ? f(Tm) : f(Ae)), le({
+    }), (g, b) => (y(), E(xe, null, [(y(), D(ut(f(a)?.rovingFocus.value ? f(Tm) : f(Ae)), le({
       ...g.$attrs,
       ...f(h)
     }, {
@@ -18566,7 +18566,7 @@ var eE = /* @__PURE__ */ z({
       "data-disabled": l.value ? "" : void 0,
       disabled: l.value,
       focusable: f(a)?.rovingFocus.value ? !l.value : void 0,
-      onKeydown: _a(ft(() => {
+      onKeydown: _a(pt(() => {
       }, ["prevent"]), ["enter"]),
       onClick: d
     }), {
@@ -18661,7 +18661,7 @@ var eE = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (y(), D(f(pu), ut(mt(t)), {
+    return (n, o) => (y(), D(f(pu), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -19318,7 +19318,7 @@ var mE = /* @__PURE__ */ z({
       "disable-outside-pointer-events": f(i).open.value,
       "disable-outside-scroll": !0,
       onDismiss: c[0] || (c[0] = (u) => f(i).onOpenChange(!1)),
-      onFocusOutside: c[1] || (c[1] = ft((u) => o("focusOutside", u), ["prevent"]))
+      onFocusOutside: c[1] || (c[1] = pt((u) => o("focusOutside", u), ["prevent"]))
     }), {
       default: T(() => [R(l.$slots, "default")]),
       _: 3
@@ -19545,13 +19545,13 @@ var mE = /* @__PURE__ */ z({
   setup(e, { emit: t }) {
     const r = Un(e, t), i = No(), a = ei();
     return (s, l) => (y(), D(f(Wn), { present: s.forceMount || f(i).open.value }, {
-      default: T(() => [f(a).modal.value ? (y(), D(wE, ut(le({ key: 0 }, {
+      default: T(() => [f(a).modal.value ? (y(), D(wE, ct(le({ key: 0 }, {
         ...s.$attrs,
         ...f(r)
       })), {
         default: T(() => [R(s.$slots, "default")]),
         _: 3
-      }, 16)) : (y(), D(SE, ut(le({ key: 1 }, {
+      }, 16)) : (y(), D(SE, ct(le({ key: 1 }, {
         ...s.$attrs,
         ...f(r)
       })), {
@@ -19562,7 +19562,7 @@ var mE = /* @__PURE__ */ z({
     }, 8, ["present"]));
   }
 }), kE = xE;
-const [IM, CE] = /* @__PURE__ */ Je("MenuGroup");
+const [DM, CE] = /* @__PURE__ */ Je("MenuGroup");
 var PE = /* @__PURE__ */ z({
   __name: "MenuGroup",
   props: {
@@ -19604,7 +19604,7 @@ var PE = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (y(), D(f(Ra), ut(mt(t)), {
+    return (n, o) => (y(), D(f(Ra), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -19636,7 +19636,7 @@ var IE = /* @__PURE__ */ z({
       onValueChange: (s) => {
         a.value = s;
       }
-    }), (s, l) => (y(), D(AE, ut(mt(f(i))), {
+    }), (s, l) => (y(), D(AE, ct(mt(f(i))), {
       default: T(() => [R(s.$slots, "default", { modelValue: f(a) })]),
       _: 3
     }, 16));
@@ -19849,10 +19849,10 @@ var qE = /* @__PURE__ */ z({
         "disable-outside-pointer-events": !1,
         "disable-outside-scroll": !1,
         "trap-focus": !1,
-        onOpenAutoFocus: p[0] || (p[0] = ft((h) => {
+        onOpenAutoFocus: p[0] || (p[0] = pt((h) => {
           f(a).isUsingKeyboardRef.value && f(u)?.focus();
         }, ["prevent"])),
-        onCloseAutoFocus: p[1] || (p[1] = ft(() => {
+        onCloseAutoFocus: p[1] || (p[1] = pt(() => {
         }, ["prevent"])),
         onFocusOutside: p[2] || (p[2] = (h) => {
           if (h.defaultPrevented) return;
@@ -20013,7 +20013,7 @@ var qE = /* @__PURE__ */ z({
   emits: ["select", "update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, r = To(t);
-    return _e(), (i, a) => (y(), D(f(yE), ut(mt({
+    return _e(), (i, a) => (y(), D(f(yE), ct(mt({
       ...n,
       ...f(r)
     })), {
@@ -20236,7 +20236,7 @@ var HE = /* @__PURE__ */ z({
   emits: ["select"],
   setup(e, { emit: t }) {
     const n = e, r = To(t);
-    return _e(), (i, a) => (y(), D(f(ku), ut(mt({
+    return _e(), (i, a) => (y(), D(f(ku), ct(mt({
       ...n,
       ...f(r)
     })), {
@@ -20262,7 +20262,7 @@ var HE = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return _e(), (n, o) => (y(), D(f(vE), ut(mt(t)), {
+    return _e(), (n, o) => (y(), D(f(vE), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -20289,7 +20289,7 @@ var HE = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (y(), D(f($E), ut(mt(t)), {
+    return (n, o) => (y(), D(f($E), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -20313,7 +20313,7 @@ var HE = /* @__PURE__ */ z({
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, r = To(t);
-    return _e(), (i, a) => (y(), D(f(RE), ut(mt({
+    return _e(), (i, a) => (y(), D(f(RE), ct(mt({
       ...n,
       ...f(r)
     })), {
@@ -20348,7 +20348,7 @@ var HE = /* @__PURE__ */ z({
   emits: ["select"],
   setup(e, { emit: t }) {
     const r = Un(e, t);
-    return _e(), (i, a) => (y(), D(f(DE), ut(mt(f(r))), {
+    return _e(), (i, a) => (y(), D(f(DE), ct(mt(f(r))), {
       default: T(() => [R(i.$slots, "default")]),
       _: 3
     }, 16));
@@ -20367,7 +20367,7 @@ var HE = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return _e(), (n, o) => (y(), D(f(zE), ut(mt(t)), {
+    return _e(), (n, o) => (y(), D(f(zE), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -20531,7 +20531,7 @@ var HE = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return _e(), (n, o) => (y(), D(f(UE), ut(mt(t)), {
+    return _e(), (n, o) => (y(), D(f(UE), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -20675,7 +20675,7 @@ var y$ = /* @__PURE__ */ z({
     }, {
       ...f(c),
       ...p.$attrs
-    }, { onClick: ft(d, ["stop"]) }), {
+    }, { onClick: pt(d, ["stop"]) }), {
       default: T(() => [R(p.$slots, "default", { checked: f(r) })]),
       _: 3
     }, 16, [
@@ -20897,7 +20897,7 @@ var P$ = /* @__PURE__ */ z({
         disabled: s.value,
         "onUpdate:checked": v[0] || (v[0] = (g) => f(a).changeModelValue(m.value)),
         onSelect: v[1] || (v[1] = (g) => o("select", g)),
-        onKeydown: v[2] || (v[2] = _a(ft(() => {
+        onKeydown: v[2] || (v[2] = _a(pt(() => {
         }, ["prevent"]), ["enter"])),
         onFocus: p
       }), {
@@ -21493,7 +21493,7 @@ var B$ = /* @__PURE__ */ z({
     }), (P, O) => (y(), D(f(a), null, {
       default: T(() => [j(f(uu), {
         "as-child": "",
-        onMountAutoFocus: O[6] || (O[6] = ft(() => {
+        onMountAutoFocus: O[6] || (O[6] = pt(() => {
         }, ["prevent"])),
         onUnmountAutoFocus: O[7] || (O[7] = (N) => {
           o("closeAutoFocus", N), !N.defaultPrevented && (i ? i.restoreFocus(f(r).triggerElement.value) : f(r).triggerElement.value?.focus({ preventScroll: !0 }), N.preventDefault());
@@ -21502,13 +21502,13 @@ var B$ = /* @__PURE__ */ z({
         default: T(() => [j(f(Ia), {
           "as-child": "",
           "disable-outside-pointer-events": P.disableOutsidePointerEvents,
-          onFocusOutside: O[2] || (O[2] = ft(() => {
+          onFocusOutside: O[2] || (O[2] = pt(() => {
           }, ["prevent"])),
           onDismiss: O[3] || (O[3] = (N) => f(r).onOpenChange(!1)),
           onEscapeKeyDown: O[4] || (O[4] = (N) => o("escapeKeyDown", N)),
           onPointerDownOutside: O[5] || (O[5] = (N) => o("pointerDownOutside", N))
         }, {
-          default: T(() => [(y(), D(ht(P.position === "popper" ? q$ : K$), le({
+          default: T(() => [(y(), D(ut(P.position === "popper" ? q$ : K$), le({
             ...P.$attrs,
             ...f(k)
           }, {
@@ -21526,7 +21526,7 @@ var B$ = /* @__PURE__ */ z({
               flexDirection: "column",
               outline: "none"
             },
-            onContextmenu: O[0] || (O[0] = ft(() => {
+            onContextmenu: O[0] || (O[0] = pt(() => {
             }, ["prevent"])),
             onPlaced: O[1] || (O[1] = (N) => m.value = !0),
             onKeydown: w
@@ -21771,7 +21771,7 @@ var J$ = /* @__PURE__ */ z({
       ref: s,
       present: l.value
     }, {
-      default: T(() => [j(V$, ut(mt({
+      default: T(() => [j(V$, ct(mt({
         ...f(r),
         ...p.$attrs
       })), {
@@ -21907,7 +21907,7 @@ var iO = /* @__PURE__ */ z({
         onPointerdown: S[2] || (S[2] = (k) => {
           k.currentTarget.focus({ preventScroll: !0 });
         }),
-        onTouchend: S[3] || (S[3] = ft(() => {
+        onTouchend: S[3] || (S[3] = pt(() => {
         }, ["prevent", "stop"])),
         onPointermove: b,
         onPointerleave: _,
@@ -22033,7 +22033,7 @@ var iO = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (y(), D(f(Ra), ut(mt(t)), {
+    return (n, o) => (y(), D(f(Ra), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -22111,7 +22111,7 @@ var iO = /* @__PURE__ */ z({
         onClick: g,
         onPointerdown: m,
         onMousedown: v,
-        onPointerup: _[0] || (_[0] = ft((A) => {
+        onPointerup: _[0] || (_[0] = pt((A) => {
           A.pointerType === "touch" && d(A);
         }, ["prevent"])),
         onKeydown: _[1] || (_[1] = (A) => {
@@ -22334,7 +22334,7 @@ var xO = /* @__PURE__ */ z({
       ...h.$attrs
     }, {
       onClick: s,
-      onKeydown: _a(ft(s, ["prevent"]), ["enter"])
+      onKeydown: _a(pt(s, ["prevent"]), ["enter"])
     }), {
       default: T(() => [R(h.$slots, "default", {
         modelValue: f(i),
@@ -22645,7 +22645,7 @@ var OO = /* @__PURE__ */ z({
       onPointerDownOutside: p[1] || (p[1] = (h) => {
         f(i).disableClosingTrigger.value && f(i).trigger.value?.contains(h.target) && h.preventDefault(), r("pointerDownOutside", h);
       }),
-      onFocusOutside: p[2] || (p[2] = ft(() => {
+      onFocusOutside: p[2] || (p[2] = pt(() => {
       }, ["prevent"])),
       onDismiss: p[3] || (p[3] = (h) => f(i).onClose())
     }, {
@@ -22827,7 +22827,7 @@ var OO = /* @__PURE__ */ z({
   setup(e, { emit: t }) {
     const n = e, o = t, r = Ua(), i = Un(n, o), { forwardRef: a } = _e();
     return (s, l) => (y(), D(f(Wn), { present: s.forceMount || f(r).open.value }, {
-      default: T(() => [(y(), D(ht(f(r).disableHoverableContent.value ? Um : RO), le({ ref: f(a) }, f(i)), {
+      default: T(() => [(y(), D(ut(f(r).disableHoverableContent.value ? Um : RO), le({ ref: f(a) }, f(i)), {
         default: T(() => [R(s.$slots, "default")]),
         _: 3
       }, 16))]),
@@ -22856,7 +22856,7 @@ var OO = /* @__PURE__ */ z({
   },
   setup(e) {
     const t = e;
-    return (n, o) => (y(), D(f(Ra), ut(mt(t)), {
+    return (n, o) => (y(), D(f(Ra), ct(mt(t)), {
       default: T(() => [R(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -23113,7 +23113,7 @@ const zO = ["for"], FO = {
           }, 8, ["value", "disabled"]),
           ne("span", UO, [
             n.variant === "card" && u.icon ? (y(), E("span", WO, [
-              (y(), D(ht(u.icon), { class: "size-[18px]" }))
+              (y(), D(ut(u.icon), { class: "size-[18px]" }))
             ])) : F("", !0),
             ne("span", {
               class: ee(["block leading-[var(--ui-line-height)]", n.variant === "card" ? "font-semibold" : ""])
@@ -23974,7 +23974,7 @@ const Gm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                     key: 0,
                     class: "size-3.5",
                     "aria-hidden": "true"
-                  })) : u.item.icon ? (y(), D(ht(u.item.icon), {
+                  })) : u.item.icon ? (y(), D(ut(u.item.icon), {
                     key: 1,
                     class: "size-4",
                     "aria-hidden": "true"
@@ -24031,7 +24031,7 @@ const Gm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
             u.item.danger ? "text-[var(--ui-danger)]" : "text-[var(--ui-text)]"
           ]),
           "onUpdate:modelValue": (d) => o("toggle", u.item.key, !!d),
-          onSelect: ft((d) => o("select", u.item.key), ["prevent"])
+          onSelect: pt((d) => o("select", u.item.key), ["prevent"])
         }, {
           default: T(() => [
             ne("span", FT, [
@@ -24109,7 +24109,7 @@ const Gm = "z-[1450] max-w-72 rounded-[var(--ui-radius-sm)] bg-[var(--ui-tooltip
                 key: 0,
                 class: "size-3.5",
                 "aria-hidden": "true"
-              })) : u.item.icon ? (y(), D(ht(u.item.icon), {
+              })) : u.item.icon ? (y(), D(ut(u.item.icon), {
                 key: 1,
                 class: "size-4",
                 "aria-hidden": "true"
@@ -24978,7 +24978,7 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
       }, 8, ["open"])
     ], 8, VI));
   }
-}), eR = ["aria-label", "aria-expanded", "data-disabled"], tR = /* @__PURE__ */ z({
+}), eR = ["aria-label", "aria-expanded", "data-disabled", "data-ui-infotip-wrap"], tR = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "InfoTip",
   props: {
@@ -24995,11 +24995,12 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
     side: { default: "top" },
     align: { default: "center" },
     icon: { default: "help" },
+    wrap: { type: Boolean },
     tipContainer: {}
   },
   emits: ["activate", "deactivate"],
   setup(e, { expose: t, emit: n }) {
-    const r = jn(e, { ariaLabel: "More information" }), i = n, a = so(), s = We("trigger"), l = We("contentEl"), c = /* @__PURE__ */ M(!1), u = /* @__PURE__ */ M(!1), d = /* @__PURE__ */ M(!1);
+    const o = e, r = jn(o, { ariaLabel: "More information" }), i = n, a = so(), s = We("trigger"), l = We("contentEl"), c = /* @__PURE__ */ M(!1), u = /* @__PURE__ */ M(!1), d = /* @__PURE__ */ M(!1);
     function p() {
       typeof window > "u" || typeof window.matchMedia != "function" || (d.value = window.matchMedia("(hover: none)").matches);
     }
@@ -25122,10 +25123,12 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
                 }, me.$attrs, {
                   type: "button",
                   role: "button",
-                  "aria-label": f(r).ariaLabel,
+                  "aria-label": e.wrap ? o.ariaLabel : f(r).ariaLabel,
                   "aria-expanded": c.value,
                   "data-disabled": e.disabled || void 0,
-                  class: ["relative inline-flex shrink-0 items-center justify-center rounded-full align-middle outline-none before:absolute before:content-[''] transition-colors duration-[var(--ui-motion-fast)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] data-[disabled]:opacity-40", [
+                  "data-ui-infotip-wrap": e.wrap || void 0,
+                  class: ["relative inline-flex items-center outline-none transition-colors duration-[var(--ui-motion-fast)] focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] data-[disabled]:opacity-40", e.wrap ? "min-w-0 max-w-full gap-[inherit] rounded-[var(--ui-radius-sm)] text-start text-inherit" : [
+                    "shrink-0 justify-center rounded-full align-middle before:absolute before:content-['']",
                     e.type === "white" ? "text-[var(--ui-primary-foreground)]" : "text-[var(--ui-primary)]",
                     e.size === "small" ? "size-3.5 before:-inset-2.5" : "size-4 before:-inset-2"
                   ]],
@@ -25138,7 +25141,7 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
                   onKeydown: Ct
                 }), [
                   R(me.$slots, "custom", {}, () => [
-                    (y(), D(ht(e.icon === "info" ? f(tm) : f(xC)), {
+                    (y(), D(ut(e.icon === "info" ? f(tm) : f(xC)), {
                       class: ee(e.size === "small" ? "size-3.5" : "size-4"),
                       "aria-hidden": "true"
                     }, null, 8, ["class"]))
@@ -25193,23 +25196,30 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
 }, rR = {
   key: 1,
   "data-ui-callout-body": ""
-}, iR = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], aR = { class: "ui-callout-main" }, sR = {
+}, iR = ["id"], aR = {
   key: 0,
   "data-ui-callout-title": "",
   class: "ui-callout-title"
-}, lR = {
+}, sR = {
+  key: 1,
+  "data-ui-callout-body": ""
+}, lR = ["data-tone", "data-variant", "data-fill", "data-dismissible", "hidden"], uR = { class: "ui-callout-main" }, cR = {
+  key: 0,
+  "data-ui-callout-title": "",
+  class: "ui-callout-title"
+}, dR = {
   key: 1,
   "data-ui-callout-body": "",
   class: "ui-callout-body"
-}, uR = {
+}, fR = {
   key: 2,
   "data-ui-callout-code": "",
   class: "font-[family-name:var(--ui-font-mono)] text-[12px] text-[var(--ui-text-secondary)]"
-}, cR = ["aria-expanded", "aria-controls"], dR = ["id"], fR = {
+}, pR = ["aria-expanded", "aria-controls"], hR = ["id"], mR = {
   key: 0,
   "data-ui-callout-actions": "",
   class: "ui-callout-actions"
-}, pR = ["aria-label"], hR = /* @__PURE__ */ z({
+}, vR = ["aria-label"], gR = /* @__PURE__ */ z({
   __name: "Callout",
   props: /* @__PURE__ */ Zu({
     tone: { default: "info" },
@@ -25248,33 +25258,60 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
       "data-variant": "hint",
       "data-syno-pkg-land-ui": ""
     }, [
-      (y(), D(ht(a.value), {
-        class: "ui-callout-icon",
-        "aria-hidden": "true"
-      })),
-      ne("span", {
-        ref_key: "content",
-        ref: l,
-        class: "ui-callout-hint-text"
-      }, [
-        e.title ? (y(), E("span", oR, Q(e.title), 1)) : F("", !0),
-        b.$slots.default ? (y(), E("span", rR, [
-          R(b.$slots, "default")
-        ])) : F("", !0)
-      ], 512),
       b.$slots.details ? (y(), D(tR, {
         key: 0,
-        icon: "info",
-        "aria-label": f(o).moreLabel,
+        wrap: "",
+        "show-delay": 0,
+        "hide-delay": 0,
         side: "bottom",
         align: "start",
-        "data-ui-callout-more": ""
+        "aria-describedby": f(s),
+        "data-ui-callout-more": "",
+        class: "ui-callout-hint-line"
       }, {
+        custom: T(() => [
+          (y(), D(ut(a.value), {
+            class: "ui-callout-icon",
+            "aria-hidden": "true"
+          })),
+          ne("span", {
+            ref_key: "content",
+            ref: l,
+            class: "ui-callout-hint-text"
+          }, [
+            e.title ? (y(), E("span", oR, Q(e.title), 1)) : F("", !0),
+            b.$slots.default ? (y(), E("span", rR, [
+              R(b.$slots, "default")
+            ])) : F("", !0)
+          ], 512)
+        ]),
         default: T(() => [
           R(b.$slots, "details")
         ]),
         _: 3
-      }, 8, ["aria-label"])) : F("", !0)
+      }, 8, ["aria-describedby"])) : F("", !0),
+      b.$slots.details ? (y(), E("span", {
+        key: 1,
+        id: f(s),
+        hidden: ""
+      }, [
+        R(b.$slots, "details")
+      ], 8, iR)) : (y(), E(xe, { key: 2 }, [
+        (y(), D(ut(a.value), {
+          class: "ui-callout-icon",
+          "aria-hidden": "true"
+        })),
+        ne("span", {
+          ref_key: "content",
+          ref: l,
+          class: "ui-callout-hint-text"
+        }, [
+          e.title ? (y(), E("span", aR, Q(e.title), 1)) : F("", !0),
+          b.$slots.default ? (y(), E("span", sR, [
+            R(b.$slots, "default")
+          ])) : F("", !0)
+        ], 512)
+      ], 64))
     ], 8, nR)) : (y(), E("div", {
       key: 1,
       class: "ui-callout",
@@ -25285,21 +25322,21 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
       hidden: h.value || void 0,
       "data-syno-pkg-land-ui": ""
     }, [
-      (y(), D(ht(a.value), {
+      (y(), D(ut(a.value), {
         class: "ui-callout-icon",
         "aria-hidden": "true"
       })),
-      ne("div", aR, [
+      ne("div", uR, [
         ne("div", {
           ref_key: "content",
           ref: l,
           class: "ui-callout-content [overflow-wrap:anywhere]"
         }, [
-          e.title ? (y(), E("div", sR, Q(e.title), 1)) : F("", !0),
-          b.$slots.default ? (y(), E("div", lR, [
+          e.title ? (y(), E("div", cR, Q(e.title), 1)) : F("", !0),
+          b.$slots.default ? (y(), E("div", dR, [
             R(b.$slots, "default")
           ])) : F("", !0),
-          e.code ? (y(), E("code", uR, Q(e.code), 1)) : F("", !0),
+          e.code ? (y(), E("code", fR, Q(e.code), 1)) : F("", !0),
           b.$slots.details ? (y(), E("button", {
             key: 3,
             type: "button",
@@ -25314,7 +25351,7 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
               class: ee(["size-3.5 transition-transform duration-[var(--ui-motion-fast)]", i.value && "rotate-180"]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
-          ], 8, cR)) : F("", !0),
+          ], 8, pR)) : F("", !0),
           b.$slots.details ? (y(), D(Tu, {
             key: 4,
             open: i.value,
@@ -25327,12 +25364,12 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
                 class: "ui-callout-details"
               }, [
                 R(b.$slots, "details")
-              ], 8, dR)
+              ], 8, hR)
             ]),
             _: 3
           }, 8, ["open"])) : F("", !0)
         ], 512),
-        b.$slots.actions ? (y(), E("div", fR, [
+        b.$slots.actions ? (y(), E("div", mR, [
           R(b.$slots, "actions")
         ])) : F("", !0)
       ]),
@@ -25348,22 +25385,22 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
           class: "size-3.5",
           "aria-hidden": "true"
         })
-      ], 8, pR)) : F("", !0)
-    ], 8, iR));
+      ], 8, vR)) : F("", !0)
+    ], 8, lR));
   }
-}), mR = {
+}), yR = {
   class: "flex min-h-28 flex-1 flex-col items-center justify-center px-6 py-5 text-center",
   "data-syno-pkg-land-ui": ""
-}, vR = {
+}, bR = {
   key: 0,
   class: "mb-3 flex size-12 items-center justify-center rounded-full bg-[var(--ui-surface-subtle)] text-[var(--ui-text-muted)]"
-}, gR = { class: "m-0 text-[14px] font-semibold text-[var(--ui-text)]" }, yR = {
+}, wR = { class: "m-0 text-[14px] font-semibold text-[var(--ui-text)]" }, _R = {
   key: 1,
   class: "mt-1 max-w-md text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, bR = {
+}, SR = {
   key: 2,
   class: "mt-4 flex items-center gap-2"
-}, wR = /* @__PURE__ */ z({
+}, xR = /* @__PURE__ */ z({
   __name: "EmptyState",
   props: {
     title: {},
@@ -25371,26 +25408,26 @@ const VI = ["data-collapsible", "aria-busy"], jI = {
     icon: {}
   },
   setup(e) {
-    return (t, n) => (y(), E("div", mR, [
-      e.icon ? (y(), E("div", vR, [
-        (y(), D(ht(e.icon), {
+    return (t, n) => (y(), E("div", yR, [
+      e.icon ? (y(), E("div", bR, [
+        (y(), D(ut(e.icon), {
           class: "size-6",
           "aria-hidden": "true"
         }))
       ])) : F("", !0),
-      ne("h3", gR, Q(e.title), 1),
-      e.description ? (y(), E("p", yR, Q(e.description), 1)) : F("", !0),
-      t.$slots.actions ? (y(), E("div", bR, [
+      ne("h3", wR, Q(e.title), 1),
+      e.description ? (y(), E("p", _R, Q(e.description), 1)) : F("", !0),
+      t.$slots.actions ? (y(), E("div", SR, [
         R(t.$slots, "actions")
       ])) : F("", !0)
     ]));
   }
-}), av = 640, _R = 1200;
+}), av = 640, kR = 1200;
 function sv(e, t = "web") {
-  return e <= 0 ? "window" : e <= av ? "mobile" : e >= _R && t === "web" ? "web" : "window";
+  return e <= 0 ? "window" : e <= av ? "mobile" : e >= kR && t === "web" ? "web" : "window";
 }
-const Wa = /* @__PURE__ */ Symbol("syno-app-presentation"), SR = 248, fl = 200, pl = 360, lv = /* @__PURE__ */ Symbol("syno-app-sidebar-collapsed"), uv = /* @__PURE__ */ Symbol("syno-app-top-navigation"), xR = /* @__PURE__ */ Symbol("syno-app-navigation-drawer"), cv = /* @__PURE__ */ Symbol("syno-app-page-change");
-function kR(e, t = () => "x") {
+const Wa = /* @__PURE__ */ Symbol("syno-app-presentation"), CR = 248, fl = 200, pl = 360, lv = /* @__PURE__ */ Symbol("syno-app-sidebar-collapsed"), uv = /* @__PURE__ */ Symbol("syno-app-top-navigation"), PR = /* @__PURE__ */ Symbol("syno-app-navigation-drawer"), cv = /* @__PURE__ */ Symbol("syno-app-page-change");
+function AR(e, t = () => "x") {
   const n = /* @__PURE__ */ M(!1), o = /* @__PURE__ */ M(!1), r = /* @__PURE__ */ M(!1), i = /* @__PURE__ */ M(!1);
   let a;
   const s = () => {
@@ -25408,7 +25445,7 @@ function kR(e, t = () => "x") {
     e.value?.removeEventListener("scroll", s), a?.disconnect();
   }), { start: n, end: o, top: r, bottom: i };
 }
-const CR = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-top", "data-edge-bottom"], PR = /* @__PURE__ */ z({
+const ER = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-top", "data-edge-bottom"], $R = /* @__PURE__ */ z({
   __name: "ScrollEdges",
   props: {
     viewportClass: { default: void 0 },
@@ -25416,7 +25453,7 @@ const CR = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
     axis: { default: "x" }
   },
   setup(e, { expose: t }) {
-    const n = e, o = We("viewport"), { start: r, end: i, top: a, bottom: s } = kR(o, () => n.axis);
+    const n = e, o = We("viewport"), { start: r, end: i, top: a, bottom: s } = AR(o, () => n.axis);
     return t({ viewport: o }), (l, c) => (y(), E("div", {
       "data-ui-scroll-edges": "",
       "data-axis": n.axis === "x" ? void 0 : n.axis,
@@ -25434,16 +25471,16 @@ const CR = ["data-axis", "data-overflow-start", "data-overflow-end", "data-edge-
       }, [
         R(l.$slots, "default")
       ], 6)
-    ], 8, CR));
+    ], 8, ER));
   }
 });
 function Hd(e) {
   return e.align === "right" ? "text-right" : e.align === "center" ? "text-center" : "text-left";
 }
-function AR(e) {
+function OR(e) {
   return e.type === "number" || e.type === "date" || e.align === "right";
 }
-const ER = "-ml-1 flex items-center justify-start gap-1", $R = 40, OR = 80, Gd = 10;
+const TR = "-ml-1 flex items-center justify-start gap-1", IR = 40, RR = 80, Gd = 10;
 function Jd(e) {
   if (typeof e == "number") return e;
   if (!(e === void 0 || !/^\s*\d+(\.\d+)?(px)?\s*$/.test(e)))
@@ -25452,7 +25489,7 @@ function Jd(e) {
 function Yd(e, t) {
   return Math.max(t, Math.round(e));
 }
-const dv = (e) => `syno-pkg-land-ui:data-grid:${e}`, Xd = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), TR = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every((t) => typeof t == "number" && t > 0), IR = (e) => e === null || !!e && typeof e == "object" && typeof e.key == "string" && ["asc", "desc"].includes(e.direction);
+const dv = (e) => `syno-pkg-land-ui:data-grid:${e}`, Xd = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), NR = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every((t) => typeof t == "number" && t > 0), DR = (e) => e === null || !!e && typeof e == "object" && typeof e.key == "string" && ["asc", "desc"].includes(e.direction);
 function Qd(e) {
   let t;
   try {
@@ -25462,15 +25499,15 @@ function Qd(e) {
   }
   if (!t || typeof t != "object") return {};
   const n = {};
-  return Xd(t.columnOrder) && (n.columnOrder = t.columnOrder), Xd(t.hiddenColumns) && (n.hiddenColumns = t.hiddenColumns), TR(t.columnWidths) && (n.columnWidths = t.columnWidths), "sort" in t && IR(t.sort) && (n.sort = t.sort), typeof t.pageSize == "number" && Number.isInteger(t.pageSize) && t.pageSize > 0 && (n.pageSize = t.pageSize), n;
+  return Xd(t.columnOrder) && (n.columnOrder = t.columnOrder), Xd(t.hiddenColumns) && (n.hiddenColumns = t.hiddenColumns), NR(t.columnWidths) && (n.columnWidths = t.columnWidths), "sort" in t && DR(t.sort) && (n.sort = t.sort), typeof t.pageSize == "number" && Number.isInteger(t.pageSize) && t.pageSize > 0 && (n.pageSize = t.pageSize), n;
 }
-function RR(e, t) {
+function MR(e, t) {
   try {
     localStorage.setItem(dv(e), JSON.stringify(t));
   } catch {
   }
 }
-function NR(e) {
+function zR(e) {
   return {
     empty: e("No data"),
     items: (t) => e(t === 1 ? "{count} item" : "{count} items", { count: t }),
@@ -25492,24 +25529,24 @@ function NR(e) {
     hiddenByWidth: e("Too narrow")
   };
 }
-const DR = ["data-ui-data-view", "data-fill"], MR = {
+const FR = ["data-ui-data-view", "data-fill"], qR = {
   key: 0,
   "data-ui-mobile-cards": "",
   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-}, zR = {
+}, LR = {
   key: 1,
   "data-ui-mobile-cards": "",
   class: "grid gap-3",
   role: "list"
-}, FR = ["data-ui-row-new"], qR = { class: "m-0 grid gap-2" }, LR = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[12px] leading-5 text-[var(--ui-text-secondary)]" }, BR = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[13px] leading-5 text-[var(--ui-text)]" }, VR = { key: 0 }, jR = {
+}, BR = ["data-ui-row-new"], VR = { class: "m-0 grid gap-2" }, jR = { class: "flex min-h-[var(--ui-control-md)] items-center break-words text-[12px] leading-5 text-[var(--ui-text-secondary)]" }, UR = { class: "m-0 flex min-h-[var(--ui-control-md)] min-w-0 flex-wrap items-center gap-1 break-words text-[13px] leading-5 text-[var(--ui-text)]" }, WR = { key: 0 }, KR = {
   key: 0,
   "data-table-filler": ""
-}, UR = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, WR = ["data-column-type"], KR = ["aria-label", "onPointerdown", "onKeydown"], ZR = {
+}, ZR = { class: "sticky top-0 z-[1] bg-[var(--ui-surface-subtle)] text-[var(--ui-text-secondary)]" }, HR = ["data-column-type"], GR = ["aria-label", "onPointerdown", "onKeydown"], JR = {
   key: 0,
   "data-table-filler": "",
   "aria-hidden": "true",
   class: "border-b border-[var(--ui-border)] p-0"
-}, HR = { key: 0 }, GR = ["colspan"], JR = ["data-ui-row-new"], YR = ["data-column-type"], XR = {
+}, YR = { key: 0 }, XR = ["colspan"], QR = ["data-ui-row-new"], eN = ["data-column-type"], tN = {
   key: 0,
   "data-table-filler": "",
   "aria-hidden": "true",
@@ -25531,14 +25568,14 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
   },
   emits: ["update:columnWidths"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = jn(n, { emptyText: "No data" }), i = We("root"), a = pr(i), s = Be(Wa, void 0), l = xn(), c = (I) => NR(l).resizeColumn(I), u = /* @__PURE__ */ M(r.stateKey ? Qd(r.stateKey).columnWidths ?? {} : {});
+    const n = e, o = t, r = jn(n, { emptyText: "No data" }), i = We("root"), a = pr(i), s = Be(Wa, void 0), l = xn(), c = (I) => zR(l).resizeColumn(I), u = /* @__PURE__ */ M(r.stateKey ? Qd(r.stateKey).columnWidths ?? {} : {});
     de(() => r.columnWidths, () => {
       u.value = {};
     });
     const d = C(() => {
       const I = { ...r.columnWidths, ...u.value };
       return r.columns.every((L) => I[L.key] !== void 0) ? I : void 0;
-    }), p = C(() => d.value ? r.columns.reduce((I, L) => I + d.value[L.key], 0) : 0), h = C(() => !!d.value || r.columns.some((I) => !!I.width)), m = (I) => d.value ? `${d.value[I.key]}px` : I.width, v = (I) => I.resizable ?? r.resizable, g = (I) => Jd(I.minWidth) ?? (I.width ? $R : OR), b = {};
+    }), p = C(() => d.value ? r.columns.reduce((I, L) => I + d.value[L.key], 0) : 0), h = C(() => !!d.value || r.columns.some((I) => !!I.width)), m = (I) => d.value ? `${d.value[I.key]}px` : I.width, v = (I) => I.resizable ?? r.resizable, g = (I) => Jd(I.minWidth) ?? (I.width ? IR : RR), b = {};
     function _() {
       return Object.fromEntries(r.columns.map((I) => {
         const L = Math.round(b[I.key]?.getBoundingClientRect().width ?? 0);
@@ -25546,7 +25583,7 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
       }));
     }
     function A(I) {
-      u.value = I, o("update:columnWidths", I), r.stateKey && RR(r.stateKey, { ...Qd(r.stateKey), columnWidths: I });
+      u.value = I, o("update:columnWidths", I), r.stateKey && MR(r.stateKey, { ...Qd(r.stateKey), columnWidths: I });
     }
     let w;
     function S(I, L) {
@@ -25583,20 +25620,20 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
       class: ee(["min-w-0", f(r).fill && "flex min-h-0 flex-1 flex-col"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      P.value && !f(r).rows.length ? (y(), E("p", MR, Q(f(r).emptyText), 1)) : P.value ? (y(), E("div", zR, [
+      P.value && !f(r).rows.length ? (y(), E("p", qR, Q(f(r).emptyText), 1)) : P.value ? (y(), E("div", LR, [
         (y(!0), E(xe, null, tt(f(r).rows, (B, G) => (y(), E("article", {
           key: O(B, G),
           "data-ui-row-new": f(N).has(O(B, G)) ? "" : void 0,
           class: "min-w-0 rounded-[var(--ui-radius-md)] border border-[var(--ui-border)] bg-[var(--ui-surface)] px-3 py-2.5",
           role: "listitem"
         }, [
-          ne("dl", qR, [
+          ne("dl", VR, [
             (y(!0), E(xe, null, tt(f(r).columns, (J) => (y(), E("div", {
               key: J.key,
               class: "grid min-w-0 grid-cols-[minmax(100px,35%)_minmax(0,1fr)] items-start gap-2"
             }, [
-              ne("dt", LR, Q(J.label), 1),
-              ne("dd", BR, [
+              ne("dt", jR, Q(J.label), 1),
+              ne("dd", UR, [
                 R(I.$slots, `cell-${J.key}`, {
                   row: B,
                   value: B[J.key],
@@ -25607,8 +25644,8 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
               ])
             ]))), 128))
           ])
-        ], 8, FR))), 128))
-      ])) : (y(), D(PR, {
+        ], 8, BR))), 128))
+      ])) : (y(), D($R, {
         key: 2,
         class: ee(f(r).fill && "min-h-0 flex-1"),
         "viewport-class": f(r).fill ? "h-full overflow-auto border-y border-[var(--ui-border)]" : "overflow-auto border-y border-[var(--ui-border)]"
@@ -25618,14 +25655,14 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
             class: ee(["w-full border-collapse text-[13px]", h.value && "table-fixed"]),
             style: Le(d.value ? { minWidth: `${p.value}px` } : void 0)
           }, [
-            h.value ? (y(), E("colgroup", VR, [
+            h.value ? (y(), E("colgroup", WR, [
               (y(!0), E(xe, null, tt(f(r).columns, (B) => (y(), E("col", {
                 key: B.key,
                 style: Le(m(B) ? { width: m(B) } : void 0)
               }, null, 4))), 128)),
-              d.value ? (y(), E("col", jR)) : F("", !0)
+              d.value ? (y(), E("col", KR)) : F("", !0)
             ])) : F("", !0),
-            ne("thead", UR, [
+            ne("thead", ZR, [
               ne("tr", null, [
                 (y(!0), E(xe, null, tt(f(r).columns, (B) => (y(), E("th", {
                   key: B.key,
@@ -25645,21 +25682,21 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
                     tabindex: "0",
                     "aria-label": c(B.label),
                     class: "absolute top-0 right-0 z-10 h-full w-2 cursor-col-resize touch-none outline-none hover:bg-[var(--ui-primary-soft)] focus-visible:bg-[var(--ui-primary-soft)]",
-                    onPointerdown: ft((G) => S(G, B), ["stop", "prevent"]),
-                    onClick: L[0] || (L[0] = ft(() => {
+                    onPointerdown: pt((G) => S(G, B), ["stop", "prevent"]),
+                    onClick: L[0] || (L[0] = pt(() => {
                     }, ["stop"])),
-                    onKeydown: ft((G) => k(G, B), ["stop"])
-                  }, null, 40, KR)) : F("", !0)
-                ], 10, WR))), 128)),
-                d.value ? (y(), E("th", ZR)) : F("", !0)
+                    onKeydown: pt((G) => k(G, B), ["stop"])
+                  }, null, 40, GR)) : F("", !0)
+                ], 10, HR))), 128)),
+                d.value ? (y(), E("th", JR)) : F("", !0)
               ])
             ]),
             ne("tbody", null, [
-              f(r).rows.length === 0 ? (y(), E("tr", HR, [
+              f(r).rows.length === 0 ? (y(), E("tr", YR, [
                 ne("td", {
                   colspan: f(r).columns.length + (d.value ? 1 : 0),
                   class: "px-3 py-10 text-center text-[var(--ui-text-secondary)]"
-                }, Q(f(r).emptyText), 9, GR)
+                }, Q(f(r).emptyText), 9, XR)
               ])) : (y(!0), E(xe, { key: 1 }, tt(f(r).rows, (B, G) => (y(), E("tr", {
                 key: O(B, G),
                 "data-ui-row-new": f(N).has(O(B, G)) ? "" : void 0,
@@ -25673,14 +25710,14 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
                     h.value && "[overflow-wrap:anywhere]",
                     f(r).compact ? "h-9" : "h-11",
                     f(Hd)(J),
-                    f(AR)(J) && "tabular-nums whitespace-nowrap"
+                    f(OR)(J) && "tabular-nums whitespace-nowrap"
                   ]),
                   "data-column-type": J.type ?? "text"
                 }, [
                   J.type === "actions" ? (y(), E("div", {
                     key: 0,
                     "data-grid-actions": "",
-                    class: ee(f(ER))
+                    class: ee(f(TR))
                   }, [
                     R(I.$slots, `cell-${J.key}`, {
                       row: B,
@@ -25696,17 +25733,17 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
                   }, () => [
                     $e(Q(B[J.key]), 1)
                   ], void 0, 1)
-                ], 10, YR))), 128)),
-                d.value ? (y(), E("td", XR)) : F("", !0)
-              ], 8, JR))), 128))
+                ], 10, eN))), 128)),
+                d.value ? (y(), E("td", tN)) : F("", !0)
+              ], 8, QR))), 128))
             ])
           ], 6)
         ]),
         _: 3
       }, 8, ["class", "viewport-class"]))
-    ], 10, DR));
+    ], 10, FR));
   }
-}), QR = ["data-layout", "data-wrap"], eN = ["data-ui-tooltip-hint", "disabled"], tN = /* @__PURE__ */ z({
+}), nN = ["data-layout", "data-wrap"], oN = ["data-ui-tooltip-hint", "disabled"], rN = /* @__PURE__ */ z({
   __name: "CellText",
   props: {
     text: {},
@@ -25728,7 +25765,7 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
       "data-wrap": e.wrap ? "" : void 0,
       "data-syno-pkg-land-ui": ""
     }, [
-      e.icon ? (y(), D(ht(e.icon), {
+      e.icon ? (y(), D(ut(e.icon), {
         key: 0,
         class: ee(["size-4 shrink-0 text-[var(--ui-text-secondary)]", e.wrap && "mt-0.5"]),
         "aria-hidden": "true"
@@ -25752,7 +25789,7 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
           R(i.$slots, "default", {}, () => [
             $e(Q(e.text), 1)
           ])
-        ], 10, eN)) : (y(), E("span", {
+        ], 10, oN)) : (y(), E("span", {
           key: 1,
           "data-ui-cell-primary": "",
           class: ee([r.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
@@ -25779,24 +25816,24 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
         key: 1,
         target: o.value
       }, null, 8, ["target"])) : F("", !0)
-    ], 10, QR));
+    ], 10, nN));
   }
-}), nN = {
+}), iN = {
   "data-ui-cell-status": "",
   class: "flex min-w-0 items-center gap-[var(--ui-space-2)] leading-4 text-[var(--ui-text)]"
-}, oN = {
+}, aN = {
   "data-ui-cell-status-label": "",
   tabindex: "0",
   class: "-mx-0.5 min-w-0 truncate rounded-[var(--ui-radius-sm)] px-0.5 outline-none focus-visible:shadow-[0_0_0_1px_var(--ui-primary),0_0_0_3px_var(--ui-focus-ring)]"
-}, rN = {
+}, sN = {
   key: 1,
   "data-ui-cell-status-label": "",
   class: "min-w-0 truncate"
-}, iN = {
+}, lN = {
   key: 1,
   "data-ui-cell-secondary": "",
   class: "min-w-0 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)] tabular-nums [overflow-wrap:anywhere]"
-}, aN = /* @__PURE__ */ z({
+}, uN = /* @__PURE__ */ z({
   __name: "CellStatus",
   props: {
     label: {},
@@ -25815,17 +25852,17 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
       class: ee(["flex min-w-0 flex-col gap-0.5", r.value && !(e.detail || i.$slots.detail) && "relative"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      ne("span", nN, [
+      ne("span", iN, [
         j(yT, { tone: e.tone }, null, 8, ["tone"]),
         e.description ? (y(), D(ev, {
           key: 0,
           content: e.description
         }, {
           default: T(() => [
-            ne("span", oN, Q(e.label), 1)
+            ne("span", aN, Q(e.label), 1)
           ]),
           _: 1
-        }, 8, ["content"])) : (y(), E("span", rN, Q(e.label), 1))
+        }, 8, ["content"])) : (y(), E("span", sN, Q(e.label), 1))
       ]),
       r.value ? (y(), D(Ym, {
         key: 0,
@@ -25834,7 +25871,7 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
         size: "sm",
         class: ee(["max-w-40", !(e.detail || i.$slots.detail) && "absolute inset-x-0 top-full mt-0.5"])
       }, null, 8, ["value", "aria-label", "class"])) : F("", !0),
-      e.detail || i.$slots.detail ? (y(), E("span", iN, [
+      e.detail || i.$slots.detail ? (y(), E("span", lN, [
         R(i.$slots, "detail", {}, () => [
           $e(Q(e.detail), 1)
         ])
@@ -25845,74 +25882,74 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
       }, null, 8, ["target"])) : F("", !0)
     ], 2));
   }
-}), sN = {
+}), cN = {
   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": ""
-}, lN = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, uN = {
+}, dN = { class: "flex min-w-60 flex-1 items-start gap-[var(--ui-space-3)]" }, fN = {
   key: 0,
   "data-ui-list-item-leading": "",
   class: "flex shrink-0 items-center"
-}, cN = { class: "min-w-0 flex-1" }, dN = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, fN = {
+}, pN = { class: "min-w-0 flex-1" }, hN = { class: "flex flex-wrap items-center gap-x-[var(--ui-space-2)] gap-y-1" }, mN = {
   "data-ui-list-item-title": "",
   class: "font-semibold leading-5 text-[var(--ui-text)]"
-}, pN = {
+}, vN = {
   key: 0,
   "data-ui-list-item-meta": "",
   class: "flex flex-wrap items-center gap-[var(--ui-space-1)]"
-}, hN = {
+}, gN = {
   key: 0,
   "data-ui-list-item-description": "",
   class: "mt-1 leading-5 text-[var(--ui-text-secondary)]"
-}, mN = {
+}, yN = {
   key: 1,
   class: "mt-1 leading-5"
-}, vN = {
+}, bN = {
   key: 0,
   "data-ui-list-item-actions": "",
   class: "flex shrink-0 flex-wrap items-center gap-[var(--ui-space-2)]"
-}, gN = /* @__PURE__ */ z({
+}, wN = /* @__PURE__ */ z({
   __name: "ListItem",
   props: {
     title: {},
     description: {}
   },
   setup(e) {
-    return (t, n) => (y(), E("div", sN, [
-      ne("div", lN, [
-        t.$slots.leading ? (y(), E("div", uN, [
+    return (t, n) => (y(), E("div", cN, [
+      ne("div", dN, [
+        t.$slots.leading ? (y(), E("div", fN, [
           R(t.$slots, "leading")
         ])) : F("", !0),
-        ne("div", cN, [
-          ne("div", dN, [
-            ne("span", fN, [
+        ne("div", pN, [
+          ne("div", hN, [
+            ne("span", mN, [
               R(t.$slots, "title", {}, () => [
                 $e(Q(e.title), 1)
               ])
             ]),
-            t.$slots.meta ? (y(), E("span", pN, [
+            t.$slots.meta ? (y(), E("span", vN, [
               R(t.$slots, "meta")
             ])) : F("", !0)
           ]),
-          e.description || t.$slots.description ? (y(), E("div", hN, [
+          e.description || t.$slots.description ? (y(), E("div", gN, [
             R(t.$slots, "description", {}, () => [
               $e(Q(e.description), 1)
             ])
           ])) : F("", !0),
-          t.$slots.default ? (y(), E("div", mN, [
+          t.$slots.default ? (y(), E("div", yN, [
             R(t.$slots, "default")
           ])) : F("", !0)
         ])
       ]),
-      t.$slots.actions ? (y(), E("div", vN, [
+      t.$slots.actions ? (y(), E("div", bN, [
         R(t.$slots, "actions")
       ])) : F("", !0)
     ]));
   }
-}), yN = ["id"], bN = {
+}), _N = ["id"], SN = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-1.5"
-}, wN = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], _N = ["id", "role", "aria-labelledby"], SN = /* @__PURE__ */ z({
+}, xN = ["aria-expanded", "aria-controls", "aria-labelledby", "aria-label"], kN = ["id", "role", "aria-labelledby"], CN = /* @__PURE__ */ z({
   __name: "Card",
   props: {
     title: {},
@@ -25961,8 +25998,8 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
             R(g.$slots, "title", {}, () => [
               $e(Q(e.title), 1)
             ])
-          ], 8, yN)) : F("", !0),
-          g.$slots["header-actions"] || e.expandable ? (y(), E("div", bN, [
+          ], 8, _N)) : F("", !0),
+          g.$slots["header-actions"] || e.expandable ? (y(), E("div", SN, [
             R(g.$slots, "header-actions"),
             e.expandable ? (y(), E("button", {
               key: 0,
@@ -25980,7 +26017,7 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
                 class: ee(f(Tn)("size-4 transition-transform duration-[var(--ui-motion-fast)]", !f(c) && "-rotate-90")),
                 "aria-hidden": "true"
               }, null, 8, ["class"])
-            ], 8, wN)) : F("", !0)
+            ], 8, xN)) : F("", !0)
           ])) : F("", !0)
         ], 2)) : F("", !0),
         j(Tu, {
@@ -25997,7 +26034,7 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
               e.loading ? (y(), D(Xm, { key: 0 })) : R(g.$slots, "body", {}, () => [
                 R(g.$slots, "default")
               ], void 0, 1)
-            ], 10, _N)
+            ], 10, kN)
           ]),
           _: 3
         }, 8, ["open"]),
@@ -26011,16 +26048,16 @@ const DR = ["data-ui-data-view", "data-fill"], MR = {
       _: 3
     }, 8, ["data-layout", "aria-busy"]));
   }
-}), xN = /^#([\da-f]{3}|[\da-f]{6})$/i, kN = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
+}), PN = /^#([\da-f]{3}|[\da-f]{6})$/i, AN = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+)(%?))?\s*\)$/i;
 function hl(e) {
   const t = e.trim();
   if (t === "transparent") return [0, 0, 0, 0];
-  const n = xN.exec(t)?.[1];
+  const n = PN.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 = kN.exec(t);
+  const o = AN.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];
@@ -26037,43 +26074,43 @@ function ml(e, t) {
 function Ss([e, t, n, o], r) {
   return [e * (1 - r), t * (1 - r), n * (1 - r), o];
 }
-function CN([e, t, n, o], r) {
+function EN([e, t, n, o], r) {
   return [e + (255 - e) * r, t + (255 - t) * r, n + (255 - n) * r, o];
 }
-function PN([e, t, n]) {
+function $N([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 AN(e, t) {
-  const n = ml(t, [255, 255, 255, 1]), [o, r] = [ml(e, n), n].map(PN).sort((i, a) => a - i);
+function ON(e, t) {
+  const n = ml(t, [255, 255, 255, 1]), [o, r] = [ml(e, n), n].map($N).sort((i, a) => a - i);
   return (o + 0.05) / (r + 0.05);
 }
-const xs = [255, 255, 255, 1], EN = "#1b1f1c", $N = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], ON = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], TN = 0.075, IN = 0.22, RN = 0.55, vl = (e) => hl($i(e));
+const xs = [255, 255, 255, 1], TN = "#1b1f1c", IN = [0.02, 0.04, 0.1, 0.15, 0.2, 0.3, 0.5, 0.7], RN = [0.04, 0.08, 0.16, 0.22, 0.28, 0.36, 0.5, 0.7], NN = 0.075, DN = 0.22, MN = 0.55, vl = (e) => hl($i(e));
 function tf(e, t, n, o, r) {
   for (let i = n; i < 1; i += 0.01) {
     const a = vl(t(e, i));
-    if (AN(...r(a)) >= o) return a;
+    if (ON(...r(a)) >= o) return a;
   }
   return t(e, 1);
 }
-function NN(e, { dark: t = !1 } = {}) {
+function zN(e, { dark: t = !1 } = {}) {
   const n = hl(e);
   if (n[3] !== 1) throw new Error(`An accent must be opaque: "${e}"`);
-  const o = tf(n, Ss, 0, 4.5, (u) => [xs, u]), r = t ? hl(EN) : xs, i = (t ? ON : $N).map((u) => [o[0], o[1], o[2], u]), a = i.map((u) => vl(ml(u, r))), s = (u, d) => tf(o, t ? CN : Ss, d, u, (p) => [p, a[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, IN), s(7, RN)];
-  return { steps: [...a, o, vl(Ss(o, TN)), ...l].map($i), alpha: i.map($i), contrast: $i(xs) };
+  const o = tf(n, Ss, 0, 4.5, (u) => [xs, u]), r = t ? hl(TN) : xs, i = (t ? RN : IN).map((u) => [o[0], o[1], o[2], u]), a = i.map((u) => vl(ml(u, r))), s = (u, d) => tf(o, t ? EN : Ss, d, u, (p) => [p, a[2]]), l = t ? [s(4.5, 0), s(7, 0)] : [s(4.5, DN), s(7, MN)];
+  return { steps: [...a, o, vl(Ss(o, NN)), ...l].map($i), alpha: i.map($i), contrast: $i(xs) };
 }
-function DN(e, t = {}) {
-  const { steps: n, alpha: o, contrast: r } = NN(e, t);
+function FN(e, t = {}) {
+  const { steps: n, alpha: o, contrast: r } = zN(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 MN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "tabindex"], zN = /* @__PURE__ */ z({
+const qN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "data-ui-color-scheme", "tabindex"], LN = /* @__PURE__ */ z({
   __name: "AppRoot",
   props: {
     modalScope: { default: "app" },
@@ -26097,7 +26134,7 @@ const MN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     h && p?.region(h.element), Ue(nv, h);
     const m = { position: "relative", isolation: "isolate", overflow: "hidden" }, v = C(() => ({
       ...d === "app" ? m : {},
-      ...n.accent ? DN(n.accent, { dark: n.colorScheme === "dark" }) : {}
+      ...n.accent ? FN(n.accent, { dark: n.colorScheme === "dark" }) : {}
     }));
     return de(() => n.modalScope, (g) => {
       if (g !== d) throw new Error("AppRoot modal-scope is fixed for the mounted root; remount to change it");
@@ -26136,9 +26173,9 @@ const MN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
         ]),
         _: 3
       }, 8, ["teleport-to"])
-    ], 12, MN));
+    ], 12, qN));
   }
-}), FN = ["src"], ks = /* @__PURE__ */ z({
+}), BN = ["src"], ks = /* @__PURE__ */ z({
   __name: "AppBrand",
   props: {
     name: {},
@@ -26149,7 +26186,7 @@ const MN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
   emits: ["activate"],
   setup(e, { emit: t }) {
     const n = t, o = xn(), r = (i, { slots: a }) => a.default?.();
-    return (i, a) => (y(), D(ht(e.interactive ? "button" : r), ut(mt(e.interactive ? {
+    return (i, a) => (y(), D(ut(e.interactive ? "button" : r), ct(mt(e.interactive ? {
       type: "button",
       "data-ui-brand-action": "",
       "aria-label": f(o)("Go to home"),
@@ -26163,7 +26200,7 @@ const MN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
           alt: "",
           width: "28",
           height: "28"
-        }, null, 8, FN)) : F("", !0),
+        }, null, 8, BN)) : F("", !0),
         e.name ? (y(), E("span", {
           key: 1,
           "data-ui-brand-name": "",
@@ -26174,7 +26211,7 @@ const MN = ["data-ui-presentation", "data-ui-modal-scope", "data-ui-accent", "da
     }, 16));
   }
 }), gl = (e) => Math.round(Math.min(pl, Math.max(fl, e)));
-function qN(e) {
+function VN(e) {
   try {
     const t = JSON.parse(localStorage.getItem(e) ?? "null");
     return t && typeof t == "object" ? t : {};
@@ -26182,8 +26219,8 @@ function qN(e) {
     return {};
   }
 }
-function LN(e) {
-  const t = e ? `${e}:app-sidebar` : void 0, n = t ? qN(t) : {}, o = /* @__PURE__ */ M(typeof n.width == "number" && Number.isFinite(n.width) ? gl(n.width) : SR), r = /* @__PURE__ */ M(n.collapsed === !0);
+function jN(e) {
+  const t = e ? `${e}:app-sidebar` : void 0, n = t ? VN(t) : {}, o = /* @__PURE__ */ M(typeof n.width == "number" && Number.isFinite(n.width) ? gl(n.width) : CR), r = /* @__PURE__ */ M(n.collapsed === !0);
   return t && de([o, r], () => {
     try {
       localStorage.setItem(t, JSON.stringify({ width: o.value, collapsed: r.value }));
@@ -26191,25 +26228,25 @@ function LN(e) {
     }
   }), { width: o, collapsed: r };
 }
-const BN = ["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"], VN = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], jN = {
+const UN = ["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"], WN = ["id", "role", "aria-modal", "aria-label", "aria-hidden", "inert"], KN = {
   key: 0,
   "data-ui-mobile-sidebar-header": ""
-}, UN = {
+}, ZN = {
   key: 0,
   "data-ui-sidebar-brand": ""
-}, WN = { key: 1 }, KN = ["aria-label"], ZN = {
+}, HN = { key: 1 }, GN = ["aria-label"], JN = {
   key: 1,
   "data-ui-sidebar-brand": ""
-}, HN = { "data-ui-sidebar-body": "" }, GN = {
+}, YN = { "data-ui-sidebar-body": "" }, XN = {
   key: 2,
   "data-ui-sidebar-footer": ""
-}, JN = ["aria-label", "title", "aria-expanded", "aria-controls"], YN = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], XN = ["inert"], QN = {
+}, QN = ["aria-label", "title", "aria-expanded", "aria-controls"], eD = ["aria-label", "aria-controls", "aria-valuemin", "aria-valuemax", "aria-valuenow"], tD = ["inert"], nD = {
   key: 0,
   "data-ui-mobile-navigation": ""
-}, eD = ["aria-label", "aria-expanded", "aria-controls"], tD = {
+}, oD = ["aria-label", "aria-expanded", "aria-controls"], rD = {
   key: 1,
   "data-ui-sidebar-brand": ""
-}, nD = { key: 2 }, nf = 16, oD = /* @__PURE__ */ z({
+}, iD = { key: 2 }, nf = 16, aD = /* @__PURE__ */ z({
   __name: "AppLayout",
   props: {
     sidebarWidth: { default: void 0 },
@@ -26243,7 +26280,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     const A = C(() => m.value === "web"), w = C(() => n.navigation === "top" && !v.value);
     Ue(uv, w);
-    const S = LN(n.sidebarStorageKey), k = C(() => A.value && !w.value && S.collapsed.value);
+    const S = jN(n.sidebarStorageKey), k = C(() => A.value && !w.value && S.collapsed.value);
     Ue(lv, k);
     const P = We("main"), O = /* @__PURE__ */ M(0);
     Ue(cv, () => {
@@ -26291,7 +26328,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       p = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null, g.value = !0, ze(() => u.value?.querySelector("[data-ui-close-navigation]")?.focus());
     }
     const Dt = /* @__PURE__ */ M(0), Ct = C(() => v.value && !!s.tabbar && Dt.value > 0);
-    Ue(xR, {
+    Ue(PR, {
       available: C(() => !!s.sidebar),
       open: C(() => g.value),
       id: b,
@@ -26360,8 +26397,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         inert: v.value && !g.value,
         onClick: rt
       }, [
-        v.value ? (y(), E("div", jN, [
-          G.value ? (y(), E("div", UN, [
+        v.value ? (y(), E("div", KN, [
+          G.value ? (y(), E("div", ZN, [
             R(se.$slots, "brand", {}, () => [
               j(ks, {
                 interactive: i(),
@@ -26370,7 +26407,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: B.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : (y(), E("span", WN, Q(f(l)("Application navigation")), 1)),
+          ])) : (y(), E("span", HN, Q(f(l)("Application navigation")), 1)),
           ne("button", {
             "data-ui-close-navigation": "",
             type: "button",
@@ -26381,9 +26418,9 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, KN)
+          ], 8, GN)
         ])) : F("", !0),
-        J.value ? (y(), E("div", ZN, [
+        J.value ? (y(), E("div", JN, [
           R(se.$slots, "brand", {}, () => [
             j(ks, {
               interactive: i(),
@@ -26394,10 +26431,10 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             }, null, 8, ["interactive", "name", "icon", "collapsed"])
           ])
         ])) : F("", !0),
-        ne("div", HN, [
+        ne("div", YN, [
           R(se.$slots, "sidebar")
         ]),
-        W.value ? (y(), E("div", GN, [
+        W.value ? (y(), E("div", XN, [
           R(se.$slots, "sidebar-footer"),
           A.value && !w.value ? (y(), E("button", {
             key: 0,
@@ -26409,11 +26446,11 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "aria-controls": f(b),
             onClick: oe
           }, [
-            (y(), D(ht(k.value ? f(FC) : f(MC)), {
+            (y(), D(ut(k.value ? f(FC) : f(MC)), {
               size: 18,
               "aria-hidden": "true"
             }))
-          ], 8, JN)) : F("", !0)
+          ], 8, QN)) : F("", !0)
         ])) : F("", !0),
         N.value ? (y(), E("div", {
           key: 3,
@@ -26428,14 +26465,14 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           "aria-valuenow": f(S).width.value,
           onKeydown: ae,
           onPointerdown: De
-        }, null, 40, YN)) : F("", !0)
-      ], 8, VN)) : F("", !0),
+        }, null, 40, eD)) : F("", !0)
+      ], 8, WN)) : F("", !0),
       ne("div", {
         "data-ui-layout-main": "",
         class: "flex min-h-0 min-w-0 flex-col bg-[var(--ui-surface)]",
         inert: v.value && g.value
       }, [
-        v.value && se.$slots.sidebar && !(Ct.value && !G.value) ? (y(), E("div", QN, [
+        v.value && se.$slots.sidebar && !(Ct.value && !G.value) ? (y(), E("div", nD, [
           Ct.value ? F("", !0) : (y(), E("button", {
             key: 0,
             ref_key: "menuTrigger",
@@ -26451,8 +26488,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               size: 20,
               "aria-hidden": "true"
             })
-          ], 8, eD)),
-          G.value ? (y(), E("div", tD, [
+          ], 8, oD)),
+          G.value ? (y(), E("div", rD, [
             R(se.$slots, "brand", {}, () => [
               j(ks, {
                 interactive: i(),
@@ -26461,7 +26498,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 icon: B.value.icon
               }, null, 8, ["interactive", "name", "icon"])
             ])
-          ])) : (y(), E("span", nD, Q(f(l)("Application navigation")), 1))
+          ])) : (y(), E("span", iD, Q(f(l)("Application navigation")), 1))
         ])) : F("", !0),
         R(se.$slots, "toolbar"),
         ne("main", {
@@ -26474,10 +26511,10 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         ], 2),
         R(se.$slots, "footer"),
         v.value ? R(se.$slots, "tabbar", {}, void 0, void 0, 1) : F("", !0)
-      ], 8, XN)
-    ], 46, BN));
+      ], 8, tD)
+    ], 46, UN));
   }
-}), rD = /* @__PURE__ */ z({
+}), sD = /* @__PURE__ */ z({
   __name: "ResponsiveView",
   props: {
     mode: { default: "auto" }
@@ -26489,7 +26526,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     });
     return (i, a) => R(i.$slots, r.value);
   }
-}), iD = /* @__PURE__ */ z({
+}), lD = /* @__PURE__ */ z({
   __name: "AppSidebarTip",
   props: {
     label: {},
@@ -26507,20 +26544,20 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       _: 3
     }, 8, ["content"])) : R(t.$slots, "default", {}, void 0, void 0, 1);
   }
-}), aD = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], sD = {
+}), uD = ["data-nav-toggle", "data-nav-item", "disabled", "aria-current", "aria-expanded", "onClick"], cD = {
   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)]"
-}, lD = ["disabled", "aria-current", "onClick"], uD = {
+}, dD = ["disabled", "aria-current", "onClick"], fD = {
   key: 0,
   "data-nav-chevron-spacer": "",
   class: "size-3.5 shrink-0",
   "aria-hidden": "true"
-}, cD = {
+}, pD = {
   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)]"
-}, dD = ["aria-label"], of = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", fD = /* @__PURE__ */ z({
+}, hD = ["aria-label"], of = "min-w-0 flex-1 [overflow-wrap:anywhere] [text-wrap:pretty]", mD = /* @__PURE__ */ z({
   name: "AppSidebarItems",
   __name: "AppSidebarItems",
   props: {
@@ -26542,7 +26579,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       return y(!0), E(xe, null, tt(e.items, (m) => (y(), E(xe, {
         key: m.key
       }, [
-        a(m) ? F("", !0) : (y(), D(iD, {
+        a(m) ? F("", !0) : (y(), D(lD, {
           key: 0,
           label: m.label,
           enabled: !!n.collapsed
@@ -26569,7 +26606,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 class: ee(["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(), D(ht(m.icon), {
+              m.icon ? (y(), D(ut(m.icon), {
                 key: 0,
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
                 "aria-hidden": "true"
@@ -26578,8 +26615,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 "data-nav-label": "",
                 class: ee(n.collapsed ? "sr-only" : of)
               }, Q(m.label), 3),
-              m.badge !== void 0 ? (y(), E("span", sD, Q(m.badge), 1)) : F("", !0)
-            ], 14, aD)) : (y(), E("button", {
+              m.badge !== void 0 ? (y(), E("span", cD, Q(m.badge), 1)) : F("", !0)
+            ], 14, uD)) : (y(), E("button", {
               key: 1,
               type: "button",
               "data-nav-item": "",
@@ -26590,8 +26627,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               style: Le(i(n.depth)),
               onClick: (v) => o("select", m)
             }, [
-              c.value ? (y(), E("span", uD)) : F("", !0),
-              m.icon ? (y(), D(ht(m.icon), {
+              c.value ? (y(), E("span", fD)) : F("", !0),
+              m.icon ? (y(), D(ut(m.icon), {
                 key: 1,
                 class: "size-[var(--ui-icon-size,22px)] shrink-0",
                 "aria-hidden": "true"
@@ -26600,8 +26637,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                 "data-nav-label": "",
                 class: ee(n.collapsed ? "sr-only" : of)
               }, Q(m.label), 3),
-              m.badge !== void 0 ? (y(), E("span", cD, Q(m.badge), 1)) : F("", !0)
-            ], 14, lD))
+              m.badge !== void 0 ? (y(), E("span", pD, Q(m.badge), 1)) : F("", !0)
+            ], 14, dD))
           ]),
           _: 2
         }, 1032, ["label", "enabled"])),
@@ -26621,11 +26658,11 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             onSelect: p[0] || (p[0] = (v) => o("select", v)),
             onToggle: p[1] || (p[1] = (v) => o("toggle", v))
           }, null, 8, ["items", "model-value", "expanded-keys", "depth", "searching", "collapsed"])
-        ], 8, dD)) : F("", !0)
+        ], 8, hD)) : F("", !0)
       ], 64))), 128);
     };
   }
-}), pD = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], hD = { "data-nav-label": "" }, mD = ["disabled", "aria-current", "onClick"], vD = { "data-nav-label": "" }, rf = "size-[var(--ui-icon-size,18px)] shrink-0", af = "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)]", sf = /* @__PURE__ */ z({
+}), vD = ["data-ui-top-nav-more", "data-ui-selected", "data-nav-toggle", "data-nav-item", "data-nav-contains-current", "disabled", "aria-current"], gD = { "data-nav-label": "" }, yD = ["disabled", "aria-current", "onClick"], bD = { "data-nav-label": "" }, rf = "size-[var(--ui-icon-size,18px)] shrink-0", af = "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)]", sf = /* @__PURE__ */ z({
   __name: "AppTopNavItems",
   props: {
     items: {},
@@ -26683,12 +26720,12 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "aria-current": !n.overflow && d.selectable && n.modelValue === d.key ? "page" : void 0,
             class: ee(l(!n.overflow && n.modelValue === d.key || r(d, n.modelValue)))
           }, [
-            d.icon ? (y(), D(ht(d.icon), {
+            d.icon ? (y(), D(ut(d.icon), {
               key: 0,
               class: ee(rf),
               "aria-hidden": "true"
             })) : F("", !0),
-            ne("span", hD, Q(d.label), 1),
+            ne("span", gD, Q(d.label), 1),
             d.badge !== void 0 ? (y(), E("span", {
               key: 1,
               "data-nav-badge": "",
@@ -26699,7 +26736,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
               class: "size-3.5 shrink-0 text-[var(--ui-text-muted)]",
               "aria-hidden": "true"
             })
-          ], 10, pD)
+          ], 10, vD)
         ]),
         _: 2
       }, 1032, ["items", "data-ui-top-nav-overflow-menu", "onSelect"])) : (y(), E("button", {
@@ -26712,21 +26749,21 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
         class: ee(l(n.modelValue === d.key)),
         onClick: (p) => o("select", d)
       }, [
-        d.icon ? (y(), D(ht(d.icon), {
+        d.icon ? (y(), D(ut(d.icon), {
           key: 0,
           class: ee(rf),
           "aria-hidden": "true"
         })) : F("", !0),
-        ne("span", vD, Q(d.label), 1),
+        ne("span", bD, Q(d.label), 1),
         d.badge !== void 0 ? (y(), E("span", {
           key: 1,
           "data-nav-badge": "",
           class: ee(af)
         }, Q(d.badge), 1)) : F("", !0)
-      ], 10, mD))
+      ], 10, yD))
     ], 64))), 128));
   }
-}), gD = ["aria-label"], yD = ["aria-label", "aria-hidden", "inert"], bD = ["data-ui-overflowed", "aria-hidden", "inert"], wD = ["aria-hidden", "inert"], _D = /* @__PURE__ */ z({
+}), wD = ["aria-label"], _D = ["aria-label", "aria-hidden", "inert"], SD = ["data-ui-overflowed", "aria-hidden", "inert"], xD = ["aria-hidden", "inert"], kD = /* @__PURE__ */ z({
   __name: "AppTopNav",
   props: {
     groups: {},
@@ -26811,8 +26848,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "model-value": n.modelValue,
             onSelect: A[0] || (A[0] = (N) => o("select", N))
           }, null, 8, ["items", "model-value"]))
-        ], 12, bD))), 128))
-      ], 14, yD))), 128)),
+        ], 12, SD))), 128))
+      ], 14, _D))), 128)),
       ne("div", {
         ref_key: "more",
         ref: a,
@@ -26829,14 +26866,14 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           overflow: "",
           onSelect: A[1] || (A[1] = (w) => o("select", w))
         }, null, 8, ["items", "model-value"]))
-      ], 12, wD)
-    ], 8, gD));
+      ], 12, xD)
+    ], 8, wD));
   }
-}), SD = ["aria-label", "data-ui-sidebar-collapsed"], xD = ["aria-expanded", "onClick"], kD = {
+}), CD = ["aria-label", "data-ui-sidebar-collapsed"], PD = ["aria-expanded", "onClick"], AD = {
   key: 1,
   "data-nav-group-label": "",
   class: "flex h-6 items-center px-[11px] text-[12px] font-bold text-[var(--ui-text-secondary)]"
-}, CD = /* @__PURE__ */ z({
+}, ED = /* @__PURE__ */ z({
   __name: "AppSidebar",
   props: {
     modelValue: {},
@@ -26899,7 +26936,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
     function w(S) {
       S.disabled || (r("update:modelValue", S.key), r("select", S), b(S.key));
     }
-    return (S, k) => f(a) ? (y(), D(_D, {
+    return (S, k) => f(a) ? (y(), D(kD, {
       key: 0,
       groups: f(o).groups,
       "model-value": f(o).modelValue,
@@ -26939,8 +26976,8 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "aria-hidden": "true"
           }, null, 8, ["class"]),
           $e(" " + Q(P.label), 1)
-        ], 8, xD)) : P.label && !f(i) ? (y(), E("div", kD, Q(P.label), 1)) : F("", !0),
-        h(O) ? (y(), D(fD, {
+        ], 8, PD)) : P.label && !f(i) ? (y(), E("div", AD, Q(P.label), 1)) : F("", !0),
+        h(O) ? (y(), D(mD, {
           key: 2,
           items: N,
           "model-value": f(o).modelValue,
@@ -26952,15 +26989,15 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           onToggle: A
         }, null, 8, ["items", "model-value", "expanded-keys", "searching", "collapsed"])) : F("", !0)
       ], 2))), 128))
-    ], 8, SD));
+    ], 8, CD));
   }
-}), PD = {
+}), $D = {
   key: 0,
   class: "flex shrink-0 items-center gap-1.5"
-}, AD = { class: "min-w-0 flex-1" }, ED = {
+}, OD = { class: "min-w-0 flex-1" }, TD = {
   key: 1,
   class: "ml-auto flex shrink-0 items-center gap-2"
-}, $D = /* @__PURE__ */ z({
+}, ID = /* @__PURE__ */ z({
   __name: "AppToolbar",
   props: {
     height: { default: "var(--ui-toolbar-height)" }
@@ -26972,29 +27009,29 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       style: Le({ minHeight: e.height }),
       "data-syno-pkg-land-ui": ""
     }, [
-      t.$slots.leading ? (y(), E("div", PD, [
+      t.$slots.leading ? (y(), E("div", $D, [
         R(t.$slots, "leading")
       ])) : F("", !0),
-      ne("div", AD, [
+      ne("div", OD, [
         R(t.$slots, "default")
       ]),
-      t.$slots.actions ? (y(), E("div", ED, [
+      t.$slots.actions ? (y(), E("div", TD, [
         R(t.$slots, "actions")
       ])) : F("", !0)
     ], 4));
   }
-}), OD = { class: "min-w-0 flex-auto" }, TD = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, ID = ["title"], RD = {
+}), RD = { class: "min-w-0 flex-auto" }, ND = { class: "flex min-w-0 items-center gap-x-[var(--ui-space-3)]" }, DD = ["title"], MD = {
   key: 0,
   "data-ui-page-header-meta": "",
   class: "flex shrink-0 items-center gap-2 whitespace-nowrap"
-}, ND = {
+}, zD = {
   key: 0,
   class: "mt-1 max-w-3xl [contain:inline-size] text-[13px] leading-5 text-[var(--ui-text-secondary)]"
-}, DD = {
+}, FD = {
   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"
-}, MD = /* @__PURE__ */ z({
+}, qD = /* @__PURE__ */ z({
   __name: "PageHeader",
   props: {
     title: {},
@@ -27007,24 +27044,24 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       class: ee([e.sticky && "sticky top-0 z-[2] bg-[var(--ui-page-header-bg,var(--ui-surface))]", "flex flex-wrap items-start gap-x-[var(--ui-space-6)] gap-y-[var(--ui-space-2)] px-[var(--ui-page-padding-x)] pt-[var(--ui-page-padding-y)] pb-[var(--ui-space-3)]"]),
       "data-syno-pkg-land-ui": ""
     }, [
-      ne("div", OD, [
-        ne("div", TD, [
+      ne("div", RD, [
+        ne("div", ND, [
           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
-          }, Q(e.title), 9, ID),
-          t.$slots.meta ? (y(), E("div", RD, [
+          }, Q(e.title), 9, DD),
+          t.$slots.meta ? (y(), E("div", MD, [
             R(t.$slots, "meta")
           ])) : F("", !0)
         ]),
-        e.description ? (y(), E("p", ND, Q(e.description), 1)) : F("", !0)
+        e.description ? (y(), E("p", zD, Q(e.description), 1)) : F("", !0)
       ]),
-      t.$slots.actions ? (y(), E("div", DD, [
+      t.$slots.actions ? (y(), E("div", FD, [
         R(t.$slots, "actions")
       ])) : F("", !0)
     ], 2));
   }
-}), zD = ["data-width", "data-height", "data-page-surface"], FD = /* @__PURE__ */ z({
+}), LD = ["data-width", "data-height", "data-page-surface"], BD = /* @__PURE__ */ z({
   __name: "PageContent",
   props: {
     width: { default: "fill" },
@@ -27054,13 +27091,13 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       }, [
         R(r.$slots, "default")
       ], 6)
-    ], 14, zD));
+    ], 14, LD));
   }
-}), qD = ["aria-label", "data-overflow-start", "data-overflow-end"], LD = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], BD = {
+}), VD = ["aria-label", "data-overflow-start", "data-overflow-end"], jD = ["disabled", "data-ui-tab-value", "aria-current", "onClick"], UD = {
   key: 0,
   class: "ui-section-tabs-actions",
   "data-ui-section-tabs-actions": ""
-}, VD = ["data-state", "data-ui-swapped"], jD = ["data-ui-swapped"], UD = /* @__PURE__ */ z({
+}, WD = ["data-state", "data-ui-swapped"], KD = ["data-ui-swapped"], ZD = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "SectionTabs",
   props: {
@@ -27082,9 +27119,9 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
       const m = d[h.key], v = Array.from(a.value?.querySelectorAll("[data-ui-tab-value]:not(:disabled)") ?? []), g = v.indexOf(h.target);
       !m || g < 0 || (h.preventDefault(), v[m(g, v.length)]?.focus());
     }
-    return (h, m) => (y(), D(ht(r.fill ? "div" : n), ut(mt(r.fill ? { class: "ui-section-tabs-fill", "data-ui-section-tabs-fill": "", "data-syno-pkg-land-ui": "" } : {})), {
+    return (h, m) => (y(), D(ut(r.fill ? "div" : n), ct(mt(r.fill ? { class: "ui-section-tabs-fill", "data-ui-section-tabs-fill": "", "data-syno-pkg-land-ui": "" } : {})), {
       default: T(() => [
-        (y(), D(ht(h.$slots.actions ? "div" : n), ut(mt(h.$slots.actions ? { class: "ui-section-tabs-row", "data-ui-section-tabs-row": "", "data-syno-pkg-land-ui": "" } : {})), {
+        (y(), D(ut(h.$slots.actions ? "div" : n), ct(mt(h.$slots.actions ? { class: "ui-section-tabs-row", "data-ui-section-tabs-row": "", "data-syno-pkg-land-ui": "" } : {})), {
           default: T(() => [
             ne("nav", le({
               ref_key: "bar",
@@ -27106,14 +27143,14 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
                   r.modelValue === v.value ? "text-[var(--ui-primary)]" : "text-[var(--ui-text)] enabled:hover:bg-[var(--ui-surface-hover)] enabled:hover:text-[var(--ui-text)]"
                 ]),
                 onClick: (g) => i("update:modelValue", v.value)
-              }, Q(v.label), 11, LD))), 128)),
+              }, Q(v.label), 11, jD))), 128)),
               ne("span", {
                 class: "ui-tab-indicator",
                 style: Le(f(s)),
                 "aria-hidden": "true"
               }, null, 4)
-            ], 16, qD),
-            h.$slots.actions ? (y(), E("div", BD, [
+            ], 16, VD),
+            h.$slots.actions ? (y(), E("div", UD, [
               R(h.$slots, "actions")
             ])) : F("", !0)
           ]),
@@ -27130,7 +27167,7 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
             "data-syno-pkg-land-ui": ""
           }, [
             R(h.$slots, `panel-${v.value}`)
-          ], 8, VD)), [
+          ], 8, WD)), [
             [Br, r.modelValue === v.value]
           ]) : F("", !0)
         ], 64))), 128)) : h.$slots[`panel-${r.modelValue}`] ? (y(), E("div", {
@@ -27140,12 +27177,12 @@ const BN = ["data-ui-layout-mode", "data-ui-navigation", "data-ui-layout-height"
           "data-syno-pkg-land-ui": ""
         }, [
           R(h.$slots, `panel-${r.modelValue}`)
-        ], 8, jD)) : F("", !0)
+        ], 8, KD)) : F("", !0)
       ]),
       _: 3
     }, 16));
   }
-}), WD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), KD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
+}), HD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-manager"), GD = /* @__PURE__ */ Symbol("syno-pkg-land-ui:config-provider");
 function ea(e) {
   if (typeof e != "object" || e === null || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
@@ -27157,18 +27194,18 @@ function ta(e, t) {
 function yl(e, t, n) {
   e[t] = n;
 }
-function ZD(e) {
+function JD(e) {
   return Reflect.ownKeys(e).filter((t) => ta(e, t) !== void 0);
 }
 function bl(e, t) {
   const n = { ...e };
-  for (const o of ZD(t)) {
+  for (const o of JD(t)) {
     const r = ta(t, o), i = ta(n, o);
     ea(i) && ea(r) ? yl(n, o, bl(i, r)) : yl(n, o, r);
   }
   return n;
 }
-function HD(e) {
+function YD(e) {
   const t = {};
   for (const n of Reflect.ownKeys(e)) {
     const o = ta(e, n);
@@ -27177,15 +27214,15 @@ function HD(e) {
   return t;
 }
 function fv(e, t, n = {}) {
-  const o = Be(KD, null), r = Be(WD, null);
+  const o = Be(GD, null), r = Be(HD, null);
   return C(() => {
     const i = [n, r?.value?.[e], o?.value?.[e]];
     let a = {};
     for (const s of i) s && (a = bl(a, s));
-    return bl(a, HD(t));
+    return bl(a, YD(t));
   });
 }
-const GD = ["data-layout-direction"], JD = /* @__PURE__ */ z({
+const XD = ["data-layout-direction"], QD = /* @__PURE__ */ z({
   __name: "Form",
   props: {
     rules: {},
@@ -27265,12 +27302,12 @@ const GD = ["data-layout-direction"], JD = /* @__PURE__ */ z({
       "data-ui-form": "",
       "data-layout-direction": c.value,
       "data-syno-pkg-land-ui": "",
-      onSubmit: ft(S, ["prevent"])
+      onSubmit: pt(S, ["prevent"])
     }, [
       R(k.$slots, "default")
-    ], 44, GD));
+    ], 44, XD));
   }
-}), YD = "blur", XD = {
+}), eM = "blur", tM = {
   string: "Value must be a string",
   number: "Value must be a number",
   integer: "Value must be an integer",
@@ -27283,15 +27320,15 @@ const GD = ["data-layout-direction"], JD = /* @__PURE__ */ z({
 function wl(e) {
   return e ? Array.isArray(e) ? [...e] : [e] : [];
 }
-function QD(e, t) {
+function nM(e, t) {
   return e == null ? !0 : t === "array" || Array.isArray(e) ? Array.isArray(e) && e.length === 0 : typeof e == "string" ? e.trim() === "" : !1;
 }
-function eM(e) {
+function oM(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 tM(e, t) {
+function rM(e, t) {
   switch (t) {
     case "string":
       return typeof e == "string";
@@ -27316,13 +27353,13 @@ function tM(e, t) {
       return e instanceof Date && !Number.isNaN(e.getTime());
   }
 }
-function nM(e) {
+function iM(e) {
   return typeof e == "object" && e !== null && typeof e.then == "function";
 }
 function br(e, t) {
   return e instanceof Error ? e.message : typeof e == "string" ? e : t("Value does not match the expected format");
 }
-async function oM(e, t, n) {
+async function aM(e, t, n) {
   const o = e.validator ?? e.asyncValidator;
   if (!o) return null;
   let r = null, i = !1;
@@ -27335,7 +27372,7 @@ async function oM(e, t, n) {
   } catch (l) {
     return i ? r : br(l, n);
   }
-  if (nM(s))
+  if (iM(s))
     try {
       const l = await s;
       i || (r = l === !0 || l === void 0 || l === null ? null : br(l, n));
@@ -27345,35 +27382,35 @@ async function oM(e, t, n) {
   else !i && s !== void 0 && s !== !0 && (r = s === !1 ? e.message ?? n("Value does not match the expected format") : br(s, n));
   return r;
 }
-async function rM(e, t, n) {
+async function sM(e, t, n) {
   const o = e.transform ? e.transform(t) : t;
-  if (QD(o, e.type))
+  if (nM(o, e.type))
     return e.required ? e.message ?? n("Value is required") : null;
-  if (e.type && !tM(o, e.type)) return e.message ?? n(XD[e.type]);
-  const r = eM(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") : oM(e, o, n);
+  if (e.type && !rM(o, e.type)) return e.message ?? n(tM[e.type]);
+  const r = oM(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") : aM(e, o, n);
 }
-function iM(e, t) {
+function lM(e, t) {
   return e.trigger ? Array.isArray(e.trigger) ? e.trigger : [e.trigger] : [t];
 }
-async function aM(e, t, n = {}) {
-  const o = n.defaultTrigger ?? YD, r = n.trigger ?? null, i = n.text ?? ((a, s) => Gh("en", a, s));
+async function uM(e, t, n = {}) {
+  const o = n.defaultTrigger ?? eM, r = n.trigger ?? null, i = n.text ?? ((a, s) => Gh("en", a, s));
   for (const a of wl(t)) {
-    if (r !== null && !iM(a, o).includes(r)) continue;
-    const s = await rM(a, e, i);
+    if (r !== null && !lM(a, o).includes(r)) continue;
+    const s = await sM(a, e, i);
     if (s) return s;
   }
   return null;
 }
-const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"], uM = {
+const cM = ["data-direction", "data-inset", "data-status"], dM = ["id", "for"], fM = {
   key: 0,
   class: "ml-0.5 text-[var(--ui-danger)]",
   "aria-hidden": "true"
-}, cM = { class: "flex items-start gap-2" }, dM = {
+}, pM = { class: "flex items-start gap-2" }, hM = {
   key: 0,
   class: "flex min-h-[var(--ui-control-md)] shrink-0 items-center",
   "data-field-after": ""
-}, fM = ["id"], pM = ["id"], hM = /* @__PURE__ */ z({
+}, mM = ["id"], vM = ["id"], gM = /* @__PURE__ */ z({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -27497,7 +27534,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
       if (!fe.length) return null;
       const Ee = ++x;
       N.value = "validating", i("validating");
-      const Fe = await aM(_.value, fe, {
+      const Fe = await uM(_.value, fe, {
         trigger: Y,
         defaultTrigger: s.value.defaultValidateTrigger,
         text: o
@@ -27637,13 +27674,13 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
           R(Y.$slots, "label", {}, () => [
             $e(Q(f(s).label), 1)
           ]),
-          f(s).requiredMark ? (y(), E("span", uM, "*")) : F("", !0)
-        ], 8, lM)
+          f(s).requiredMark ? (y(), E("span", fM, "*")) : F("", !0)
+        ], 8, dM)
       ], 6)) : F("", !0),
       ne("div", {
         class: ee(["relative min-w-0 flex-1", f(s).disableControl ? "opacity-40" : void 0])
       }, [
-        ne("div", cM, [
+        ne("div", pM, [
           R(Y.$slots, "before"),
           ne("div", {
             class: ee(["min-w-0 flex-1", f(s).textOnly && "py-1 break-words text-[13px] leading-5 text-[var(--ui-text)]"]),
@@ -27652,7 +27689,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
           }, [
             R(Y.$slots, "default", { field: Se })
           ], 6),
-          Y.$slots.after ? (y(), E("div", dM, [
+          Y.$slots.after ? (y(), E("div", hM, [
             R(Y.$slots, "after", { classes: Oe })
           ])) : F("", !0)
         ]),
@@ -27667,7 +27704,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
           R(Y.$slots, "description", {}, () => [
             $e(Q(f(s).description), 1)
           ])
-        ], 10, fM)) : F("", !0),
+        ], 10, mM)) : F("", !0),
         Re.value ? (y(), E("div", {
           key: 1,
           id: h.message,
@@ -27677,9 +27714,9 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
           R(Y.$slots, "status", { field: Se }, () => [
             $e(Q(Re.value), 1)
           ])
-        ], 10, pM)) : F("", !0)
+        ], 10, vM)) : F("", !0)
       ], 2)
-    ], 46, sM));
+    ], 46, cM));
   }
 }), pv = Ql(() => pe({
   key: U(),
@@ -27693,7 +27730,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
   label: U(),
   value: U(),
   disabled: Pe().optional()
-}), mM = _l.extend({
+}), yM = _l.extend({
   description: U().optional()
 }), lf = pe({
   key: U(),
@@ -27702,7 +27739,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
   /** Sets the alignment: DSM keeps every column left; number and date digits get one width. */
   type: Ie(["text", "number", "date", "actions"]).optional(),
   align: Ie(["left", "center", "right"]).optional()
-}), vM = {
+}), bM = {
   AppRoot: {
     props: pe({
       modalScope: Ie(["document", "app"]).optional()
@@ -27847,7 +27884,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
   RadioGroup: {
     props: pe({
       value: U().optional(),
-      options: it(mM),
+      options: it(yM),
       orientation: Ie(["vertical", "horizontal"]).optional(),
       disabled: Pe().optional()
     }),
@@ -27973,7 +28010,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
   DataTable: {
     props: pe({
       columns: it(lf),
-      rows: it(dt(U(), gt())),
+      rows: it(ft(U(), gt())),
       rowKey: U().optional(),
       emptyText: U().optional(),
       compact: Pe().optional(),
@@ -27984,7 +28021,7 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
   ResourceList: {
     props: pe({
       columns: it(lf),
-      rows: it(dt(U(), gt())),
+      rows: it(ft(U(), gt())),
       rowKey: U().optional(),
       emptyText: U().optional(),
       compact: Pe().optional(),
@@ -28032,17 +28069,17 @@ const sM = ["data-direction", "data-inset", "data-status"], lM = ["id", "for"],
     props: pe({ text: U().optional() }),
     description: "Centered loading state for a page or bounded region."
   }
-}, gM = wk(Sk, {
-  components: vM,
+}, wM = wk(Sk, {
+  components: bM,
   actions: {}
-}), yM = {
+}), _M = {
   none: "0",
   xs: "var(--ui-space-1)",
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, bM = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, wM = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function _M(e) {
+}, SM = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, xM = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function kM(e) {
   return { default: () => e };
 }
 function Sl(e) {
@@ -28055,27 +28092,27 @@ function hv(e) {
     children: e.children?.map(hv)
   };
 }
-function SM(e) {
+function CM(e) {
   return e.map((t) => ({ ...t, items: t.items.map(hv) }));
 }
-const xM = {
-  AppRoot: ({ props: e, slots: t }) => ce(zN, { modalScope: e.modalScope }, t),
-  AppShell: ({ props: e, slots: t }) => ce(oD, {
+const PM = {
+  AppRoot: ({ props: e, slots: t }) => ce(LN, { modalScope: e.modalScope }, t),
+  AppShell: ({ props: e, slots: t }) => ce(aD, {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
     wideLayout: e.wideLayout,
     navigation: e.navigation
   }, t),
-  ResponsiveView: ({ props: e, slots: t }) => ce(rD, { mode: e.mode }, t),
-  Page: ({ props: e, slots: t }) => ce(FD, { width: e.width ?? "fill", surface: e.surface }, t),
-  PageHeader: ({ props: e, slots: t }) => ce(MD, e, t),
-  Toolbar: ({ props: e, slots: t }) => ce($D, e, t),
+  ResponsiveView: ({ props: e, slots: t }) => ce(sD, { mode: e.mode }, t),
+  Page: ({ props: e, slots: t }) => ce(BD, { width: e.width ?? "fill", surface: e.surface }, t),
+  PageHeader: ({ props: e, slots: t }) => ce(qD, e, t),
+  Toolbar: ({ props: e, slots: t }) => ce(ID, e, t),
   SidebarNav: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = fn(e.value, t?.value);
-    return ce(CD, {
+    return ce(ED, {
       modelValue: o,
-      groups: SM(e.groups),
+      groups: CM(e.groups),
       searchable: e.searchable,
       collapsible: e.collapsible,
       searchPlaceholder: e.searchPlaceholder,
@@ -28086,7 +28123,7 @@ const xM = {
   },
   Tabs: ({ props: e, bindings: t, emit: n }) => {
     const [o, r] = fn(e.value, t?.value);
-    return ce(UD, {
+    return ce(ZD, {
       modelValue: o ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
@@ -28100,9 +28137,9 @@ const xM = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: yM[e.gap ?? "md"],
-      alignItems: bM[e.align ?? "stretch"],
-      justifyContent: wM[e.justify ?? "start"],
+      gap: _M[e.gap ?? "md"],
+      alignItems: SM[e.align ?? "stretch"],
+      justifyContent: xM[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, t),
@@ -28186,12 +28223,12 @@ const xM = {
       }
     });
   },
-  Form: ({ props: e, slots: t, emit: n }) => ce(JD, {
+  Form: ({ props: e, slots: t, emit: n }) => ce(QD, {
     direction: e.direction,
     fieldWidth: e.fieldWidth,
     onSubmit: () => n("submit")
   }, t),
-  Field: ({ props: e, slots: t }) => ce(hM, {
+  Field: ({ props: e, slots: t }) => ce(gM, {
     label: e.label,
     description: e.description,
     help: e.help,
@@ -28220,7 +28257,7 @@ const xM = {
   Surface: ({ props: e, slots: t }) => ce(Qm, e, t),
   Card: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = fn(e.expanded, t?.expanded);
-    return ce(SN, {
+    return ce(CN, {
       title: e.title,
       layoutType: e.layoutType,
       expandable: e.expandable,
@@ -28231,7 +28268,7 @@ const xM = {
       }
     }, n);
   },
-  Callout: ({ props: e, slots: t, emit: n }) => ce(hR, {
+  Callout: ({ props: e, slots: t, emit: n }) => ce(gR, {
     tone: e.tone,
     variant: e.variant,
     title: e.title,
@@ -28241,13 +28278,13 @@ const xM = {
     fill: e.fill,
     onClose: () => n("close")
   }, t),
-  EmptyState: ({ props: e, slots: t }) => ce(wR, {
+  EmptyState: ({ props: e, slots: t }) => ce(xR, {
     title: e.title,
     description: e.description,
     icon: Sl(e.icon)
   }, t),
   Progress: ({ props: e }) => ce(Ym, e),
-  Badge: ({ props: e }) => ce(vT, { tone: e.tone }, _M(e.text)),
+  Badge: ({ props: e }) => ce(vT, { tone: e.tone }, kM(e.text)),
   Dialog: ({ props: e, bindings: t, slots: n, emit: o }) => {
     const [r, i] = fn(e.open, t?.open);
     return ce(_I, {
@@ -28267,14 +28304,14 @@ const xM = {
     t.toolbar ? ce("div", { class: "mb-3 flex flex-wrap items-center gap-2" }, t.toolbar()) : null,
     ce(ef, e)
   ]),
-  CellText: ({ props: e, emit: t }) => ce(tN, { ...e, onOpen: () => t("open") }),
-  CellStatus: ({ props: e }) => ce(aN, e),
-  ListItem: ({ props: e, slots: t }) => ce(gN, e, t),
+  CellText: ({ props: e, emit: t }) => ce(rN, { ...e, onOpen: () => t("open") }),
+  CellStatus: ({ props: e }) => ce(uN, e),
+  ListItem: ({ props: e, slots: t }) => ce(wN, e, t),
   InputGroup: ({ slots: e }) => ce(GC, null, e),
   Loading: ({ props: e }) => ce(xT, { text: e.text })
-}, { registry: uf } = jk(gM, {
-  components: xM
-}), kM = /* @__PURE__ */ z({
+}, { registry: uf } = jk(wM, {
+  components: PM
+}), AM = /* @__PURE__ */ z({
   __name: "SynoJsonRenderer",
   props: {
     spec: {},
@@ -28318,18 +28355,18 @@ function Oi(e) {
   return t.overflowX && t.overflowX !== "visible" ? t.overflowX : t.overflow.split(" ")[0] || "visible";
 }
 const mv = (e) => e.closest("[data-jr-key]")?.getAttribute("data-jr-key") ?? void 0;
-function CM(e, t) {
+function EM(e, t) {
   for (let n = e.parentElement; n && t.contains(n); n = n.parentElement)
     if (Oi(n) !== "visible") return n;
 }
-function PM(e, t, n) {
+function $M(e, t, n) {
   if (e.closest("[inert]")) return;
   const o = e.getBoundingClientRect();
   if (o.width <= 1) return;
   const r = Oi(e);
   if ((r === "hidden" || r === "clip") && e.scrollWidth > e.clientWidth + 1 && getComputedStyle(e).textOverflow !== "ellipsis")
     return { kind: "clipped_content", detail: `content is ${e.scrollWidth - e.clientWidth}px wider than its box and is cut off` };
-  const i = CM(e, t);
+  const i = EM(e, t);
   if (i) {
     if (Oi(i) === "auto" || Oi(i) === "scroll") return;
     const s = i.getBoundingClientRect(), l = Math.max(o.right - s.right, s.left - o.left), c = mv(i);
@@ -28338,25 +28375,25 @@ function PM(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 AM(e, t) {
-  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: PM(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 OM(e, t) {
+  const n = [...e.querySelectorAll("*")].map((i) => ({ element: i, finding: $M(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 = mv(i), l = `${a.kind}:${s ?? ""}`;
     r.has(l) || r.set(l, { ...a, key: s });
   }
   return [...r.values()];
 }
-function EM(e, t) {
+function TM(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 $M = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
-async function OM() {
+const IM = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+async function RM() {
   const e = await (await fetch("/config.json")).json();
   Hx();
-  const t = document.getElementById("app"), n = ({ key: o }) => EM(e.messages ?? {}, String(o));
+  const t = document.getElementById("app"), n = ({ key: o }) => TM(e.messages ?? {}, String(o));
   return Ny({
-    render: () => ce(kM, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
-  }).mount(t), await ze(), await document.fonts.ready, await $M(), { issues: () => AM(t, innerWidth) };
+    render: () => ce(AM, { spec: e.spec, state: { ...e.spec.state, ...e.state }, functions: { t: n } })
+  }).mount(t), await ze(), await document.fonts.ready, await IM(), { issues: () => OM(t, innerWidth) };
 }
-window.synoPreview = OM();
+window.synoPreview = RM();