@synopackageland/ui 0.13.0 → 0.13.2

package/dist/json.js

@@ -5,9 +5,9 @@ import { createStateStore as $t, defineCatalog as jt } from "@json-render/core";
 import { defineRegistry as M, useBoundProp as b, JSONUIProvider as W, Renderer as B } from "@json-render/vue";
 import { ActionProvider as Ot, JSONUIProvider as At, Renderer as Pt, StateProvider as kt, ValidationProvider as Ct, VisibilityProvider as It, defineRegistry as Rt, useActions as Kt, useBoundProp as Lt, useStateStore as Dt } from "@json-render/vue";
 import { schema as H } from "@json-render/vue/schema";
-import { schema as Tt } from "@json-render/vue/schema";
+import { schema as Nt } from "@json-render/vue/schema";
 import { h as d, defineComponent as G, openBlock as X, createBlock as Y, unref as j, withCtx as Q, createVNode as Z } from "vue";
-import { LoadingArea as ee, InputGroup as te, ListItem as oe, CellStatus as ne, CellText as ie, DataTable as K, Dialog as se, Badge as ae, Progress as re, EmptyState as le, Callout as ce, Card as de, Surface as pe, SettingsRow as ue, SettingsSection as me, FormItem as he, Form as fe, RadioGroup as ge, Switch as be, Checkbox as ye, Select as we, Input as ve, Button as Se, SectionTabs as $e, AppSidebar as je, AppToolbar as xe, PageHeader as Oe, PageContent as Ae, ResponsiveView as Pe, AppLayout as ke, AppRoot as Ce, getRegisteredIcon as Ie } from "./index.js";
+import { LoadingArea as ee, InputGroup as te, ListItem as oe, CellStatus as ne, CellText as ie, DataTable as K, Dialog as ae, Badge as se, Progress as re, EmptyState as le, Callout as ce, Card as de, Surface as pe, SettingsRow as ue, SettingsSection as me, FormItem as he, Form as fe, RadioGroup as ge, Switch as be, Checkbox as ye, Select as we, Input as ve, Button as Se, SectionTabs as $e, AppSidebar as je, AppToolbar as xe, PageHeader as Oe, PageContent as Ae, ResponsiveView as Pe, AppLayout as ke, AppRoot as Ce, getRegisteredIcon as Ie } from "./index.js";
 const J = t.lazy(() => t.object({
   key: t.string(),
   label: t.string(),
@@ -42,10 +42,11 @@ const J = t.lazy(() => t.object({
       sidebarWidth: t.string().optional(),
       minHeight: t.string().optional(),
       responsive: t.boolean().optional(),
-      wideLayout: t.enum(["window", "web"]).optional()
+      wideLayout: t.enum(["window", "web"]).optional(),
+      navigation: t.enum(["sidebar", "top"]).optional()
     }),
     slots: ["default", "sidebar", "toolbar", "footer"],
-    description: 'DSM application interior with optional sidebar, toolbar, main content and footer regions. Set wideLayout "web" only for a standalone Portal page; DSM windows keep the default "window" at every width.'
+    description: `DSM application interior with optional sidebar, toolbar, main content and footer regions. Set wideLayout "web" only for a standalone Portal page; DSM windows keep the default "window" at every width. navigation "top" shows the sidebar slot's SidebarNav as one bar above the page (phones keep the drawer).`
   },
   ResponsiveView: {
     props: t.object({ mode: t.enum(["auto", "mobile", "window", "web"]).optional() }),
@@ -380,8 +381,8 @@ const De = {
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, Ue = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, Te = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function Ee(e) {
+}, Ue = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, Ne = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function Te(e) {
   return { default: () => e };
 }
 function C(e) {
@@ -394,7 +395,7 @@ function _(e) {
     children: e.children?.map(_)
   };
 }
-function Ne(e) {
+function Ee(e) {
   return e.map((o) => ({ ...o, items: o.items.map(_) }));
 }
 const Je = {
@@ -403,33 +404,34 @@ const Je = {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
-    wideLayout: e.wideLayout
+    wideLayout: e.wideLayout,
+    navigation: e.navigation
   }, o),
   ResponsiveView: ({ props: e, slots: o }) => d(Pe, { mode: e.mode }, o),
   Page: ({ props: e, slots: o }) => d(Ae, { width: e.width ?? "fill", surface: e.surface }, o),
   PageHeader: ({ props: e, slots: o }) => d(Oe, e, o),
   Toolbar: ({ props: e, slots: o }) => d(xe, e, o),
   SidebarNav: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.value, o?.value);
+    const [a, i] = b(e.value, o?.value);
     return d(je, {
-      modelValue: s,
-      groups: Ne(e.groups),
+      modelValue: a,
+      groups: Ee(e.groups),
       searchable: e.searchable,
       collapsible: e.collapsible,
       searchPlaceholder: e.searchPlaceholder,
-      "onUpdate:modelValue": (a) => {
-        i(a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(s), n("change");
       }
     });
   },
   Tabs: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.value, o?.value);
+    const [a, i] = b(e.value, o?.value);
     return d($e, {
-      modelValue: s ?? "",
+      modelValue: a ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
-      "onUpdate:modelValue": (a) => {
-        i(a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(s), n("change");
       }
     });
   },
@@ -440,7 +442,7 @@ const Je = {
       flexDirection: e.direction ?? "column",
       gap: De[e.gap ?? "md"],
       alignItems: Ue[e.align ?? "stretch"],
-      justifyContent: Te[e.justify ?? "start"],
+      justifyContent: Ne[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, o),
@@ -461,9 +463,9 @@ const Je = {
     });
   },
   Input: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.value, o?.value);
+    const [a, i] = b(e.value, o?.value);
     return d(ve, {
-      modelValue: s,
+      modelValue: a,
       type: e.type,
       placeholder: e.placeholder,
       disabled: e.disabled,
@@ -471,56 +473,56 @@ const Je = {
       invalid: e.invalid,
       size: e.size,
       ariaLabel: e.ariaLabel,
-      "onUpdate:modelValue": (a) => {
-        i(e.type === "number" && a !== "" ? Number(a) : a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(e.type === "number" && s !== "" ? Number(s) : s), n("change");
       }
     });
   },
   Select: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.value, o?.value);
+    const [a, i] = b(e.value, o?.value);
     return d(we, {
-      modelValue: s,
+      modelValue: a,
       options: e.options,
       placeholder: e.placeholder,
       disabled: e.disabled,
       search: e.search,
-      "onUpdate:modelValue": (a) => {
-        i(a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(s), n("change");
       }
     });
   },
   Checkbox: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.checked, o?.checked);
+    const [a, i] = b(e.checked, o?.checked);
     return d(ye, {
-      modelValue: s ?? !1,
+      modelValue: a ?? !1,
       label: e.label,
       description: e.description,
       disabled: e.disabled,
-      "onUpdate:modelValue": (a) => {
-        i(a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(s), n("change");
       }
     });
   },
   Switch: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.checked, o?.checked);
