@flanksource/clicky-ui 0.3.39 → 0.3.41

package/dist/components/json-schema-form-filter.d.ts

@@ -1,4 +1,4 @@
-import { JsonSchemaProperty } from './json-schema-form-types';
+import { JsonSchemaProperty } from './json-schema-form-types.js';
 export declare function matchesFieldFilter({ key, prop, filter, value, }: {
     key: string;
     prop: JsonSchemaProperty;

package/dist/components/json-schema-form-filter.js

@@ -1,5 +1,6 @@
 import { isPlainObject } from "../lib/collections.js";
-import { effectiveProperties, isOpenStringMap, schemaRendersAsObject } from "./json-schema-form-resolve.js";
+import { isOpenStringMap, schemaRendersAsObject } from "./json-schema-form-resolve.js";
+import { effectiveProperties } from "./json-schema-form-conditionals.js";
 function matchesFieldFilter({
   key,
   prop,

package/dist/components/json-schema-form-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-filter.js","sources":["../../src/components/json-schema-form-filter.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport {\n  effectiveProperties,\n  isOpenStringMap,\n  schemaRendersAsObject,\n} from \"./json-schema-form-resolve\";\nimport type {\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\nexport function matchesFieldFilter({\n  key,\n  prop,\n  filter,\n  value,\n}: {\n  key: string;\n  prop: JsonSchemaProperty;\n  filter: string;\n  value?: unknown;\n}): boolean {\n  const query = filter.trim().toLowerCase();\n  if (\n    !query ||\n    key.toLowerCase().includes(query) ||\n    prop.title?.toLowerCase().includes(query)\n  )\n    return true;\n  if (prop.format === \"password\") return false;\n  if (Array.isArray(value)) {\n    return value.some((item) =>\n      matchesFieldFilter({\n        key: \"\",\n        prop: prop.items ?? {},\n        filter,\n        value: item,\n      }),\n    );\n  }\n  if (isPlainObject(value)) {\n    const { properties } = effectiveProperties(prop as JsonSchemaObject, value);\n    const openMap =\n      isOpenStringMap(prop) ||\n      (schemaRendersAsObject(prop) &&\n        !prop.properties &&\n        Object.keys(properties).length === 0);\n    const keys = new Set([...Object.keys(properties), ...Object.keys(value)]);\n    return [...keys].some((childKey) => {\n      const child =\n        properties[childKey] ??\n        Object.entries(prop.patternProperties ?? {}).find(([pattern]) =>\n          new RegExp(pattern).test(childKey),\n        )?.[1] ??\n        (isPlainObject(prop.additionalProperties)\n          ? prop.additionalProperties\n          : openMap\n            ? { type: \"string\" }\n            : undefined);\n      return (\n        child !== undefined &&\n        matchesFieldFilter({\n          key: childKey,\n          prop: child,\n          filter,\n          value: value[childKey],\n        })\n      );\n    });\n  }\n  if (value === null || value === undefined) return false;\n  const text = String(value).toLowerCase();\n  const label = prop[\"x-enum-labels\"]?.[String(value)];\n  return text.includes(query) || Boolean(label?.toLowerCase().includes(query));\n}\n"],"names":["_a"],"mappings":";;AAWO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKY;;AACV,QAAM,QAAQ,OAAO,KAAA,EAAO,YAAA;AAC5B,MACE,CAAC,SACD,IAAI,YAAA,EAAc,SAAS,KAAK,OAChC,UAAK,UAAL,mBAAY,cAAc,SAAS;AAEnC,WAAO;AACT,MAAI,KAAK,WAAW,WAAY,QAAO;AACvC,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM;AAAA,MAAK,CAAC,SACjB,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM,KAAK,SAAS,CAAA;AAAA,QACpB;AAAA,QACA,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,EAAE,WAAA,IAAe,oBAAoB,MAA0B,KAAK;AAC1E,UAAM,UACJ,gBAAgB,IAAI,KACnB,sBAAsB,IAAI,KACzB,CAAC,KAAK,cACN,OAAO,KAAK,UAAU,EAAE,WAAW;AACvC,UAAM,OAAO,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,UAAU,GAAG,GAAG,OAAO,KAAK,KAAK,CAAC,CAAC;AACxE,WAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,aAAa;;AAClC,YAAM,QACJ,WAAW,QAAQ,OACnBA,MAAA,OAAO,QAAQ,KAAK,qBAAqB,CAAA,CAAE,EAAE;AAAA,QAAK,CAAC,CAAC,OAAO,MACzD,IAAI,OAAO,OAAO,EAAE,KAAK,QAAQ;AAAA,MAAA,MADnC,gBAAAA,IAEI,QACH,cAAc,KAAK,oBAAoB,IACpC,KAAK,uBACL,UACE,EAAE,MAAM,aACR;AACR,aACE,UAAU,UACV,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,QAAQ;AAAA,MAAA,CACtB;AAAA,IAEL,CAAC;AAAA,EACH;AACA,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,OAAO,OAAO,KAAK,EAAE,YAAA;AAC3B,QAAM,SAAQ,UAAK,eAAe,MAApB,mBAAwB,OAAO,KAAK;AAClD,SAAO,KAAK,SAAS,KAAK,KAAK,QAAQ,+BAAO,cAAc,SAAS,MAAM;AAC7E;"}
+{"version":3,"file":"json-schema-form-filter.js","sources":["../../src/components/json-schema-form-filter.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport {\n  isOpenStringMap,\n  schemaRendersAsObject,\n} from \"./json-schema-form-resolve\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport type {\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\nexport function matchesFieldFilter({\n  key,\n  prop,\n  filter,\n  value,\n}: {\n  key: string;\n  prop: JsonSchemaProperty;\n  filter: string;\n  value?: unknown;\n}): boolean {\n  const query = filter.trim().toLowerCase();\n  if (\n    !query ||\n    key.toLowerCase().includes(query) ||\n    prop.title?.toLowerCase().includes(query)\n  )\n    return true;\n  if (prop.format === \"password\") return false;\n  if (Array.isArray(value)) {\n    return value.some((item) =>\n      matchesFieldFilter({\n        key: \"\",\n        prop: prop.items ?? {},\n        filter,\n        value: item,\n      }),\n    );\n  }\n  if (isPlainObject(value)) {\n    const { properties } = effectiveProperties(prop as JsonSchemaObject, value);\n    const openMap =\n      isOpenStringMap(prop) ||\n      (schemaRendersAsObject(prop) &&\n        !prop.properties &&\n        Object.keys(properties).length === 0);\n    const keys = new Set([...Object.keys(properties), ...Object.keys(value)]);\n    return [...keys].some((childKey) => {\n      const child =\n        properties[childKey] ??\n        Object.entries(prop.patternProperties ?? {}).find(([pattern]) =>\n          new RegExp(pattern).test(childKey),\n        )?.[1] ??\n        (isPlainObject(prop.additionalProperties)\n          ? prop.additionalProperties\n          : openMap\n            ? { type: \"string\" }\n            : undefined);\n      return (\n        child !== undefined &&\n        matchesFieldFilter({\n          key: childKey,\n          prop: child,\n          filter,\n          value: value[childKey],\n        })\n      );\n    });\n  }\n  if (value === null || value === undefined) return false;\n  const text = String(value).toLowerCase();\n  const label = prop[\"x-enum-labels\"]?.[String(value)];\n  return text.includes(query) || Boolean(label?.toLowerCase().includes(query));\n}\n"],"names":["_a"],"mappings":";;;AAWO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKY;;AACV,QAAM,QAAQ,OAAO,KAAA,EAAO,YAAA;AAC5B,MACE,CAAC,SACD,IAAI,YAAA,EAAc,SAAS,KAAK,OAChC,UAAK,UAAL,mBAAY,cAAc,SAAS;AAEnC,WAAO;AACT,MAAI,KAAK,WAAW,WAAY,QAAO;AACvC,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM;AAAA,MAAK,CAAC,SACjB,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM,KAAK,SAAS,CAAA;AAAA,QACpB;AAAA,QACA,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EAEL;AACA,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,EAAE,WAAA,IAAe,oBAAoB,MAA0B,KAAK;AAC1E,UAAM,UACJ,gBAAgB,IAAI,KACnB,sBAAsB,IAAI,KACzB,CAAC,KAAK,cACN,OAAO,KAAK,UAAU,EAAE,WAAW;AACvC,UAAM,OAAO,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,UAAU,GAAG,GAAG,OAAO,KAAK,KAAK,CAAC,CAAC;AACxE,WAAO,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,aAAa;;AAClC,YAAM,QACJ,WAAW,QAAQ,OACnBA,MAAA,OAAO,QAAQ,KAAK,qBAAqB,CAAA,CAAE,EAAE;AAAA,QAAK,CAAC,CAAC,OAAO,MACzD,IAAI,OAAO,OAAO,EAAE,KAAK,QAAQ;AAAA,MAAA,MADnC,gBAAAA,IAEI,QACH,cAAc,KAAK,oBAAoB,IACpC,KAAK,uBACL,UACE,EAAE,MAAM,aACR;AACR,aACE,UAAU,UACV,mBAAmB;AAAA,QACjB,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,OAAO,MAAM,QAAQ;AAAA,MAAA,CACtB;AAAA,IAEL,CAAC;AAAA,EACH;AACA,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,QAAM,OAAO,OAAO,KAAK,EAAE,YAAA;AAC3B,QAAM,SAAQ,UAAK,eAAe,MAApB,mBAAwB,OAAO,KAAK;AAClD,SAAO,KAAK,SAAS,KAAK,KAAK,QAAQ,+BAAO,cAAc,SAAS,MAAM;AAC7E;"}

package/dist/components/json-schema-form-grid.d.ts

@@ -1,5 +1,5 @@
-import { FieldControl } from './json-schema-form-types';
-import { FormSize } from './json-schema-form-size';
+import { FieldControl } from './json-schema-form-types.js';
+import { FormSize } from './json-schema-form-size.js';
 export declare function GridControl({ field, fieldId, readOnly, size, }: {
     field: FieldControl;
     fieldId: string;

package/dist/components/json-schema-form-item-row.d.ts

@@ -1,4 +1,4 @@
-import { ArrayItemSummary } from './json-schema-form-types';
+import { ArrayItemSummary } from './json-schema-form-types.js';
 export declare function ItemGlyph({ glyph }: {
     glyph?: ArrayItemSummary["glyph"];
 }): import("react").JSX.Element | null;

package/dist/components/json-schema-form-item-summary.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const collections = require("../lib/collections.cjs");
+const jsonSchemaFormConditionals = require("./json-schema-form-conditionals.cjs");
 const jsonSchemaFormTone = require("./json-schema-form-tone.cjs");
 const DEFAULT_TITLE_KEYS = ["title", "name", "label", "id", "key"];
 const SUMMARY_SEPARATOR = "  ·  ";
@@ -35,8 +36,11 @@ function itemActions(value) {
 function itemActionsAllow(spec, action) {
   return spec.actions ? spec.actions.includes(action) : true;
 }
+function itemProperties(itemSchema, value) {
+  return itemSchema ? jsonSchemaFormConditionals.effectiveProperties(itemSchema, value).properties : {};
+}
 function autoGlyphKey(itemSchema) {
-  for (const [key, prop] of Object.entries((itemSchema == null ? void 0 : itemSchema.properties) ?? {})) {
+  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {
     const icons = prop["x-enum-icons"];
     if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;
   }
@@ -50,7 +54,7 @@ function itemSummaryFor({
 }) {
   var _a, _b, _c;
   const obj = collections.isPlainObject(item) ? item : {};
-  const props = (itemSchema == null ? void 0 : itemSchema.properties) ?? {};
+  const props = itemProperties(itemSchema, obj);
   const title = firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ?? spec.fallback ?? `Item ${index + 1}`;
   const summary = (spec.summary ?? []).map((part) => summaryPart(obj, part)).filter((s) => !!s).join(SUMMARY_SEPARATOR);
   const glyphValue = spec.glyph ? text(obj[spec.glyph]) : "";

package/dist/components/json-schema-form-item-summary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.cjs","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemSchema?.properties ?? {})) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  const props = itemSchema?.properties ?? {};\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":["isPlainObject","normalizeTone"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-item-summary.cjs","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// itemProperties is the item schema's effective properties — `allOf` members\n// included, so items composed of flattened `$ref`s summarize like any other —\n// resolved against `value`.\nfunction itemProperties(\n  itemSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): Record<string, JsonSchemaProperty> {\n  return itemSchema ? effectiveProperties(itemSchema as JsonSchemaObject, value).properties : {};\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item. The spec is one per\n// array, so there is no item value to select a conditional branch: only base\n// and unconditional properties (and `else` branches, which `{}` selects) count.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  // Resolved against this item's own value, as the item's body is rendered,\n  // so a property a matching `then`/`else` branch declares labels its chip.\n  const props = itemProperties(itemSchema, obj);\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":["isPlainObject","effectiveProperties","normalizeTone"],"mappings":"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"}

package/dist/components/json-schema-form-item-summary.d.ts

@@ -1,4 +1,4 @@
-import { ArrayItemAction, ArrayItemSpec, ArrayItemSummary, JsonSchemaProperty } from './json-schema-form-types';
+import { ArrayItemAction, ArrayItemSpec, ArrayItemSummary, JsonSchemaProperty } from './json-schema-form-types.js';
 export declare function resolveItemSpec(arraySchema: JsonSchemaProperty, itemSchema: JsonSchemaProperty | undefined): ArrayItemSpec;
 export declare function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean;
 export declare function itemSummaryFor({ item, index, spec, itemSchema, }: {

package/dist/components/json-schema-form-item-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-summary.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,gBAAgB,EAEhB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,eAAe,CAC7B,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,kBAAkB,GAAG,SAAS,GACzC,aAAa,CAsBf;AAYD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAEtF;AAgBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC5C,GAAG,gBAAgB,CA4CnB;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzE;AAID,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,GAAG,SAAS,CAIpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD"}
+{"version":3,"file":"json-schema-form-item-summary.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-summary.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,gBAAgB,EAGhB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAalC,wBAAgB,eAAe,CAC7B,WAAW,EAAE,kBAAkB,EAC/B,UAAU,EAAE,kBAAkB,GAAG,SAAS,GACzC,aAAa,CAsBf;AAYD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAEtF;AA4BD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,SAAS,CAAC;CAC5C,GAAG,gBAAgB,CA8CnB;AAID,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzE;AAID,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,GAAG,SAAS,CAIpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAExD"}

package/dist/components/json-schema-form-item-summary.js

@@ -1,4 +1,5 @@
 import { isPlainObject } from "../lib/collections.js";
+import { effectiveProperties } from "./json-schema-form-conditionals.js";
 import { normalizeTone } from "./json-schema-form-tone.js";
 const DEFAULT_TITLE_KEYS = ["title", "name", "label", "id", "key"];
 const SUMMARY_SEPARATOR = "  ·  ";
@@ -33,8 +34,11 @@ function itemActions(value) {
 function itemActionsAllow(spec, action) {
   return spec.actions ? spec.actions.includes(action) : true;
 }
+function itemProperties(itemSchema, value) {
+  return itemSchema ? effectiveProperties(itemSchema, value).properties : {};
+}
 function autoGlyphKey(itemSchema) {
-  for (const [key, prop] of Object.entries((itemSchema == null ? void 0 : itemSchema.properties) ?? {})) {
+  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {
     const icons = prop["x-enum-icons"];
     if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;
   }
@@ -48,7 +52,7 @@ function itemSummaryFor({
 }) {
   var _a, _b, _c;
   const obj = isPlainObject(item) ? item : {};
-  const props = (itemSchema == null ? void 0 : itemSchema.properties) ?? {};
+  const props = itemProperties(itemSchema, obj);
   const title = firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ?? spec.fallback ?? `Item ${index + 1}`;
   const summary = (spec.summary ?? []).map((part) => summaryPart(obj, part)).filter((s) => !!s).join(SUMMARY_SEPARATOR);
   const glyphValue = spec.glyph ? text(obj[spec.glyph]) : "";

package/dist/components/json-schema-form-item-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-item-summary.js","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemSchema?.properties ?? {})) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  const props = itemSchema?.properties ?? {};\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-item-summary.js","sources":["../../src/components/json-schema-form-item-summary.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport { normalizeTone } from \"./json-schema-form-tone\";\nimport type {\n  ArrayItemAction,\n  ArrayItemSpec,\n  ArrayItemSummary,\n  ArrayItemSummaryPart,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// Property names worth trying for a row title when the schema does not say.\n// Ordered most-human-readable first.\nconst DEFAULT_TITLE_KEYS = [\"title\", \"name\", \"label\", \"id\", \"key\"];\n\nconst SUMMARY_SEPARATOR = \"  ·  \";\nconst VALUE_SEPARATOR = \", \";\n\n// resolveItemSpec reads the array's `x-item` and fills in every default, so the\n// renderer never has to ask whether a key was supplied. With no `x-item` at all\n// the result reproduces today's behaviour exactly: an `Item <n>` title and an\n// \"Add item\" button.\nexport function resolveItemSpec(\n  arraySchema: JsonSchemaProperty,\n  itemSchema: JsonSchemaProperty | undefined,\n): ArrayItemSpec {\n  const raw = isPlainObject(arraySchema[\"x-item\"])\n    ? (arraySchema[\"x-item\"] as ArrayItemSpec)\n    : {};\n  const title = stringArray(raw.title);\n  const summary = summaryParts(raw.summary);\n  const glyph = typeof raw.glyph === \"string\" ? raw.glyph : autoGlyphKey(itemSchema);\n  return {\n    title: title.length > 0 ? title : DEFAULT_TITLE_KEYS,\n    ...(typeof raw.fallback === \"string\" && raw.fallback ? { fallback: raw.fallback } : {}),\n    ...(summary.length > 0 ? { summary } : {}),\n    ...(glyph ? { glyph } : {}),\n    ...(typeof raw.badge === \"string\" && raw.badge ? { badge: raw.badge } : {}),\n    ...(typeof raw.flag === \"string\" && raw.flag ? { flag: raw.flag } : {}),\n    // Only carried when the schema actually said something: an absent key means\n    // every action, while an explicit empty list means none, and those two\n    // cannot be told apart once the default has been filled in.\n    ...(Array.isArray(raw.actions) ? { actions: itemActions(raw.actions) } : {}),\n    noun: firstNonEmpty([raw.noun, itemSchema?.title]) ?? \"item\",\n    nounPlural: firstNonEmpty([raw.nounPlural, arraySchema.title]) ?? \"items\",\n    ...(typeof raw.empty === \"string\" && raw.empty ? { empty: raw.empty } : {}),\n  };\n}\n\nconst ITEM_ACTIONS: ArrayItemAction[] = [\"reorder\", \"duplicate\", \"remove\"];\n\nfunction itemActions(value: unknown[]): ArrayItemAction[] {\n  return value.filter((entry): entry is ArrayItemAction =>\n    ITEM_ACTIONS.includes(entry as ArrayItemAction),\n  );\n}\n\n// itemActionsAllow is the one question every array display asks of `x-item`, so\n// the accordion and the cards never disagree about what a schema permitted.\nexport function itemActionsAllow(spec: ArrayItemSpec, action: ArrayItemAction): boolean {\n  return spec.actions ? spec.actions.includes(action) : true;\n}\n\n// itemProperties is the item schema's effective properties — `allOf` members\n// included, so items composed of flattened `$ref`s summarize like any other —\n// resolved against `value`.\nfunction itemProperties(\n  itemSchema: JsonSchemaProperty | undefined,\n  value: Record<string, unknown>,\n): Record<string, JsonSchemaProperty> {\n  return itemSchema ? effectiveProperties(itemSchema as JsonSchemaObject, value).properties : {};\n}\n\n// autoGlyphKey picks the item property that can colour a row without being told:\n// the first enum carrying per-value icons. Keeps a schema that already declares\n// x-enum-icons from having to repeat itself in x-item. The spec is one per\n// array, so there is no item value to select a conditional branch: only base\n// and unconditional properties (and `else` branches, which `{}` selects) count.\nfunction autoGlyphKey(itemSchema: JsonSchemaProperty | undefined): string | undefined {\n  for (const [key, prop] of Object.entries(itemProperties(itemSchema, {}))) {\n    const icons = prop[\"x-enum-icons\"];\n    if (Array.isArray(prop.enum) && icons && Object.keys(icons).length > 0) return key;\n  }\n  return undefined;\n}\n\n// itemSummaryFor derives one collapsed row from the item's raw VALUE — never\n// from its rendered fields. A consumer pre-extension may hide a property's\n// control entirely (returning null) and still have it appear in the summary.\nexport function itemSummaryFor({\n  item,\n  index,\n  spec,\n  itemSchema,\n}: {\n  item: unknown;\n  index: number;\n  spec: ArrayItemSpec;\n  itemSchema: JsonSchemaProperty | undefined;\n}): ArrayItemSummary {\n  const obj = isPlainObject(item) ? item : {};\n  // Resolved against this item's own value, as the item's body is rendered,\n  // so a property a matching `then`/`else` branch declares labels its chip.\n  const props = itemProperties(itemSchema, obj);\n\n  const title =\n    firstNonEmpty((spec.title ?? DEFAULT_TITLE_KEYS).map((key) => text(obj[key]))) ??\n    spec.fallback ??\n    `Item ${index + 1}`;\n\n  const summary = (spec.summary ?? [])\n    .map((part) => summaryPart(obj, part))\n    .filter((s): s is string => !!s)\n    .join(SUMMARY_SEPARATOR);\n\n  const glyphValue = spec.glyph ? text(obj[spec.glyph]) : \"\";\n  const glyphProp = spec.glyph ? props[spec.glyph] : undefined;\n  const badgeValue = spec.badge ? text(obj[spec.badge]) : \"\";\n  const badgeProp = spec.badge ? props[spec.badge] : undefined;\n  const badgeIcon = badgeProp?.[\"x-enum-icons\"]?.[badgeValue];\n\n  return {\n    title,\n    ...(summary ? { summary } : {}),\n    ...(spec.glyph\n      ? {\n          glyph: {\n            ...(glyphProp?.[\"x-enum-icons\"]?.[glyphValue]\n              ? { icon: glyphProp[\"x-enum-icons\"][glyphValue] }\n              : {}),\n            tone: normalizeTone(glyphProp?.[\"x-enum-tones\"]?.[glyphValue]),\n            ...(glyphValue ? { label: enumLabel(glyphProp, glyphValue) } : {}),\n          },\n        }\n      : {}),\n    ...(badgeValue\n      ? {\n          badge: {\n            ...(badgeIcon ? { icon: badgeIcon } : {}),\n            label: enumLabel(badgeProp, badgeValue),\n          },\n        }\n      : {}),\n    ...(spec.flag && obj[spec.flag] === true ? { flagged: true } : {}),\n  };\n}\n\n// The add row's button text — \"Add parameter\" when the schema names its noun,\n// and the historical \"Add item\" when it does not.\nexport function addItemLabel(spec: ArrayItemSpec): string {\n  return `Add ${spec.noun ?? \"item\"}`;\n}\n\nexport function itemCountLabel(spec: ArrayItemSpec, count: number): string {\n  return count === 1\n    ? `1 ${spec.noun ?? \"item\"}`\n    : `${count} ${spec.nounPlural ?? \"items\"}`;\n}\n\n// The zero-item explanation. Falls back to the array's own description, so a\n// schema that already documents the field gets the empty state for free.\nexport function emptyItemsCopy(\n  spec: ArrayItemSpec,\n  arraySchema: JsonSchemaProperty,\n): string | undefined {\n  if (spec.empty) return spec.empty;\n  const description = typeof arraySchema.description === \"string\" ? arraySchema.description.trim() : \"\";\n  return description || undefined;\n}\n\nexport function noItemsLabel(spec: ArrayItemSpec): string {\n  return `No ${spec.nounPlural ?? \"items\"} yet`;\n}\n\n// summaryPart renders one part, substituting the value into a single literal\n// `{}` in the pattern. A pattern without `{}` renders as-is (it is a literal),\n// and a missing value drops the part rather than leaving a dangling separator.\nfunction summaryPart(\n  obj: Record<string, unknown>,\n  part: string | ArrayItemSummaryPart,\n): string | undefined {\n  const { property, pattern } = typeof part === \"string\" ? { property: part, pattern: undefined } : part;\n  const value = text(obj[property]);\n  if (!value) return undefined;\n  return pattern ? pattern.replace(\"{}\", value) : value;\n}\n\n// enumLabel prefers the human label the schema declares for a code, falling back\n// to the code itself. Unlike the combobox option list this does NOT render\n// \"Label (code)\" — a chip has room for one of the two, and the label is the one\n// worth reading.\nfunction enumLabel(prop: JsonSchemaProperty | undefined, value: string): string {\n  const label = prop?.[\"x-enum-labels\"]?.[value];\n  return typeof label === \"string\" && label ? label : value;\n}\n\n// text flattens a value to its display string. Arrays join, so a list-valued\n// property still reads as one line.\nfunction text(value: unknown): string {\n  if (value === undefined || value === null) return \"\";\n  if (Array.isArray(value)) return value.map(text).filter(Boolean).join(VALUE_SEPARATOR);\n  if (typeof value === \"object\") return \"\";\n  return String(value).trim();\n}\n\nfunction stringArray(value: unknown): string[] {\n  if (typeof value === \"string\") return [value];\n  if (!Array.isArray(value)) return [];\n  return value.filter((v): v is string => typeof v === \"string\" && !!v);\n}\n\nfunction summaryParts(value: unknown): Array<string | ArrayItemSummaryPart> {\n  if (!Array.isArray(value)) return [];\n  return (value as unknown[]).flatMap((part): Array<string | ArrayItemSummaryPart> => {\n    if (typeof part === \"string\" && part) return [part];\n    if (isPlainObject(part) && typeof part.property === \"string\" && part.property) {\n      return [\n        {\n          property: part.property,\n          ...(typeof part.pattern === \"string\" && part.pattern ? { pattern: part.pattern } : {}),\n        } satisfies ArrayItemSummaryPart,\n      ];\n    }\n    return [];\n  });\n}\n\nfunction firstNonEmpty(values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    const trimmed = typeof value === \"string\" ? value.trim() : \"\";\n    if (trimmed) return trimmed;\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-layout.cjs

@@ -168,18 +168,35 @@ function HelpHint({ label, helper }) {
     }
   );
 }
+function SectionHeading({
+  field,
+  label = field.label,
+  size,
+  helpDisplay
+}) {
+  const { required, badge, helper, labelIcon } = field;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn("flex min-w-0 items-center gap-2", jsonSchemaFormSize.labelSizeClass[size]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.LabelIcon,
+      {
+        icon: labelIcon,
+        className: "shrink-0 text-[15px] text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: label }),
+    required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
+    badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: badge }),
+    helpDisplay === "hover" && helper && /* @__PURE__ */ jsxRuntime.jsx(HelpHint, { label, helper })
+  ] });
+}
 function ObjectSection({
-  label,
-  required,
+  heading,
   size,
-  badge,
   helper,
-  labelIcon,
   helpDisplay,
   children
 }) {
   const hoverHelp = helpDisplay === "hover" && !!helper;
-  const headed = label !== "";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -188,26 +205,17 @@ function ObjectSection({
         jsonSchemaFormSize.fieldInnerGapClass[size]
       ),
       children: [
-        headed && /* @__PURE__ */ jsxRuntime.jsxs(
+        heading != null && // The header row owns the rule and weight, so whatever a post
+        // extension puts beside the heading sits inline in the same row.
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
+            "data-jsf-section-heading": true,
             className: utils.cn(
               "flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold",
               jsonSchemaFormSize.labelSizeClass[size]
             ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Icon.LabelIcon,
-                {
-                  icon: labelIcon,
-                  className: "shrink-0 text-[15px] text-muted-foreground"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: label }),
-              required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
-              badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: badge }),
-              hoverHelp && helper && /* @__PURE__ */ jsxRuntime.jsx(HelpHint, { label, helper })
-            ]
+            children: heading
           }
         ),
         helper && !hoverHelp && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "min-w-0 break-words text-xs text-muted-foreground", children: helper }),
@@ -221,4 +229,5 @@ exports.FieldWrapper = FieldWrapper;
 exports.FieldsGrid = FieldsGrid;
 exports.HelpHint = HelpHint;
 exports.ObjectSection = ObjectSection;
+exports.SectionHeading = SectionHeading;
 //# sourceMappingURL=json-schema-form-layout.cjs.map

package/dist/components/json-schema-form-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-layout.cjs","sources":["../../src/components/json-schema-form-layout.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { PropertiesContext } from \"../data/properties-context\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport type {\n  FieldControl,\n  FormLayout,\n  GridColumns,\n  HelpDisplay,\n} from \"./json-schema-form-types\";\nimport { DEFAULT_COLUMN_MIN_WIDTH } from \"./json-schema-form-utils\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inlineRowGapClass,\n  labelSizeClass,\n  stackedRowGapClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\n// FieldsGrid is the container every group of field rows renders into — the\n// top-level form and each nested object/map. In inline mode it owns the single\n// 2-column track definition: `fit-content(labelMaxWidth)` for the label column,\n// `minmax(0, valueMaxWidth)` for the value column. Every field row is a\n// `subgrid` that inherits these tracks, so all labels share one column width and\n// every value lines up — a real form grid, not per-row independent grids.\n// (`fit-content()` is the only valid CSS for \"size to content, clamped to a max\"\n// — `min(w, max-content)` is rejected by the browser, which silently drops the\n// whole declaration and collapses every row to a stacked-looking column. The\n// template is an inline style because Tailwind can't interpolate runtime widths.)\n// Stacked mode is a plain single-column grid.\nexport function FieldsGrid({\n  layout,\n  size,\n  columns,\n  columnMinWidth,\n  columnsMaxWidth,\n  className,\n  children,\n}: {\n  layout: FormLayout;\n  size: FormSize;\n  // Object-level `x-columns`: split a stacked object into N equal columns, or\n  // \"auto\" to fit as many `columnMinWidth`-wide columns as the container allows.\n  // Fields span one column unless they set `x-col-span`. Ignored in inline mode\n  // (which owns its own 2-track label/value layout).\n  columns?: GridColumns;\n  // `x-columns: \"auto\"` only: the minmax() floor for one column, and an optional\n  // cap on the whole grid so controls don't stretch edge to edge on a wide\n  // screen. CSS lengths, applied inline — a runtime width can't be a Tailwind\n  // arbitrary class, because the scanner never sees it.\n  columnMinWidth?: string;\n  columnsMaxWidth?: string;\n  // Object-level `x-classes`: extra classes merged onto the grid container\n  // (e.g. `gap-2`, padding). Applied last so a standard utility wins over the\n  // defaults via tailwind-merge.\n  className?: string;\n  children: ReactNode;\n}) {\n  const propertiesParent = useContext(PropertiesContext);\n  if (layout.mode === \"properties\") {\n    return (\n      <div\n        className={cn(\n          \"min-w-0 overflow-hidden rounded-md border border-border\",\n          propertiesParent &&\n            \"col-span-full grid grid-cols-subgrid rounded-none border-0\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (layout.mode === \"inline\") {\n    const labelMaxWidth = layout.labelMaxWidth ?? \"40ch\";\n    const valueMaxWidth = layout.valueMaxWidth ?? \"600px\";\n    return (\n      <div\n        className={cn(\"grid\", inlineRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns === \"auto\") {\n    return (\n      <div\n        className={cn(\"grid gap-x-4\", stackedRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${columnMinWidth ?? DEFAULT_COLUMN_MIN_WIDTH}, 1fr))`,\n          ...(columnsMaxWidth ? { maxWidth: columnsMaxWidth } : {}),\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns && columns > 1) {\n    return (\n      <div\n        className={cn(\"grid gap-x-3\", stackedRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"grid\", stackedRowGapClass[size], className)}>\n      {children}\n    </div>\n  );\n}\n\n// FieldWrapper lays out a single label + value (+ helper/error). In inline mode\n// it is a `subgrid` row spanning the parent FieldsGrid's two columns, so its\n// label and value snap to the shared label/value tracks (helper/error sit under\n// the value column). In stacked mode the label sits tight above its control as\n// one unit, capped at valueMaxWidth so controls don't stretch edge to edge.\nexport function FieldWrapper({\n  label,\n  value,\n  helper,\n  error,\n  layout,\n  size,\n  maxWidth,\n}: {\n  label: ReactNode;\n  value: ReactNode;\n  helper?: ReactNode;\n  error?: ReactNode;\n  layout: FormLayout;\n  size: FormSize;\n  // Overrides the stacked value-width cap. A field spanning the full row of a\n  // multi-column grid passes \"none\", so it actually fills the row it was given\n  // instead of stopping at the shared 600px cap.\n  maxWidth?: string;\n}) {\n  if (layout.mode === \"inline\") {\n    return (\n      <div className=\"col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5\">\n        <div\n          className={cn(\n            \"flex min-w-0 items-center\",\n            controlMinHeightClass[size],\n          )}\n        >\n          {label}\n        </div>\n        <div className=\"min-w-0\">{value}</div>\n        {helper && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{helper}</p>\n        )}\n        {error && (\n          <p className=\"col-start-2 text-xs text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex w-full flex-col gap-1\"\n      style={{ maxWidth: maxWidth ?? layout.valueMaxWidth ?? \"600px\" }}\n    >\n      {label}\n      {value}\n      {helper && <p className=\"text-xs text-muted-foreground\">{helper}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\nexport function FieldLabel({\n  field,\n  fieldId,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  size: FormSize;\n  // When \"hover\", the description rides on the label as a `?` instead of being\n  // rendered as a paragraph under the control by FieldWrapper.\n  helpDisplay?: HelpDisplay;\n}) {\n  return (\n    <label\n      htmlFor={fieldId}\n      className={cn(\n        \"flex min-w-0 items-center gap-2 font-medium\",\n        labelSizeClass[size],\n        field.labelClassName,\n      )}\n    >\n      <LabelIcon\n        icon={field.labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span\n        className=\"truncate\"\n        title={field.label !== field.key ? field.key : undefined}\n      >\n        {field.label}\n      </span>\n      {field.required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && field.helper && (\n        <HelpHint label={field.label} helper={field.helper} />\n      )}\n    </label>\n  );\n}\n\n// HelpHint is the `?` affordance that replaces a permanent description\n// paragraph. HoverCard opens on focus as well as hover, so the text stays\n// reachable from the keyboard rather than being mouse-only.\nexport function HelpHint({ label, helper }: { label: string; helper: string }) {\n  return (\n    <HoverCard\n      placement=\"top\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`About ${label}`}\n          className=\"shrink-0 cursor-help text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <Icon icon={UiQuestion} className=\"text-sm\" />\n        </button>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-left text-xs font-normal text-foreground\"\n    >\n      {helper}\n    </HoverCard>\n  );\n}\n\n// ObjectSection renders a nested object as a labelled section: a header row\n// (the field label + required/badge) above its fields, which fill the full\n// width below. It replaces the inline label + bordered box so nested objects\n// read as flat, headed groups rather than indented sub-forms. `col-span-full`\n// makes it span both tracks of an inline FieldsGrid (full width, not crammed\n// into the value column); in a stacked single-column grid it is a no-op.\n//\n// A field whose schema gives it an EMPTY title renders with no header at all:\n// the host already titled it (a collapsible section of its own, a dialog), and\n// a headed section inside that one would say the same word twice. A missing\n// title is not this — it falls back to the humanised key, as every other\n// control does — so only an explicit `\"title\": \"\"` opts out.\nexport function ObjectSection({\n  label,\n  required,\n  size,\n  badge,\n  helper,\n  labelIcon,\n  helpDisplay,\n  children,\n}: {\n  label: string;\n  required: boolean;\n  size: FormSize;\n  badge?: string;\n  helper?: string;\n  labelIcon?: LabelIconSpec;\n  helpDisplay?: HelpDisplay;\n  children: ReactNode;\n}) {\n  const hoverHelp = helpDisplay === \"hover\" && !!helper;\n  const headed = label !== \"\";\n  return (\n    <div\n      className={cn(\n        \"col-span-full flex min-w-0 max-w-full flex-col\",\n        fieldInnerGapClass[size],\n      )}\n    >\n      {headed && (\n      <div\n        className={cn(\n          \"flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold\",\n          labelSizeClass[size],\n        )}\n      >\n        <LabelIcon\n          icon={labelIcon}\n          className=\"shrink-0 text-[15px] text-muted-foreground\"\n        />\n        <span className=\"min-w-0 truncate\">{label}</span>\n        {required && <span className=\"shrink-0 text-destructive\">*</span>}\n        {badge && (\n          <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {hoverHelp && helper && <HelpHint label={label} helper={helper} />}\n      </div>\n      )}\n      {helper && !hoverHelp && (\n        <p className=\"min-w-0 break-words text-xs text-muted-foreground\">\n          {helper}\n        </p>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["useContext","PropertiesContext","jsx","cn","inlineRowGapClass","stackedRowGapClass","DEFAULT_COLUMN_MIN_WIDTH","jsxs","controlMinHeightClass","labelSizeClass","LabelIcon","HoverCard","Icon","UiQuestion","fieldInnerGapClass"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-layout.cjs","sources":["../../src/components/json-schema-form-layout.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { PropertiesContext } from \"../data/properties-context\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport type {\n  FieldControl,\n  FormLayout,\n  GridColumns,\n  HelpDisplay,\n} from \"./json-schema-form-types\";\nimport { DEFAULT_COLUMN_MIN_WIDTH } from \"./json-schema-form-utils\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inlineRowGapClass,\n  labelSizeClass,\n  stackedRowGapClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\n// FieldsGrid is the container every group of field rows renders into — the\n// top-level form and each nested object/map. In inline mode it owns the single\n// 2-column track definition: `fit-content(labelMaxWidth)` for the label column,\n// `minmax(0, valueMaxWidth)` for the value column. Every field row is a\n// `subgrid` that inherits these tracks, so all labels share one column width and\n// every value lines up — a real form grid, not per-row independent grids.\n// (`fit-content()` is the only valid CSS for \"size to content, clamped to a max\"\n// — `min(w, max-content)` is rejected by the browser, which silently drops the\n// whole declaration and collapses every row to a stacked-looking column. The\n// template is an inline style because Tailwind can't interpolate runtime widths.)\n// Stacked mode is a plain single-column grid.\nexport function FieldsGrid({\n  layout,\n  size,\n  columns,\n  columnMinWidth,\n  columnsMaxWidth,\n  className,\n  children,\n}: {\n  layout: FormLayout;\n  size: FormSize;\n  // Object-level `x-columns`: split a stacked object into N equal columns, or\n  // \"auto\" to fit as many `columnMinWidth`-wide columns as the container allows.\n  // Fields span one column unless they set `x-col-span`. Ignored in inline mode\n  // (which owns its own 2-track label/value layout).\n  columns?: GridColumns;\n  // `x-columns: \"auto\"` only: the minmax() floor for one column, and an optional\n  // cap on the whole grid so controls don't stretch edge to edge on a wide\n  // screen. CSS lengths, applied inline — a runtime width can't be a Tailwind\n  // arbitrary class, because the scanner never sees it.\n  columnMinWidth?: string;\n  columnsMaxWidth?: string;\n  // Object-level `x-classes`: extra classes merged onto the grid container\n  // (e.g. `gap-2`, padding). Applied last so a standard utility wins over the\n  // defaults via tailwind-merge.\n  className?: string;\n  children: ReactNode;\n}) {\n  const propertiesParent = useContext(PropertiesContext);\n  if (layout.mode === \"properties\") {\n    return (\n      <div\n        className={cn(\n          \"min-w-0 overflow-hidden rounded-md border border-border\",\n          propertiesParent &&\n            \"col-span-full grid grid-cols-subgrid rounded-none border-0\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (layout.mode === \"inline\") {\n    const labelMaxWidth = layout.labelMaxWidth ?? \"40ch\";\n    const valueMaxWidth = layout.valueMaxWidth ?? \"600px\";\n    return (\n      <div\n        className={cn(\"grid\", inlineRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns === \"auto\") {\n    return (\n      <div\n        className={cn(\"grid gap-x-4\", stackedRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${columnMinWidth ?? DEFAULT_COLUMN_MIN_WIDTH}, 1fr))`,\n          ...(columnsMaxWidth ? { maxWidth: columnsMaxWidth } : {}),\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns && columns > 1) {\n    return (\n      <div\n        className={cn(\"grid gap-x-3\", stackedRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"grid\", stackedRowGapClass[size], className)}>\n      {children}\n    </div>\n  );\n}\n\n// FieldWrapper lays out a single label + value (+ helper/error). In inline mode\n// it is a `subgrid` row spanning the parent FieldsGrid's two columns, so its\n// label and value snap to the shared label/value tracks (helper/error sit under\n// the value column). In stacked mode the label sits tight above its control as\n// one unit, capped at valueMaxWidth so controls don't stretch edge to edge.\nexport function FieldWrapper({\n  label,\n  value,\n  helper,\n  error,\n  layout,\n  size,\n  maxWidth,\n}: {\n  label: ReactNode;\n  value: ReactNode;\n  helper?: ReactNode;\n  error?: ReactNode;\n  layout: FormLayout;\n  size: FormSize;\n  // Overrides the stacked value-width cap. A field spanning the full row of a\n  // multi-column grid passes \"none\", so it actually fills the row it was given\n  // instead of stopping at the shared 600px cap.\n  maxWidth?: string;\n}) {\n  if (layout.mode === \"inline\") {\n    return (\n      <div className=\"col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5\">\n        <div\n          className={cn(\n            \"flex min-w-0 items-center\",\n            controlMinHeightClass[size],\n          )}\n        >\n          {label}\n        </div>\n        <div className=\"min-w-0\">{value}</div>\n        {helper && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{helper}</p>\n        )}\n        {error && (\n          <p className=\"col-start-2 text-xs text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex w-full flex-col gap-1\"\n      style={{ maxWidth: maxWidth ?? layout.valueMaxWidth ?? \"600px\" }}\n    >\n      {label}\n      {value}\n      {helper && <p className=\"text-xs text-muted-foreground\">{helper}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\nexport function FieldLabel({\n  field,\n  fieldId,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  size: FormSize;\n  // When \"hover\", the description rides on the label as a `?` instead of being\n  // rendered as a paragraph under the control by FieldWrapper.\n  helpDisplay?: HelpDisplay;\n}) {\n  return (\n    <label\n      htmlFor={fieldId}\n      className={cn(\n        \"flex min-w-0 items-center gap-2 font-medium\",\n        labelSizeClass[size],\n        field.labelClassName,\n      )}\n    >\n      <LabelIcon\n        icon={field.labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span\n        className=\"truncate\"\n        title={field.label !== field.key ? field.key : undefined}\n      >\n        {field.label}\n      </span>\n      {field.required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && field.helper && (\n        <HelpHint label={field.label} helper={field.helper} />\n      )}\n    </label>\n  );\n}\n\n// HelpHint is the `?` affordance that replaces a permanent description\n// paragraph. HoverCard opens on focus as well as hover, so the text stays\n// reachable from the keyboard rather than being mouse-only.\nexport function HelpHint({ label, helper }: { label: string; helper: string }) {\n  return (\n    <HoverCard\n      placement=\"top\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`About ${label}`}\n          className=\"shrink-0 cursor-help text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <Icon icon={UiQuestion} className=\"text-sm\" />\n        </button>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-left text-xs font-normal text-foreground\"\n    >\n      {helper}\n    </HoverCard>\n  );\n}\n\n// SectionHeading is the content of a section's header row: the label with its\n// icon, required marker, badge and hover help. It is the label node buildField\n// hands to post extensions for a field that renders as a section; a section\n// with an empty title has no heading at all (see ObjectSection).\nexport function SectionHeading({\n  field,\n  label = field.label,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  label?: string;\n  size: FormSize;\n  helpDisplay?: HelpDisplay;\n}) {\n  const { required, badge, helper, labelIcon } = field;\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-2\", labelSizeClass[size])}>\n      <LabelIcon\n        icon={labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span className=\"min-w-0 truncate\">{label}</span>\n      {required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && helper && <HelpHint label={label} helper={helper} />}\n    </span>\n  );\n}\n\n// ObjectSection renders a nested object as a labelled section: a header row\n// (the field label + required/badge) above its fields, which fill the full\n// width below. It replaces the inline label + bordered box so nested objects\n// read as flat, headed groups rather than indented sub-forms. `col-span-full`\n// makes it span both tracks of an inline FieldsGrid (full width, not crammed\n// into the value column); in a stacked single-column grid it is a no-op.\n//\n// A field whose schema gives it an EMPTY title renders with no header at all:\n// the host already titled it (a collapsible section of its own, a dialog), and\n// a headed section inside that one would say the same word twice. A missing\n// title is not this — it falls back to the humanised key, as every other\n// control does — so only an explicit `\"title\": \"\"` opts out.\n//\n// The header row is a separate SectionHeading node (null for no header), so\n// the post extensions that decorate every other field's label decorate a\n// section's header too.\nexport function ObjectSection({\n  heading,\n  size,\n  helper,\n  helpDisplay,\n  children,\n}: {\n  heading: ReactNode;\n  size: FormSize;\n  helper?: string;\n  helpDisplay?: HelpDisplay;\n  children: ReactNode;\n}) {\n  const hoverHelp = helpDisplay === \"hover\" && !!helper;\n  return (\n    <div\n      className={cn(\n        \"col-span-full flex min-w-0 max-w-full flex-col\",\n        fieldInnerGapClass[size],\n      )}\n    >\n      {heading != null && (\n        // The header row owns the rule and weight, so whatever a post\n        // extension puts beside the heading sits inline in the same row.\n        <div\n          data-jsf-section-heading\n          className={cn(\n            \"flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold\",\n            labelSizeClass[size],\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {helper && !hoverHelp && (\n        <p className=\"min-w-0 break-words text-xs text-muted-foreground\">\n          {helper}\n        </p>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["useContext","PropertiesContext","jsx","cn","inlineRowGapClass","stackedRowGapClass","DEFAULT_COLUMN_MIN_WIDTH","jsxs","controlMinHeightClass","labelSizeClass","LabelIcon","HoverCard","Icon","UiQuestion","fieldInnerGapClass"],"mappings":"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"}

package/dist/components/json-schema-form-layout.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { LabelIconSpec } from '../data/Icon';
-import { FieldControl, FormLayout, GridColumns, HelpDisplay } from './json-schema-form-types';
-import { FormSize } from './json-schema-form-size';
+import { FieldControl, FormLayout, GridColumns, HelpDisplay } from './json-schema-form-types.js';
+import { FormSize } from './json-schema-form-size.js';
 export declare function FieldsGrid({ layout, size, columns, columnMinWidth, columnsMaxWidth, className, children, }: {
     layout: FormLayout;
     size: FormSize;
@@ -30,13 +29,16 @@ export declare function HelpHint({ label, helper }: {
     label: string;
     helper: string;
 }): import("react").JSX.Element;
-export declare function ObjectSection({ label, required, size, badge, helper, labelIcon, helpDisplay, children, }: {
-    label: string;
-    required: boolean;
+export declare function SectionHeading({ field, label, size, helpDisplay, }: {
+    field: FieldControl;
+    label?: string;
+    size: FormSize;
+    helpDisplay?: HelpDisplay;
+}): import("react").JSX.Element;
+export declare function ObjectSection({ heading, size, helper, helpDisplay, children, }: {
+    heading: ReactNode;
     size: FormSize;
-    badge?: string;
     helper?: string;
-    labelIcon?: LabelIconSpec;
     helpDisplay?: HelpDisplay;
     children: ReactNode;
 }): import("react").JSX.Element;

package/dist/components/json-schema-form-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-layout.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAGnE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AAajC,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAKf,OAAO,CAAC,EAAE,WAAW,CAAC;IAKtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAIzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA0DA;AAOD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAIf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAiCA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;IAGf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,+BA+BA;AAKD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,+BAkB5E;AAcD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAuCA"}
+{"version":3,"file":"json-schema-form-layout.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,WAAW,EACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,yBAAyB,CAAC;AAajC,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAKf,OAAO,CAAC,EAAE,WAAW,CAAC;IAKtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAIzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA0DA;AAOD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IAIf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAiCA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,QAAQ,CAAC;IAGf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,+BA+BA;AAKD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,+BAkB5E;AAMD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAmB,EACnB,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,+BAkBA;AAkBD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA8BA"}

package/dist/components/json-schema-form-layout.js

@@ -166,18 +166,35 @@ function HelpHint({ label, helper }) {
     }
   );
 }
+function SectionHeading({
+  field,
+  label = field.label,
+  size,
+  helpDisplay
+}) {
+  const { required, badge, helper, labelIcon } = field;
+  return /* @__PURE__ */ jsxs("span", { className: cn("flex min-w-0 items-center gap-2", labelSizeClass[size]), children: [
+    /* @__PURE__ */ jsx(
+      LabelIcon,
+      {
+        icon: labelIcon,
+        className: "shrink-0 text-[15px] text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: label }),
+    required && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
+    badge && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: badge }),
+    helpDisplay === "hover" && helper && /* @__PURE__ */ jsx(HelpHint, { label, helper })
+  ] });
+}
 function ObjectSection({
-  label,
-  required,
+  heading,
   size,
-  badge,
   helper,
-  labelIcon,
   helpDisplay,
   children
 }) {
   const hoverHelp = helpDisplay === "hover" && !!helper;
-  const headed = label !== "";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -186,26 +203,17 @@ function ObjectSection({
         fieldInnerGapClass[size]
       ),
       children: [
-        headed && /* @__PURE__ */ jsxs(
+        heading != null && // The header row owns the rule and weight, so whatever a post
+        // extension puts beside the heading sits inline in the same row.
+        /* @__PURE__ */ jsx(
           "div",
           {
+            "data-jsf-section-heading": true,
             className: cn(
               "flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold",
               labelSizeClass[size]
             ),
-            children: [
-              /* @__PURE__ */ jsx(
-                LabelIcon,
-                {
-                  icon: labelIcon,
-                  className: "shrink-0 text-[15px] text-muted-foreground"
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: label }),
-              required && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-destructive", children: "*" }),
-              badge && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: badge }),
-              hoverHelp && helper && /* @__PURE__ */ jsx(HelpHint, { label, helper })
-            ]
+            children: heading
           }
         ),
         helper && !hoverHelp && /* @__PURE__ */ jsx("p", { className: "min-w-0 break-words text-xs text-muted-foreground", children: helper }),
@@ -219,6 +227,7 @@ export {
   FieldWrapper,
   FieldsGrid,
   HelpHint,
-  ObjectSection
+  ObjectSection,
+  SectionHeading
 };
 //# sourceMappingURL=json-schema-form-layout.js.map