@synopackageland/ui 0.10.2 → 0.10.3

package/dist/json.js

@@ -1,13 +1,13 @@
 import { z as t } from "zod";
 import { z as vt } from "zod";
-import { defineCatalog as z } from "@json-render/core";
-import { createStateStore as St, defineCatalog as jt } from "@json-render/core";
-import { defineRegistry as B, useBoundProp as b, JSONUIProvider as M, Renderer as W } 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 Ut } from "@json-render/vue";
+import { defineCatalog as F } from "@json-render/core";
+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 { 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 $e, SectionTabs as Se, 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 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";
 const J = t.lazy(() => t.object({
   key: t.string(),
   label: t.string(),
@@ -283,12 +283,13 @@ const J = t.lazy(() => t.object({
       open: t.boolean().optional(),
       title: t.string().optional(),
       description: t.string().optional(),
+      size: t.enum(["sm", "md", "lg", "xl"]).optional(),
       width: t.string().optional(),
       showClose: t.boolean().optional()
     }),
     slots: ["default", "footer"],
     events: ["openChange"],
-    description: "Modal task/dialog. Bind open to state. Put confirmation or form actions in footer."
+    description: "Modal task/dialog. Bind open to state. Put confirmation or form actions in footer. Without size it sizes to its content; size picks a DSM dialog width: sm one field, md a form with a text area, lg a wide form, xl tabs of settings."
   },
   DataTable: {
     props: t.object({
@@ -351,7 +352,7 @@ const J = t.lazy(() => t.object({
     props: t.object({ text: t.string().optional() }),
     description: "Centered loading state for a page or bounded region."
   }
-}, A = z(H, {
+}, A = F(H, {
   components: V,
   actions: {}
 }), Ke = [
@@ -370,13 +371,13 @@ function pt() {
 ${Le}
 `;
 }
-const Ue = {
+const De = {
   none: "0",
   xs: "var(--ui-space-1)",
   sm: "var(--ui-space-2)",
   md: "var(--ui-space-3)",
   lg: "var(--ui-space-4)"
-}, De = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, Te = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+}, 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) {
   return { default: () => e };
 }
@@ -420,7 +421,7 @@ const Je = {
   },
   Tabs: ({ props: e, bindings: o, emit: n }) => {
     const [s, i] = b(e.value, o?.value);
-    return d(Se, {
+    return d($e, {
       modelValue: s ?? "",
       items: e.items,
       ariaLabel: e.ariaLabel,
@@ -434,8 +435,8 @@ const Je = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: Ue[e.gap ?? "md"],
-      alignItems: De[e.align ?? "stretch"],
+      gap: De[e.gap ?? "md"],
+      alignItems: Ue[e.align ?? "stretch"],
       justifyContent: Te[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
@@ -446,7 +447,7 @@ const Je = {
   },
   Button: ({ props: e, emit: o }) => {
     const n = C(e.icon);
-    return d($e, {
+    return d(Se, {
       variant: e.variant,
       size: e.size,
       disabled: e.disabled,
@@ -585,6 +586,7 @@ const Je = {
       open: i ?? !1,
       title: e.title,
       description: e.description,
+      size: e.size,
       width: e.width,
       showClose: e.showClose,
       "onUpdate:open": (r) => {
@@ -602,7 +604,7 @@ const Je = {
   ListItem: ({ props: e, slots: o }) => d(oe, e, o),
   InputGroup: ({ slots: e }) => d(te, null, e),
   Loading: ({ props: e }) => d(ee, { text: e.text })
-}, { registry: U } = B(A, {
+}, { registry: D } = M(A, {
   components: Je
 }), ut = /* @__PURE__ */ G({
   __name: "SynoJsonRenderer",
@@ -620,8 +622,8 @@ const Je = {
     fallback: {}
   },
   setup(e) {
-    return (o, n) => (X(), Y(j(M), {
-      registry: j(U),
+    return (o, n) => (X(), Y(j(W), {
+      registry: j(D),
       store: e.store,
       "initial-state": e.state ?? e.spec?.state ?? {},
       handlers: e.handlers,
@@ -632,9 +634,9 @@ const Je = {
       "on-state-change": e.onStateChange
     }, {
       default: Q(() => [
-        Z(j(W), {
+        Z(j(B), {
           spec: e.spec,
-          registry: j(U),
+          registry: j(D),
           loading: e.loading,
           fallback: e.fallback
         }, null, 8, ["spec", "registry", "loading", "fallback"])
@@ -643,8 +645,8 @@ const Je = {
     }, 8, ["registry", "store", "initial-state", "handlers", "navigate", "functions", "directives", "validation-functions", "on-state-change"]));
   }
 }), Ve = ["label", "title", "description", "text", "placeholder", "emptyText", "help", "ariaLabel", "valueLabel", "searchPlaceholder"];
-function q(e, o = "") {
-  return Array.isArray(e) ? e : Object.entries(e).flatMap(([n, s]) => m(s) ? q(s, `${o}${n}.`) : [`${o}${n}`]);
+function z(e, o = "") {
+  return Array.isArray(e) ? e : Object.entries(e).flatMap(([n, s]) => m(s) ? z(s, `${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) {
@@ -667,18 +669,18 @@ function y(e, o) {
   }
   return n !== void 0 && s <= Math.max(2, Math.floor(e.length / 3)) ? n : void 0;
 }
-const qe = ["$state", "$item", "$index", "$bindState", "$bindItem", "$cond", "$computed", "$template"], Fe = (e) => m(e) && qe.some((o) => Object.hasOwn(e, o)), I = (e) => Fe(e) || (Array.isArray(e) ? e.some(I) : m(e) && Object.values(e).some(I));
+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) {
   const o = e.props?.shape;
   return m(o) ? o : void 0;
 }
 const R = (e) => e.safeParse(void 0).success;
-function ze(e) {
+function Fe(e) {
   if (e.code === "invalid_value") return `Use one of: ${e.values.map((o) => JSON.stringify(o)).join(", ")}.`;
   if (e.code === "invalid_type") return `Expected ${e.expected}.`;
 }
 const v = (e, o) => `${e}: ${o.join(", ")}`;
-class Be {
+class Me {
   errors = [];
   warnings = [];
   error(o) {
@@ -689,7 +691,7 @@ class Be {
   }
 }
 function mt(e, o = {}) {
-  const n = o.catalog ?? A, s = n.data.components, i = new Be();
+  const n = o.catalog ?? A, s = 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;
@@ -714,9 +716,9 @@ function mt(e, o = {}) {
       });
       continue;
     }
-    Me(i, p, h, s[h], f.props), We(i, p, h, s[h], f, a);
+    We(i, p, h, s[h], f.props), Be(i, p, h, s[h], f, a);
   }
-  const c = o.messages && q(o.messages), l = {
+  const c = o.messages && z(o.messages), l = {
     issues: i,
     components: s,
     actions: [
@@ -731,7 +733,7 @@ function mt(e, o = {}) {
   };
   return a && typeof e.root == "string" && Object.hasOwn(a, e.root) && He(l, e.root, a), T(i);
 }
-function Me(e, o, n, s, i) {
+function We(e, o, n, s, i) {
   const a = (...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.' });
@@ -762,13 +764,13 @@ function Me(e, o, n, s, i) {
           path: a(l, ...h.path.map((g) => String(g))),
           elementKey: o,
           message: `${n}.${l}: ${h.message}`,
-          hint: ze(h)
+          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.` });
 }
-function F(e, o) {
+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) });
@@ -779,7 +781,7 @@ function F(e, o) {
       });
   return n;
 }
-function We(e, o, n, s, i, a) {
+function Be(e, o, n, s, i, a) {
   const r = s.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",
@@ -804,7 +806,7 @@ function We(e, o, n, s, i, a) {
             hint: f ? `Did you mean "${f}"?` : r.length ? v(`${n} slots`, r) : `${n} has no slots.`
           });
         }
-  for (const l of F(o, i))
+  for (const l of q(o, i))
     if (!Object.hasOwn(a, l.child)) {
       const p = y(l.child, Object.keys(a));
       e.error({
@@ -825,7 +827,7 @@ function He(e, o, n) {
     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." });
-    for (const g of F(r, f))
+    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." });
@@ -848,7 +850,7 @@ function Ge(e, o) {
   }
   return { found: !0, value: n };
 }
-function $(e, o, n, s, { mustExist: i }) {
+function S(e, o, n, s, { mustExist: i }) {
   if (typeof n != "string" || !n.startsWith("/")) {
     e.issues.error({
       code: "invalid_state_path",
@@ -867,14 +869,14 @@ function $(e, o, n, s, { mustExist: i }) {
     hint: `Seed it in the spec's "state", or pass the host state with --state, so the first render has a value.`
   });
 }
-function S(e, o, n, s, i) {
+function $(e, o, n, s, i) {
   if (Array.isArray(n)) {
-    n.forEach((a, r) => S(e, o, a, s + u(r), i));
+    n.forEach((a, r) => $(e, o, a, s + u(r), i));
     return;
   }
   if (m(n)) {
     for (const a of ["$state", "$bindState"])
-      Object.hasOwn(n, a) && $(e, o, n[a], s + u(a), { mustExist: !0 });
+      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({
         code: "item_outside_repeat",
@@ -885,10 +887,10 @@ function S(e, o, n, s, i) {
       });
     if (typeof n.$template == "string")
       for (const a of n.$template.matchAll(/\$\{([^}]*)\}/g))
-        $(e, o, a[1], s + u("$template"), { mustExist: !0 });
+        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) || S(e, o, r, s + u(a), i);
+      ["$state", "$bindState", "$item", "$bindItem", "$index", "$template"].includes(a) || $(e, o, r, s + u(a), i);
   }
 }
 function Xe(e, o, n, s) {
@@ -927,7 +929,7 @@ function Xe(e, o, n, s) {
 const Ye = ["statePath", "clearStatePath"];
 function Qe(e, o, n, s) {
   const i = (...c) => u("elements", o, ...c);
-  if (S(e, o, n.props, i("props"), s), e.messageKeys && m(n.props))
+  if ($(e, o, n.props, i("props"), s), e.messageKeys && m(n.props))
     for (const c of Ve) {
       const l = n.props[c];
       typeof l == "string" && l.trim() && e.issues.warn({
@@ -938,7 +940,7 @@ function Qe(e, o, n, s) {
         hint: 'Use {"$computed": "t", "args": {"key": "<message key>"}}.'
       });
     }
-  n.visible !== void 0 && S(e, o, n.visible, i("visible"), s), m(n.repeat) && $(e, o, n.repeat.statePath, i("repeat", "statePath"), { mustExist: !0 });
+  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 ?? [];
   if (m(n.on))
     for (const [c, l] of Object.entries(n.on)) {
@@ -952,13 +954,13 @@ function Qe(e, o, n, s) {
           hint: p ? `Did you mean "${p}"?` : r.length ? v(`${a} events`, r) : `${a} emits no events.`
         });
       }
-      D(e, o, l, i("on", c), s);
+      U(e, o, l, i("on", c), s);
     }
   if (m(n.watch))
     for (const [c, l] of Object.entries(n.watch))
-      $(e, o, c, i("watch", c), { mustExist: !1 }), D(e, o, l, i("watch", c), s);
+      S(e, o, c, i("watch", c), { mustExist: !1 }), U(e, o, l, i("watch", c), s);
 }
-function D(e, o, n, s, i) {
+function U(e, o, n, s, i) {
   (Array.isArray(n) ? n : [n]).forEach((r, c) => {
     const l = Array.isArray(n) ? s + u(c) : s;
     if (!m(r) || typeof r.action != "string") {
@@ -977,8 +979,8 @@ function D(e, o, n, s, i) {
     }
     if (m(r.params)) {
       for (const p of Ye)
-        Object.hasOwn(r.params, p) && $(e, o, r.params[p], l + u("params", p), { mustExist: !1 });
-      S(e, o, r.params, l + u("params"), i);
+        Object.hasOwn(r.params, p) && S(e, o, r.params[p], l + u("params", p), { mustExist: !1 });
+      $(e, o, r.params, l + u("params"), i);
     }
   });
 }
@@ -1137,7 +1139,7 @@ export {
   Ct as ValidationProvider,
   It as VisibilityProvider,
   ft as closestSynoJsonComponent,
-  St as createStateStore,
+  $t as createStateStore,
   jt as defineCatalog,
   Rt as defineRegistry,
   gt as describeSynoJsonComponent,
@@ -1147,12 +1149,12 @@ export {
   Ke as synoJsonAiRules,
   A as synoJsonCatalog,
   V as synoJsonComponentDefinitions,
-  U as synoJsonRegistry,
+  D as synoJsonRegistry,
   Je as synoJsonRenderers,
   bt as synoJsonSchema,
   Kt as useActions,
   Lt as useBoundProp,
-  Ut as useStateStore,
+  Dt as useStateStore,
   mt as validateSynoJsonSpec,
   vt as z
 };

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.10.5",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "14f10159b60d48ac7a0686f58faf7a30e99898dc267b3c032cf2bdd6052dc52b",
-  "bundleSha256": "ef1ab7a52fdfa29d14fd7275c4d0bf31ad962842c9916e2eeb7d13a9ac752b81",
+  "bundleSha256": "2cb054097ed06334eda3c61e1945d5fc449262323813862782e2037e3f88cba7",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "657592f283cb6fd25454abd284a0024af21936cb56e05b762ff0d22b6a979d32",
     "DismissableLayer/DismissableLayer.js": "da05ca544d9822a8e2b71057e78c0e1ef59423aa3893534338fb58e1ecbd1a8d",