@synopackageland/ui 0.17.12 → 0.17.14

package/dist/json.js

@@ -3,11 +3,11 @@ import { z as vt } from "zod";
 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 Lt, useBoundProp as Dt, useStateStore as Kt } from "@json-render/vue";
+import { ActionProvider as Ot, JSONUIProvider as At, Renderer as kt, StateProvider as Pt, 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 Nt } 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 L, 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";
+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 ke, AppLayout as Pe, AppRoot as Ce, getRegisteredIcon as Ie } from "./index.js";
 const J = t.lazy(() => t.object({
   key: t.string(),
   label: t.string(),
@@ -16,13 +16,13 @@ const J = t.lazy(() => t.object({
   disabled: t.boolean().optional(),
   selectable: t.boolean().optional(),
   children: t.array(J).optional()
-})), k = t.object({
+})), P = t.object({
   label: t.string(),
   value: t.string(),
   disabled: t.boolean().optional()
-}), Re = k.extend({
+}), Re = P.extend({
   description: t.string().optional()
-}), D = t.object({
+}), L = t.object({
   key: t.string(),
   label: t.string(),
   width: t.string().optional(),
@@ -91,7 +91,7 @@ const J = t.lazy(() => t.object({
   Tabs: {
     props: t.object({
       value: t.string(),
-      items: t.array(k),
+      items: t.array(P),
       ariaLabel: t.string().optional()
     }),
     events: ["change"],
@@ -144,7 +144,7 @@ const J = t.lazy(() => t.object({
   Select: {
     props: t.object({
       value: t.string().optional(),
-      options: t.array(k),
+      options: t.array(P),
       placeholder: t.string().optional(),
       disabled: t.boolean().optional(),
       search: t.boolean().optional()
@@ -249,13 +249,14 @@ const J = t.lazy(() => t.object({
       tone: t.enum(["info", "success", "warning", "danger"]).optional(),
       variant: t.enum(["soft", "inline"]).optional(),
       title: t.string().optional(),
-      closable: t.boolean().optional(),
+      dismissible: t.boolean().optional(),
+      dismissKey: t.string().optional(),
       code: t.string().optional(),
       fill: t.boolean().optional()
     }),
     slots: ["default", "actions", "details"],
     events: ["close"],
-    description: "A message that stays until its cause goes away: something to act on (a one-line title, at most one line of text, one action in `actions`) or a short risk note (`variant: inline`, longer text in `details` behind Learn more). A passing result such as Saved is a toast, not a Callout. Callout text has no closing period. Put a machine error code in `code`, not in the text."
+    description: "A message that stays until its cause goes away: something to act on (a one-line title, at most one line of text, one action in `actions`) or a short risk note (`variant: inline`, longer text in `details` behind Learn more). The reader can close it (default); it comes back when its text changes, and `dismissible: false` keeps only a blocking requirement in view. A passing result such as Saved is a toast, not a Callout. Callout text has no closing period. Put a machine error code in `code`, not in the text."
   },
   EmptyState: {
     props: t.object({
@@ -298,7 +299,7 @@ const J = t.lazy(() => t.object({
   },
   DataTable: {
     props: t.object({
-      columns: t.array(D),
+      columns: t.array(L),
       rows: t.array(t.record(t.string(), t.unknown())),
       rowKey: t.string().optional(),
       emptyText: t.string().optional(),
@@ -309,7 +310,7 @@ const J = t.lazy(() => t.object({
   },
   ResourceList: {
     props: t.object({
-      columns: t.array(D),
+      columns: t.array(L),
       rows: t.array(t.record(t.string(), t.unknown())),
       rowKey: t.string().optional(),
       emptyText: t.string().optional(),
@@ -361,7 +362,7 @@ const J = t.lazy(() => t.object({
 }, A = F(H, {
   components: V,
   actions: {}
-}), Le = [
+}), Ke = [
   "Prefer AppRoot > AppShell > Page as the normal DSM application hierarchy.",
   "Prefer SettingsSection and SettingsField for settings; prefer ResourceList/DataTable for ordinary scalar resource collections.",
   "Keep state in the spec and use $bindState/$bindItem for editable controls; do not invent JavaScript in props.",
@@ -370,21 +371,21 @@ const J = t.lazy(() => t.object({
   "AppShell adapts to its actual DSM window width: phone (<=600px), desktop window (601–1199px), and wide web/Portal (>=1200px). Never assume browser viewport width.",
   "For a phone-unfriendly custom view, use ResponsiveView slots: mobile alternative and default full view. Keep essential actions accessible on mobile.",
   "Use low-level Stack/Text only when a semantic component does not already express the layout."
-], De = '## Self-check workflow\n\nInstall `@synopackageland/ui` first. Without a local install, use\n`npx -y -p @synopackageland/ui syno-pkg-land-ui <command>` (pin the package version for reproducibility).\n\n1. List components with `npx --no syno-pkg-land-ui catalog`; read props with `npx --no syno-pkg-land-ui describe <Component>`.\n2. Write the spec as JSON: {"root", "elements", "state"}. Seed every state path you bind or read.\n3. Run `npx --no syno-pkg-land-ui validate ui.json --json` (add --actions, --functions, --state, --messages for host-provided names).\n   Fix every error at its JSON Pointer `path` using its `hint`, then validate again until it passes.\n4. Run `npx --no syno-pkg-land-ui render ui.json --out shots` to screenshot phone, DSM window and wide widths and to\n   report layout overflow; fix reported elements and repeat.\n5. Hand over the spec only when validate and render both exit 0.';
+], Le = '## Self-check workflow\n\nInstall `@synopackageland/ui` first. Without a local install, use\n`npx -y -p @synopackageland/ui syno-pkg-land-ui <command>` (pin the package version for reproducibility).\n\n1. List components with `npx --no syno-pkg-land-ui catalog`; read props with `npx --no syno-pkg-land-ui describe <Component>`.\n2. Write the spec as JSON: {"root", "elements", "state"}. Seed every state path you bind or read.\n3. Run `npx --no syno-pkg-land-ui validate ui.json --json` (add --actions, --functions, --state, --messages for host-provided names).\n   Fix every error at its JSON Pointer `path` using its `hint`, then validate again until it passes.\n4. Run `npx --no syno-pkg-land-ui render ui.json --out shots` to screenshot phone, DSM window and wide widths and to\n   report layout overflow; fix reported elements and repeat.\n5. Hand over the spec only when validate and render both exit 0.';
 function pt() {
-  return `${A.prompt({ customRules: Le })}
+  return `${A.prompt({ customRules: Ke })}
 
-${De}
+${Le}
 `;
 }
-const Ke = {
+const De = {
   none: "0",
   xs: "var(--ui-space-1)",
   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" }, Ne = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
-function Te(e) {
+}, Ue = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, Te = { start: "flex-start", center: "center", end: "flex-end", between: "space-between" };
+function Ne(e) {
   return { default: () => e };
 }
 function C(e) {
@@ -402,14 +403,14 @@ function Ee(e) {
 }
 const Je = {
   AppRoot: ({ props: e, slots: o }) => d(Ce, { modalScope: e.modalScope }, o),
-  AppShell: ({ props: e, slots: o }) => d(ke, {
+  AppShell: ({ props: e, slots: o }) => d(Pe, {
     sidebarWidth: e.sidebarWidth,
     minHeight: e.minHeight,
     responsive: e.responsive,
     wideLayout: e.wideLayout,
     navigation: e.navigation
   }, o),
-  ResponsiveView: ({ props: e, slots: o }) => d(Pe, { mode: e.mode }, o),
+  ResponsiveView: ({ props: e, slots: o }) => d(ke, { 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),
@@ -442,9 +443,9 @@ const Je = {
     style: {
       display: "flex",
       flexDirection: e.direction ?? "column",
-      gap: Ke[e.gap ?? "md"],
+      gap: De[e.gap ?? "md"],
       alignItems: Ue[e.align ?? "stretch"],
-      justifyContent: Ne[e.justify ?? "start"],
+      justifyContent: Te[e.justify ?? "start"],
       flexWrap: e.wrap ? "wrap" : "nowrap"
     }
   }, o),
@@ -577,7 +578,8 @@ const Je = {
     tone: e.tone,
     variant: e.variant,
     title: e.title,
-    closable: e.closable,
+    dismissible: e.dismissible,
+    dismissKey: e.dismissKey,
     code: e.code,
     fill: e.fill,
     onClose: () => n("close")
@@ -588,7 +590,7 @@ const Je = {
     icon: C(e.icon)
   }, o),
   Progress: ({ props: e }) => d(re, e),
-  Badge: ({ props: e }) => d(se, { tone: e.tone }, Te(e.text)),
+  Badge: ({ props: e }) => d(se, { tone: e.tone }, Ne(e.text)),
   Dialog: ({ props: e, bindings: o, slots: n, emit: a }) => {
     const [i, s] = b(e.open, o?.open);
     return d(ae, {
@@ -603,17 +605,17 @@ const Je = {
       }
     }, n);
   },
-  DataTable: ({ props: e }) => d(L, e),
+  DataTable: ({ props: e }) => d(K, e),
   ResourceList: ({ props: e, slots: o }) => d("section", { class: "min-w-0", "data-syno-pkg-land-ui": "", "data-ui-resource-list": "" }, [
     o.toolbar ? d("div", { class: "mb-3 flex flex-wrap items-center gap-2" }, o.toolbar()) : null,
-    d(L, e)
+    d(K, e)
   ]),
   CellText: ({ props: e, emit: o }) => d(ie, { ...e, onOpen: () => o("open") }),
   CellStatus: ({ props: e }) => d(ne, e),
   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: K } = M(A, {
+}, { registry: D } = M(A, {
   components: Je
 }), ut = /* @__PURE__ */ G({
   __name: "SynoJsonRenderer",
@@ -632,7 +634,7 @@ const Je = {
   },
   setup(e) {
     return (o, n) => (X(), Y(j(W), {
-      registry: j(K),
+      registry: j(D),
       store: e.store,
       "initial-state": e.state ?? e.spec?.state ?? {},
       handlers: e.handlers,
@@ -645,7 +647,7 @@ const Je = {
       default: Q(() => [
         Z(j(B), {
           spec: e.spec,
-          registry: j(K),
+          registry: j(D),
           loading: e.loading,
           fallback: e.fallback
         }, null, 8, ["spec", "registry", "loading", "fallback"])
@@ -654,8 +656,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 z(e, o = "") {
-  return Array.isArray(e) ? e : Object.entries(e).flatMap(([n, a]) => m(a) ? z(a, `${o}${n}.`) : [`${o}${n}`]);
+function q(e, o = "") {
+  return Array.isArray(e) ? e : Object.entries(e).flatMap(([n, a]) => m(a) ? q(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) {
@@ -678,8 +680,8 @@ function y(e, o) {
   }
   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) {
+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));
+function k(e) {
   const o = e.props?.shape;
   return m(o) ? o : void 0;
 }
@@ -702,7 +704,7 @@ class Me {
 function mt(e, o = {}) {
   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": {...}}.' }), N(i);
+    return i.error({ code: "invalid_spec", path: "", message: "A spec must be a JSON object.", hint: 'Return {"root": "<key>", "elements": {...}, "state": {...}}.' }), T(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 ?? {});
@@ -727,7 +729,7 @@ function mt(e, o = {}) {
     }
     We(i, p, h, a[h], f.props), Be(i, p, h, a[h], f, s);
   }
-  const c = o.messages && z(o.messages), l = {
+  const c = o.messages && q(o.messages), l = {
     issues: i,
     components: a,
     actions: [
@@ -740,7 +742,7 @@ function mt(e, o = {}) {
     functions: o.functions || c ? [...o.functions ?? [], ...c ? ["t"] : []] : void 0,
     messageKeys: c
   };
-  return s && typeof e.root == "string" && Object.hasOwn(s, e.root) && He(l, e.root, s), N(i);
+  return s && typeof e.root == "string" && Object.hasOwn(s, e.root) && He(l, e.root, s), T(i);
 }
 function We(e, o, n, a, i) {
   const s = (...l) => u("elements", o, "props", ...l);
@@ -748,7 +750,7 @@ function We(e, o, n, a, i) {
     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(a);
+  const r = k(a);
   if (!r) return;
   const c = Object.keys(r);
   for (const [l, p] of Object.entries(i)) {
@@ -779,7 +781,7 @@ function We(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 q(e, o) {
+function z(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) });
@@ -815,7 +817,7 @@ function Be(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 q(o, i))
+  for (const l of z(o, i))
     if (!Object.hasOwn(s, l.child)) {
       const p = y(l.child, Object.keys(s));
       e.error({
@@ -836,7 +838,7 @@ function He(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 q(r, f))
+    for (const g of z(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." });
@@ -993,7 +995,7 @@ function U(e, o, n, a, i) {
     }
   });
 }
-function N(e) {
+function T(e) {
   return { valid: e.errors.length === 0, errors: e.errors, warnings: e.warnings };
 }
 const x = V;
@@ -1021,7 +1023,7 @@ function ht() {
   return Object.entries(x).map(([e, o]) => ({
     name: e,
     description: o.description,
-    required: Object.entries(P(o) ?? {}).filter(([, n]) => !R(n)).map(([n]) => n),
+    required: Object.entries(k(o) ?? {}).filter(([, n]) => !R(n)).map(([n]) => n),
     slots: o.slots ?? [],
     events: o.events ?? []
   }));
@@ -1031,7 +1033,7 @@ function ft(e) {
 }
 function gt(e) {
   if (!Object.hasOwn(x, e)) return;
-  const o = x[e], n = Object.fromEntries(Object.entries(P(o) ?? {}).map(([a, i]) => [
+  const o = x[e], n = Object.fromEntries(Object.entries(k(o) ?? {}).map(([a, i]) => [
     a,
     { required: !R(i), schema: Ze(i) }
   ]));
@@ -1072,7 +1074,7 @@ const O = { type: "string", pattern: "^/" }, tt = {
     preventDefault: { type: "boolean" }
   },
   additionalProperties: !1
-}, T = { anyOf: [{ $ref: "#/$defs/actionBinding" }, { type: "array", items: { $ref: "#/$defs/actionBinding" } }] }, E = { type: "array", items: { type: "string" } };
+}, N = { anyOf: [{ $ref: "#/$defs/actionBinding" }, { type: "array", items: { $ref: "#/$defs/actionBinding" } }] }, E = { type: "array", items: { type: "string" } };
 function nt(e, o, n) {
   const a = (r) => Array.isArray(r) ? r.map(a) : !r || typeof r != "object" ? r : Object.fromEntries(Object.entries(r).map(([c, l]) => [
     c,
@@ -1083,7 +1085,7 @@ function nt(e, o, n) {
   return a(s);
 }
 function it(e, o, n) {
-  const a = P(o), i = o.slots ?? [];
+  const a = k(o), i = o.slots ?? [];
   let s = { type: "object" };
   if (a) {
     const r = nt(t.toJSONSchema(t.object(a)), `${e}__`, n), c = r.properties;
@@ -1119,8 +1121,8 @@ function bt(e = A) {
       children: E,
       slots: { type: "object", additionalProperties: E },
       visible: {},
-      on: { type: "object", additionalProperties: T },
-      watch: { type: "object", propertyNames: O, additionalProperties: T },
+      on: { type: "object", additionalProperties: N },
+      watch: { type: "object", propertyNames: O, additionalProperties: N },
       repeat: { type: "object", required: ["statePath"], properties: { statePath: O, key: { type: "string" } }, additionalProperties: !1 }
     },
     additionalProperties: !1,
@@ -1142,8 +1144,8 @@ function bt(e = A) {
 export {
   Ot as ActionProvider,
   At as JSONUIProvider,
-  Pt as Renderer,
-  kt as StateProvider,
+  kt as Renderer,
+  Pt as StateProvider,
   ut as SynoJsonRenderer,
   Ct as ValidationProvider,
   It as VisibilityProvider,
@@ -1152,18 +1154,18 @@ export {
   jt as defineCatalog,
   Rt as defineRegistry,
   gt as describeSynoJsonComponent,
-  Nt as jsonRenderVueSchema,
+  Tt as jsonRenderVueSchema,
   ht as listSynoJsonComponents,
   pt as synoJsonAiPrompt,
-  Le as synoJsonAiRules,
+  Ke as synoJsonAiRules,
   A as synoJsonCatalog,
   V as synoJsonComponentDefinitions,
-  K as synoJsonRegistry,
+  D as synoJsonRegistry,
   Je as synoJsonRenderers,
   bt as synoJsonSchema,
-  Lt as useActions,
-  Dt as useBoundProp,
-  Kt as useStateStore,
+  Kt as useActions,
+  Lt as useBoundProp,
+  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": "7149f779f52eb15d41b16961f075fa9ac5189b70a0b81845261f2d228c6a4a92",
+  "bundleSha256": "0ffe2746c038e8a2648f8a6b218ae43230968f70734ff4ba66dc6f5910881eb3",
   "sourceHashes": {
     "shared/useBodyScrollLock.js": "657592f283cb6fd25454abd284a0024af21936cb56e05b762ff0d22b6a979d32",
     "DismissableLayer/DismissableLayer.js": "da05ca544d9822a8e2b71057e78c0e1ef59423aa3893534338fb58e1ecbd1a8d",

package/dist/rich-text.js

@@ -190,7 +190,7 @@ function nt(a, o, i) {
   }
   return u.join(i);
 }
-function wa(a, o, i) {
+function wa(a, o) {
   switch (a.type) {
     case "paragraph":
       return _e(a.content ?? [], o);
@@ -203,13 +203,13 @@ function wa(a, o, i) {
       return nt(a.content ?? [], "", `
 
 `).split(`
-`).map((u) => u ? `> ${u}` : ">").join(`
+`).map((i) => i ? `> ${i}` : ">").join(`
 `);
     case "codeBlock": {
-      const u = (a.content ?? []).map((s) => s.text ?? "").join(""), n = "`".repeat(Math.max(2, ...Array.from(u.matchAll(/`+/g), (s) => s[0].length)) + 1);
-      return `${n}
-${u}
-${n}`;
+      const i = (a.content ?? []).map((n) => n.text ?? "").join(""), u = "`".repeat(Math.max(2, ...Array.from(i.matchAll(/`+/g), (n) => n[0].length)) + 1);
+      return `${u}
+${i}
+${u}`;
     }
     case "fileImage":
       return a.attrs?.id ? lt(a) : null;