@synopackageland/ui 0.20.8 → 0.20.9

package/dist/json.js

@@ -452,7 +452,7 @@ const Je = {
   }, o),
   Text: ({ props: e }) => {
     const o = e.variant ?? "body";
-    return d(o === "heading" ? "h2" : o === "mono" ? "code" : "span", { class: o === "muted" ? "text-[13px] text-[var(--ui-text-muted)]" : o === "caption" ? "text-[12px] text-[var(--ui-text-muted)]" : o === "heading" ? "text-[16px] font-semibold text-[var(--ui-text)]" : o === "mono" ? "font-mono text-[12px] text-[var(--ui-text)]" : "text-[13px] text-[var(--ui-text)]", "data-syno-pkg-land-ui": "" }, e.text);
+    return d(o === "heading" ? "h2" : o === "mono" ? "code" : "span", { class: o === "muted" ? "text-[length:var(--ui-font-size-control)] text-[var(--ui-text-muted)]" : o === "caption" ? "text-[12px] text-[var(--ui-text-muted)]" : o === "heading" ? "text-[16px] font-semibold text-[var(--ui-text)]" : o === "mono" ? "font-mono text-[12px] text-[var(--ui-text)]" : "text-[length:var(--ui-font-size-control)] text-[var(--ui-text)]", "data-syno-pkg-land-ui": "" }, e.text);
   },
   Button: ({ props: e, emit: o }) => {
     const n = C(e.icon);
@@ -657,8 +657,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, a]) => m(a) ? q(a, `${o}${n}.`) : [`${o}${n}`]);
+function z(e, o = "") {
+  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) {
@@ -681,7 +681,7 @@ function y(e, o) {
   }
   return n !== void 0 && a <= Math.max(2, Math.floor(e.length / 3)) ? n : void 0;
 }
-const qe = ["$state", "$item", "$index", "$bindState", "$bindItem", "$cond", "$computed", "$template"], ze = (e) => m(e) && qe.some((o) => Object.hasOwn(e, o)), I = (e) => ze(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 k(e) {
   const o = e.props?.shape;
   return m(o) ? o : void 0;
@@ -730,7 +730,7 @@ function mt(e, o = {}) {
     }
     Be(i, p, h, a[h], f.props), Me(i, p, h, a[h], f, s);
   }
-  const c = o.messages && q(o.messages), l = {
+  const c = o.messages && z(o.messages), l = {
     issues: i,
     components: a,
     actions: [
@@ -782,7 +782,7 @@ function Be(e, o, n, a, i) {
   for (const l of c)
     !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 z(e, o) {
+function q(e, o) {
   const n = [];
   if (Array.isArray(o.children) && o.children.forEach((a, i) => {
     typeof a == "string" && n.push({ child: a, path: u("elements", e, "children", i) });
@@ -818,7 +818,7 @@ function Me(e, o, n, a, i, s) {
             hint: f ? `Did you mean "${f}"?` : r.length ? v(`${n} slots`, r) : `${n} has no slots.`
           });
         }
-  for (const l of z(o, i))
+  for (const l of q(o, i))
     if (!Object.hasOwn(s, l.child)) {
       const p = y(l.child, Object.keys(s));
       e.error({
@@ -839,7 +839,7 @@ function Ge(e, o, n) {
     Qe(e, r, f, p || w);
     const h = f.type === "AppRoot";
     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 z(r, f))
+    for (const g of q(r, f))
       if (Object.hasOwn(n, g.child)) {
         if (c.includes(g.child)) {
           a.error({ code: "cycle", path: g.path, elementKey: r, message: `"${g.child}" is its own ancestor.`, hint: "Element references must form a tree." });

package/dist/lib/adaptiveLayout.d.ts

@@ -9,6 +9,12 @@ export declare const WEB_RAIL_BELOW = 1200;
 export type WideLayout = 'window' | 'web';
 export declare function appPresentationForWidth(width: number, wide?: WideLayout): AppPresentation;
 export declare const APP_PRESENTATION_KEY: InjectionKey<ComputedRef<AppPresentation>>;
+/**
+ * An AppLayout tells its AppRoot how it presents a wide width, so the root
+ * follows the launch mode rather than its width alone: a DSM window, however
+ * wide, stays `window`. Returns the unregister function.
+ */
+export declare const APP_ROOT_WIDE_LAYOUT_KEY: InjectionKey<(wide: Ref<WideLayout> | ComputedRef<WideLayout>) => () => void>;
 /** Web-presentation sidebar widths in px; the resize handle stays within MIN..MAX. */
 export declare const WEB_SIDEBAR_DEFAULT = 248;
 export declare const WEB_SIDEBAR_MIN = 200;

package/dist/reka-runtime.json

@@ -3,7 +3,7 @@
   "version": "2.11.0",
   "delivery": "bundled-patched-esm",
   "patchManifestSha256": "9c5b9c9a162fa584b4695a683368a4484b3ac6e70177fd063b77aa618c051627",
-  "bundleSha256": "67c0762aabdd35a7eaa10409f9497c7a9d99545a877c0053daa39109bba20cab",
+  "bundleSha256": "c944c8c169548bc27e0b5dfc93e67f82afad9df98d68216f248b41f72eea9d5e",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "287bfb604318c4202769e4b5191896eaf0e52a952e1de898967cbe09467fcfda",
     "DismissableLayer/DismissableLayer.js": "3c8d248f0a32e01f89ca1f6202b1bb691bf5d0e4012a92535e161c35e69cdc32",