+    const [a, i] = b(e.checked, o?.checked);
     return d(be, {
-      modelValue: s ?? !1,
+      modelValue: a ?? !1,
       label: e.label,
       disabled: e.disabled,
-      "onUpdate:modelValue": (a) => {
-        i(a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(s), n("change");
       }
     });
   },
   RadioGroup: ({ props: e, bindings: o, emit: n }) => {
-    const [s, i] = b(e.value, o?.value);
+    const [a, i] = b(e.value, o?.value);
     return d(ge, {
-      modelValue: s,
+      modelValue: a,
       options: e.options,
       orientation: e.orientation,
       disabled: e.disabled,
-      "onUpdate:modelValue": (a) => {
-        i(a), n("change");
+      "onUpdate:modelValue": (s) => {
+        i(s), n("change");
       }
     });
   },
@@ -537,14 +539,14 @@ const Je = {
     fieldWidth: e.fieldWidth,
     direction: e.direction
   }, o),
-  SettingsSection: ({ props: e, bindings: o, slots: n, emit: s }) => {
-    const [i, a] = b(e.open, o?.open);
+  SettingsSection: ({ props: e, bindings: o, slots: n, emit: a }) => {
+    const [i, s] = b(e.open, o?.open);
     return d(me, {
       title: e.title,
       collapsible: e.collapsible,
       open: i,
       "onUpdate:open": (r) => {
-        a(r), s("openChange");
+        s(r), a("openChange");
       }
     }, n);
   },
@@ -556,8 +558,8 @@ const Je = {
     align: e.align
   }, o),
   Surface: ({ props: e, slots: o }) => d(pe, e, o),
-  Card: ({ props: e, bindings: o, slots: n, emit: s }) => {
-    const [i, a] = b(e.expanded, o?.expanded);
+  Card: ({ props: e, bindings: o, slots: n, emit: a }) => {
+    const [i, s] = b(e.expanded, o?.expanded);
     return d(de, {
       title: e.title,
       layoutType: e.layoutType,
@@ -565,7 +567,7 @@ const Je = {
       expanded: i,
       footerAlign: e.footerAlign,
       "onUpdate:expanded": (r) => {
-        a(r), s("expandedChange");
+        s(r), a("expandedChange");
       }
     }, n);
   },
@@ -582,10 +584,10 @@ const Je = {
     icon: C(e.icon)
   }, o),
   Progress: ({ props: e }) => d(re, e),
-  Badge: ({ props: e }) => d(ae, { tone: e.tone }, Ee(e.text)),
-  Dialog: ({ props: e, bindings: o, slots: n, emit: s }) => {
-    const [i, a] = b(e.open, o?.open);
-    return d(se, {
+  Badge: ({ props: e }) => d(se, { tone: e.tone }, Te(e.text)),
+  Dialog: ({ props: e, bindings: o, slots: n, emit: a }) => {
+    const [i, s] = b(e.open, o?.open);
+    return d(ae, {
       open: i ?? !1,
       title: e.title,
       description: e.description,
@@ -593,7 +595,7 @@ const Je = {
       width: e.width,
       showClose: e.showClose,
       "onUpdate:open": (r) => {
-        a(r), s("openChange");
+        s(r), a("openChange");
       }
     }, n);
   },
@@ -649,28 +651,28 @@ const Je = {
   }
 }), Ve = ["label", "title", "description", "text", "placeholder", "emptyText", "help", "ariaLabel", "valueLabel", "searchPlaceholder"];
 function z(e, o = "") {
-  return Array.isArray(e) ? e : Object.entries(e).flatMap(([n, s]) => m(s) ? z(s, `${o}${n}.`) : [`${o}${n}`]);
+  return Array.isArray(e) ? e : Object.entries(e).flatMap(([n, a]) => m(a) ? z(a, `${o}${n}.`) : [`${o}${n}`]);
 }
 const m = (e) => typeof e == "object" && e !== null && !Array.isArray(e), u = (...e) => e.map((o) => "/" + String(o).replaceAll("~", "~0").replaceAll("/", "~1")).join("");
 function _e(e, o) {
-  const n = Array.from({ length: o.length + 1 }, (s, i) => i);
-  for (let s = 1; s <= e.length; s++) {
+  const n = Array.from({ length: o.length + 1 }, (a, i) => i);
+  for (let a = 1; a <= e.length; a++) {
     let i = n[0];
-    n[0] = s;
-    for (let a = 1; a <= o.length; a++) {
-      const r = n[a];
-      n[a] = Math.min(n[a] + 1, n[a - 1] + 1, i + (e[s - 1].toLowerCase() === o[a - 1].toLowerCase() ? 0 : 1)), i = r;
+    n[0] = a;
+    for (let s = 1; s <= o.length; s++) {
+      const r = n[s];
+      n[s] = Math.min(n[s] + 1, n[s - 1] + 1, i + (e[a - 1].toLowerCase() === o[s - 1].toLowerCase() ? 0 : 1)), i = r;
     }
   }
   return n[o.length];
 }
 function y(e, o) {
-  let n, s = 1 / 0;
+  let n, a = 1 / 0;
   for (const i of o) {
-    const a = _e(e, i);
-    a < s && ([n, s] = [i, a]);
+    const s = _e(e, i);
+    s < a && ([n, a] = [i, s]);
   }
-  return n !== void 0 && s <= Math.max(2, Math.floor(e.length / 3)) ? n : void 0;
+  return n !== void 0 && a <= Math.max(2, Math.floor(e.length / 3)) ? n : void 0;
 }
 const ze = ["$state", "$item", "$index", "$bindState", "$bindItem", "$cond", "$computed", "$template"], qe = (e) => m(e) && ze.some((o) => Object.hasOwn(e, o)), I = (e) => qe(e) || (Array.isArray(e) ? e.some(I) : m(e) && Object.values(e).some(I));
 function P(e) {
@@ -694,22 +696,22 @@ class Me {
   }
 }
 function mt(e, o = {}) {
-  const n = o.catalog ?? A, s = n.data.components, i = new Me();
+  const n = o.catalog ?? A, a = n.data.components, i = new Me();
   if (!m(e))
-    return i.error({ code: "invalid_spec", path: "", message: "A spec must be a JSON object.", hint: 'Return {"root": "<key>", "elements": {...}, "state": {...}}.' }), T(i);
-  const a = m(e.elements) ? e.elements : void 0;
-  a || i.error({ code: "invalid_elements", path: "/elements", message: '"elements" must be an object keyed by element id.', hint: 'Use a flat map: {"elements": {"root": {"type": "AppRoot", "props": {}, "children": []}}}.' });
-  const r = Object.keys(a ?? {});
-  typeof e.root != "string" || e.root === "" ? i.error({ code: "missing_root", path: "/root", message: '"root" must name the top element.', hint: r.length ? v('Set "root" to one of', r) : 'Add "root" and the element it names.' }) : a && !Object.hasOwn(a, e.root) && i.error({ code: "root_not_found", path: "/root", message: `Root "${e.root}" is not in "elements".`, hint: v("Existing element keys", r) });
-  for (const [p, f] of Object.entries(a ?? {})) {
+    return i.error({ code: "invalid_spec", path: "", message: "A spec must be a JSON object.", hint: 'Return {"root": "<key>", "elements": {...}, "state": {...}}.' }), N(i);
+  const s = m(e.elements) ? e.elements : void 0;
+  s || i.error({ code: "invalid_elements", path: "/elements", message: '"elements" must be an object keyed by element id.', hint: 'Use a flat map: {"elements": {"root": {"type": "AppRoot", "props": {}, "children": []}}}.' });
+  const r = Object.keys(s ?? {});
+  typeof e.root != "string" || e.root === "" ? i.error({ code: "missing_root", path: "/root", message: '"root" must name the top element.', hint: r.length ? v('Set "root" to one of', r) : 'Add "root" and the element it names.' }) : s && !Object.hasOwn(s, e.root) && i.error({ code: "root_not_found", path: "/root", message: `Root "${e.root}" is not in "elements".`, hint: v("Existing element keys", r) });
+  for (const [p, f] of Object.entries(s ?? {})) {
     const w = (...g) => u("elements", p, ...g);
     if (!m(f)) {
       i.error({ code: "invalid_element", path: w(), elementKey: p, message: 'An element must be an object with "type", "props" and "children".' });
       continue;
     }
     const h = f.type;
-    if (typeof h != "string" || !Object.hasOwn(s, h)) {
-      const g = typeof h == "string" ? y(h, Object.keys(s)) : void 0;
+    if (typeof h != "string" || !Object.hasOwn(a, h)) {
+      const g = typeof h == "string" ? y(h, Object.keys(a)) : void 0;
       i.error({
         code: "unknown_component",
         path: w("type"),
@@ -719,11 +721,11 @@ function mt(e, o = {}) {
       });
       continue;
     }
-    We(i, p, h, s[h], f.props), Be(i, p, h, s[h], f, a);
+    We(i, p, h, a[h], f.props), Be(i, p, h, a[h], f, s);
   }
   const c = o.messages && z(o.messages), l = {
     issues: i,
-    components: s,
+    components: a,
     actions: [
       ...(n.schema?.builtInActions ?? []).map((p) => p.name),
       ...Object.keys(n.data.actions ?? {}),
@@ -734,15 +736,15 @@ function mt(e, o = {}) {
     functions: o.functions || c ? [...o.functions ?? [], ...c ? ["t"] : []] : void 0,
     messageKeys: c
   };
-  return a && typeof e.root == "string" && Object.hasOwn(a, e.root) && He(l, e.root, a), T(i);
+  return s && typeof e.root == "string" && Object.hasOwn(s, e.root) && He(l, e.root, s), N(i);
 }
-function We(e, o, n, s, i) {
-  const a = (...l) => u("elements", o, "props", ...l);
+function We(e, o, n, a, i) {
+  const s = (...l) => u("elements", o, "props", ...l);
   if (!m(i)) {
-    e.error({ code: "invalid_props", path: a(), elementKey: o, message: '"props" must be an object.', hint: 'Use "props": {} when the component needs none.' });
+    e.error({ code: "invalid_props", path: s(), elementKey: o, message: '"props" must be an object.', hint: 'Use "props": {} when the component needs none.' });
     return;
   }
-  const r = P(s);
+  const r = P(a);
   if (!r) return;
   const c = Object.keys(r);
   for (const [l, p] of Object.entries(i)) {
@@ -751,7 +753,7 @@ function We(e, o, n, s, i) {
       const h = y(l, c);
       e.error({
         code: "unknown_prop",
-        path: a(l),
+        path: s(l),
         elementKey: o,
         message: `${n} has no prop "${l}".`,
         hint: h ? `Did you mean "${h}"? Run "syno-pkg-land-ui describe ${n}".` : v(`${n} props`, c)
@@ -764,28 +766,28 @@ function We(e, o, n, s, i) {
       for (const h of w.error.issues)
         e.error({
           code: "invalid_prop",
-          path: a(l, ...h.path.map((g) => String(g))),
+          path: s(l, ...h.path.map((g) => String(g))),
           elementKey: o,
           message: `${n}.${l}: ${h.message}`,
           hint: Fe(h)
         });
   }
   for (const l of c)
-    !Object.hasOwn(i, l) && !R(r[l]) && e.error({ code: "missing_prop", path: a(l), elementKey: o, message: `${n} requires prop "${l}".`, hint: `Run "syno-pkg-land-ui describe ${n}" for its type.` });
+    !Object.hasOwn(i, l) && !R(r[l]) && e.error({ code: "missing_prop", path: s(l), elementKey: o, message: `${n} requires prop "${l}".`, hint: `Run "syno-pkg-land-ui describe ${n}" for its type.` });
 }
 function q(e, o) {
   const n = [];
-  if (Array.isArray(o.children) && o.children.forEach((s, i) => {
-    typeof s == "string" && n.push({ child: s, path: u("elements", e, "children", i) });
+  if (Array.isArray(o.children) && o.children.forEach((a, i) => {
+    typeof a == "string" && n.push({ child: a, path: u("elements", e, "children", i) });
   }), m(o.slots))
-    for (const [s, i] of Object.entries(o.slots))
-      Array.isArray(i) && i.forEach((a, r) => {
-        typeof a == "string" && n.push({ child: a, path: u("elements", e, "slots", s, r) });
+    for (const [a, i] of Object.entries(o.slots))
+      Array.isArray(i) && i.forEach((s, r) => {
+        typeof s == "string" && n.push({ child: s, path: u("elements", e, "slots", a, r) });
       });
   return n;
 }
-function Be(e, o, n, s, i, a) {
-  const r = s.slots ?? [], { children: c } = i;
+function Be(e, o, n, a, i, s) {
+  const r = a.slots ?? [], { children: c } = i;
   if (c !== void 0 && !(Array.isArray(c) && c.every((l) => typeof l == "string")) ? e.error({ code: "invalid_children", path: u("elements", o, "children"), elementKey: o, message: '"children" must be an array of element keys.' }) : c?.length && !r.includes("default") && e.error({
     code: "children_not_allowed",
     path: u("elements", o, "children"),
@@ -810,8 +812,8 @@ function Be(e, o, n, s, i, a) {
           });
         }
   for (const l of q(o, i))
-    if (!Object.hasOwn(a, l.child)) {
-      const p = y(l.child, Object.keys(a));
+    if (!Object.hasOwn(s, l.child)) {
+      const p = y(l.child, Object.keys(s));
       e.error({
         code: "missing_child",
         path: l.path,
@@ -822,42 +824,42 @@ function Be(e, o, n, s, i, a) {
     }
 }
 function He(e, o, n) {
-  const { issues: s } = e, i = /* @__PURE__ */ new Set(), a = (r, c, l, p) => {
+  const { issues: a } = e, i = /* @__PURE__ */ new Set(), s = (r, c, l, p) => {
     const f = n[r];
     if (!m(f)) return;
     i.add(r);
     const w = m(f.repeat);
     Qe(e, r, f, p || w);
     const h = f.type === "AppRoot";
-    h && l && s.error({ code: "nested_app_root", path: u("elements", r), elementKey: r, message: "AppRoot cannot be nested inside another AppRoot.", hint: "Use a single AppRoot at the top of the spec." });
+    h && l && a.error({ code: "nested_app_root", path: u("elements", r), elementKey: r, message: "AppRoot cannot be nested inside another AppRoot.", hint: "Use a single AppRoot at the top of the spec." });
     for (const g of q(r, f))
       if (Object.hasOwn(n, g.child)) {
         if (c.includes(g.child)) {
-          s.error({ code: "cycle", path: g.path, elementKey: r, message: `"${g.child}" is its own ancestor.`, hint: "Element references must form a tree." });
+          a.error({ code: "cycle", path: g.path, elementKey: r, message: `"${g.child}" is its own ancestor.`, hint: "Element references must form a tree." });
           continue;
         }
-        a(g.child, [...c, g.child], l || h, p || w);
+        s(g.child, [...c, g.child], l || h, p || w);
       }
   };
-  a(o, [o], !1, !1);
+  s(o, [o], !1, !1);
   for (const r of Object.keys(n))
-    i.has(r) || s.warn({ code: "orphaned_element", path: u("elements", r), elementKey: r, message: `"${r}" is not reachable from the root.`, hint: "Reference it from a parent or delete it." });
+    i.has(r) || a.warn({ code: "orphaned_element", path: u("elements", r), elementKey: r, message: `"${r}" is not reachable from the root.`, hint: "Reference it from a parent or delete it." });
 }
 function Ge(e, o) {
   let n = e;
-  for (const s of o.split("/").slice(1)) {
-    const i = s.replaceAll("~1", "/").replaceAll("~0", "~");
+  for (const a of o.split("/").slice(1)) {
+    const i = a.replaceAll("~1", "/").replaceAll("~0", "~");
     if (Array.isArray(n) && /^\d+$/.test(i)) n = n[Number(i)];
     else if (m(n) && Object.hasOwn(n, i)) n = n[i];
     else return { found: !1 };
   }
   return { found: !0, value: n };
 }
-function S(e, o, n, s, { mustExist: i }) {
+function S(e, o, n, a, { mustExist: i }) {
   if (typeof n != "string" || !n.startsWith("/")) {
     e.issues.error({
       code: "invalid_state_path",
-      path: s,
+      path: a,
       elementKey: o,
       message: `State paths are JSON Pointers; got ${JSON.stringify(n)}.`,
       hint: typeof n == "string" ? `Use "/${n.replace(/^\.?\/?/, "").replaceAll(".", "/")}".` : 'Use a string such as "/settings/enabled".'
@@ -866,42 +868,42 @@ function S(e, o, n, s, { mustExist: i }) {
   }
   i && !Ge(e.state, n).found && e.issues.warn({
     code: "state_path_missing",
-    path: s,
+    path: a,
     elementKey: o,
     message: `State "${n}" has no initial value.`,
     hint: `Seed it in the spec's "state", or pass the host state with --state, so the first render has a value.`
   });
 }
-function $(e, o, n, s, i) {
+function $(e, o, n, a, i) {
   if (Array.isArray(n)) {
-    n.forEach((a, r) => $(e, o, a, s + u(r), i));
+    n.forEach((s, r) => $(e, o, s, a + u(r), i));
     return;
   }
   if (m(n)) {
-    for (const a of ["$state", "$bindState"])
-      Object.hasOwn(n, a) && S(e, o, n[a], s + u(a), { mustExist: !0 });
-    for (const a of ["$item", "$bindItem", "$index"])
-      Object.hasOwn(n, a) && !i && e.issues.error({
+    for (const s of ["$state", "$bindState"])
+      Object.hasOwn(n, s) && S(e, o, n[s], a + u(s), { mustExist: !0 });
+    for (const s of ["$item", "$bindItem", "$index"])
+      Object.hasOwn(n, s) && !i && e.issues.error({
         code: "item_outside_repeat",
-        path: s + u(a),
+        path: a + u(s),
         elementKey: o,
-        message: `${a} only works inside an element with "repeat" or its descendants.`,
+        message: `${s} only works inside an element with "repeat" or its descendants.`,
         hint: 'Add "repeat": {"statePath": "/list"} to an ancestor, or read the value with $state.'
       });
     if (typeof n.$template == "string")
-      for (const a of n.$template.matchAll(/\$\{([^}]*)\}/g))
-        S(e, o, a[1], s + u("$template"), { mustExist: !0 });
-    typeof n.$computed == "string" && Xe(e, o, n, s);
-    for (const [a, r] of Object.entries(n))
-      ["$state", "$bindState", "$item", "$bindItem", "$index", "$template"].includes(a) || $(e, o, r, s + u(a), i);
+      for (const s of n.$template.matchAll(/\$\{([^}]*)\}/g))
+        S(e, o, s[1], a + u("$template"), { mustExist: !0 });
+    typeof n.$computed == "string" && Xe(e, o, n, a);
+    for (const [s, r] of Object.entries(n))
+      ["$state", "$bindState", "$item", "$bindItem", "$index", "$template"].includes(s) || $(e, o, r, a + u(s), i);
   }
 }
-function Xe(e, o, n, s) {
+function Xe(e, o, n, a) {
   const i = n.$computed;
   if (!e.functions)
     e.issues.warn({
       code: "unverified_function",
-      path: s + u("$computed"),
+      path: a + u("$computed"),
       elementKey: o,
       message: `$computed "${i}" must be registered by the host.`,
       hint: `Pass the host function names with --functions ${i} to verify it.`
@@ -910,29 +912,29 @@ function Xe(e, o, n, s) {
     const r = y(i, e.functions);
     e.issues.error({
       code: "unknown_function",
-      path: s + u("$computed"),
+      path: a + u("$computed"),
       elementKey: o,
       message: `$computed "${i}" is not a host function.`,
       hint: `${r ? `Did you mean "${r}"? ` : ""}${v("Host functions", e.functions)}`
     });
   }
   if (i !== "t" || !e.messageKeys) return;
-  const a = m(n.args) ? n.args.key : void 0;
-  if (typeof a != "string" || !e.messageKeys.includes(a)) {
-    const r = typeof a == "string" ? y(a, e.messageKeys) : void 0;
+  const s = m(n.args) ? n.args.key : void 0;
+  if (typeof s != "string" || !e.messageKeys.includes(s)) {
+    const r = typeof s == "string" ? y(s, e.messageKeys) : void 0;
     e.issues.error({
       code: "missing_i18n_key",
-      path: s + u("args", "key"),
+      path: a + u("args", "key"),
       elementKey: o,
-      message: `Message key ${JSON.stringify(a)} is not in the message catalog.`,
+      message: `Message key ${JSON.stringify(s)} is not in the message catalog.`,
       hint: r ? `Did you mean "${r}"? Otherwise add the key to every locale.` : "Add the key to every locale, or use an existing key."
     });
   }
 }
 const Ye = ["statePath", "clearStatePath"];
-function Qe(e, o, n, s) {
+function Qe(e, o, n, a) {
   const i = (...c) => u("elements", o, ...c);
-  if ($(e, o, n.props, i("props"), s), e.messageKeys && m(n.props))
+  if ($(e, o, n.props, i("props"), a), e.messageKeys && m(n.props))
     for (const c of Ve) {
       const l = n.props[c];
       typeof l == "string" && l.trim() && e.issues.warn({
@@ -943,8 +945,8 @@ function Qe(e, o, n, s) {
         hint: 'Use {"$computed": "t", "args": {"key": "<message key>"}}.'
       });
     }
-  n.visible !== void 0 && $(e, o, n.visible, i("visible"), s), m(n.repeat) && S(e, o, n.repeat.statePath, i("repeat", "statePath"), { mustExist: !0 });
-  const a = typeof n.type == "string" ? n.type : "", r = e.components[a]?.events ?? [];
+  n.visible !== void 0 && $(e, o, n.visible, i("visible"), a), m(n.repeat) && S(e, o, n.repeat.statePath, i("repeat", "statePath"), { mustExist: !0 });
+  const s = typeof n.type == "string" ? n.type : "", r = e.components[s]?.events ?? [];
   if (m(n.on))
     for (const [c, l] of Object.entries(n.on)) {
       if (!r.includes(c)) {
@@ -953,19 +955,19 @@ function Qe(e, o, n, s) {
           code: "unknown_event",
           path: i("on", c),
           elementKey: o,
-          message: `${a} does not emit "${c}".`,
-          hint: p ? `Did you mean "${p}"?` : r.length ? v(`${a} events`, r) : `${a} emits no events.`
+          message: `${s} does not emit "${c}".`,
+          hint: p ? `Did you mean "${p}"?` : r.length ? v(`${s} events`, r) : `${s} emits no events.`
         });
       }
-      U(e, o, l, i("on", c), s);
+      U(e, o, l, i("on", c), a);
     }
   if (m(n.watch))
     for (const [c, l] of Object.entries(n.watch))
-      S(e, o, c, i("watch", c), { mustExist: !1 }), U(e, o, l, i("watch", c), s);
+      S(e, o, c, i("watch", c), { mustExist: !1 }), U(e, o, l, i("watch", c), a);
 }
-function U(e, o, n, s, i) {
+function U(e, o, n, a, i) {
   (Array.isArray(n) ? n : [n]).forEach((r, c) => {
-    const l = Array.isArray(n) ? s + u(c) : s;
+    const l = Array.isArray(n) ? a + u(c) : a;
     if (!m(r) || typeof r.action != "string") {
       e.issues.error({ code: "invalid_action_binding", path: l, elementKey: o, message: 'An action binding is {"action": "<name>", "params": {...}}.' });
       return;
@@ -987,7 +989,7 @@ function U(e, o, n, s, i) {
     }
   });
 }
-function T(e) {
+function N(e) {
   return { valid: e.errors.length === 0, errors: e.errors, warnings: e.warnings };
 }
 const x = V;
@@ -1025,8 +1027,8 @@ function ft(e) {
 }
 function gt(e) {
   if (!Object.hasOwn(x, e)) return;
-  const o = x[e], n = Object.fromEntries(Object.entries(P(o) ?? {}).map(([s, i]) => [
-    s,
+  const o = x[e], n = Object.fromEntries(Object.entries(P(o) ?? {}).map(([a, i]) => [
+    a,
     { required: !R(i), schema: Ze(i) }
   ]));
   return {
@@ -1037,7 +1039,7 @@ function gt(e) {
     events: o.events ?? [],
     example: {
       type: e,
-      props: Object.fromEntries(Object.entries(n).filter(([, s]) => s.required).map(([s, { schema: i }]) => [s, et(i)])),
+      props: Object.fromEntries(Object.entries(n).filter(([, a]) => a.required).map(([a, { schema: i }]) => [a, et(i)])),
       children: []
     }
   };
@@ -1066,35 +1068,35 @@ const O = { type: "string", pattern: "^/" }, tt = {
     preventDefault: { type: "boolean" }
   },
   additionalProperties: !1
-}, E = { anyOf: [{ $ref: "#/$defs/actionBinding" }, { type: "array", items: { $ref: "#/$defs/actionBinding" } }] }, N = { type: "array", items: { type: "string" } };
+}, T = { anyOf: [{ $ref: "#/$defs/actionBinding" }, { type: "array", items: { $ref: "#/$defs/actionBinding" } }] }, E = { type: "array", items: { type: "string" } };
 function nt(e, o, n) {
-  const s = (r) => Array.isArray(r) ? r.map(s) : !r || typeof r != "object" ? r : Object.fromEntries(Object.entries(r).map(([c, l]) => [
+  const a = (r) => Array.isArray(r) ? r.map(a) : !r || typeof r != "object" ? r : Object.fromEntries(Object.entries(r).map(([c, l]) => [
     c,
-    c === "$ref" && typeof l == "string" ? l.replace("#/$defs/", `#/$defs/${o}`) : s(l)
-  ])), { $defs: i, ...a } = e;
-  delete a.$schema;
-  for (const [r, c] of Object.entries(i ?? {})) n[o + r] = s(c);
-  return s(a);
+    c === "$ref" && typeof l == "string" ? l.replace("#/$defs/", `#/$defs/${o}`) : a(l)
+  ])), { $defs: i, ...s } = e;
+  delete s.$schema;
+  for (const [r, c] of Object.entries(i ?? {})) n[o + r] = a(c);
+  return a(s);
 }
 function it(e, o, n) {
-  const s = P(o), i = o.slots ?? [];
-  let a = { type: "object" };
-  if (s) {
-    const r = nt(t.toJSONSchema(t.object(s)), `${e}__`, n), c = r.properties;
-    a = {
+  const a = P(o), i = o.slots ?? [];
+  let s = { type: "object" };
+  if (a) {
+    const r = nt(t.toJSONSchema(t.object(a)), `${e}__`, n), c = r.properties;
+    s = {
       ...r,
       properties: Object.fromEntries(Object.entries(c).map(([l, p]) => [
         l,
         { anyOf: [p, { $ref: "#/$defs/expression" }] }
       ]))
-    }, r.required?.length || delete a.required;
+    }, r.required?.length || delete s.required;
   }
   return {
     if: { properties: { type: { const: e } } },
     then: {
       ...o.description ? { description: o.description } : {},
       properties: {
-        props: a,
+        props: s,
         ...i.includes("default") ? {} : { children: { maxItems: 0 } },
         slots: { propertyNames: { enum: i.filter((r) => r !== "default") } },
         on: { propertyNames: { enum: o.events ?? [] } }
@@ -1103,22 +1105,22 @@ function it(e, o, n) {
   };
 }
 function bt(e = A) {
-  const o = e.data.components, n = { expression: tt, actionBinding: ot }, s = Object.entries(o).map(([i, a]) => it(i, a, n));
+  const o = e.data.components, n = { expression: tt, actionBinding: ot }, a = Object.entries(o).map(([i, s]) => it(i, s, n));
   return n.element = {
     type: "object",
     required: ["type", "props"],
     properties: {
       type: { enum: Object.keys(o) },
       props: { type: "object" },
-      children: N,
-      slots: { type: "object", additionalProperties: N },
+      children: E,
+      slots: { type: "object", additionalProperties: E },
       visible: {},
-      on: { type: "object", additionalProperties: E },
-      watch: { type: "object", propertyNames: O, additionalProperties: E },
+      on: { type: "object", additionalProperties: T },
+      watch: { type: "object", propertyNames: O, additionalProperties: T },
       repeat: { type: "object", required: ["statePath"], properties: { statePath: O, key: { type: "string" } }, additionalProperties: !1 }
     },
     additionalProperties: !1,
-    allOf: s
+    allOf: a
   }, {
     $schema: "https://json-schema.org/draft/2020-12/schema",
     title: "Synology Package Land JSON UI spec",
@@ -1146,7 +1148,7 @@ export {
   jt as defineCatalog,
   Rt as defineRegistry,
   gt as describeSynoJsonComponent,
-  Tt as jsonRenderVueSchema,
+  Nt as jsonRenderVueSchema,
   ht as listSynoJsonComponents,
   pt as synoJsonAiPrompt,
   Ke as synoJsonAiRules,