@flanksource/clicky-ui 0.3.19 → 0.3.20

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

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../lib/utils.cjs");
+const Icon = require("../data/Icon.cjs");
+const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
+const jsonSchemaFormTone = require("./json-schema-form-tone.cjs");
+const UiAsterisk = require("../icons/components/UiAsterisk.cjs");
+const UiChevronUp = require("../icons/components/UiChevronUp.cjs");
+const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
+const UiCopy = require("../icons/components/UiCopy.cjs");
+const UiTrash = require("../icons/components/UiTrash.cjs");
+function ItemGlyph({ glyph }) {
+  if (!glyph) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      title: glyph.label,
+      className: utils.cn(
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset",
+        jsonSchemaFormTone.TONE_GLYPH_CLASS[glyph.tone]
+      ),
+      children: glyph.icon != null && /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: glyph.icon, className: "text-[13px]" })
+    }
+  );
+}
+function ItemBadge({ badge }) {
+  if (!badge) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: [
+    badge.icon != null && /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: badge.icon, className: "text-[13px]" }),
+    badge.label
+  ] });
+}
+function RequiredMark() {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Required", className: "inline-flex shrink-0 items-center text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAsterisk.UiAsterisk, className: "text-[11px]" }) });
+}
+function ItemRowActions({
+  index,
+  title,
+  size,
+  onUp,
+  onDown,
+  onDuplicate,
+  onRemove
+}) {
+  const action = utils.cn(
+    "inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30",
+    jsonSchemaFormSize.controlHeightClass[size]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Move ${title} up`, disabled: !onUp, className: action, onClick: onUp, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronUp.UiChevronUp, className: "text-sm" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Move ${title} down`,
+        disabled: !onDown,
+        className: action,
+        onClick: onDown,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronDown.UiChevronDown, className: "text-sm" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Duplicate ${title}`, className: action, onClick: onDuplicate, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCopy.UiCopy, className: "text-sm" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove ${title}`,
+        className: utils.cn(action, "hover:bg-destructive/10 hover:text-destructive"),
+        onClick: onRemove,
+        "data-item-index": index,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" })
+      }
+    )
+  ] });
+}
+exports.ItemBadge = ItemBadge;
+exports.ItemGlyph = ItemGlyph;
+exports.ItemRowActions = ItemRowActions;
+exports.RequiredMark = RequiredMark;
+//# sourceMappingURL=json-schema-form-item-row.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-item-row.cjs","sources":["../../src/components/json-schema-form-item-row.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiAsterisk, UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass, type FormSize } from \"./json-schema-form-size\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport type { ArrayItemSummary } from \"./json-schema-form-types\";\n\n// The parts an array item's identifying row is made of, shared by every\n// object-array display. They read only from ArrayItemSummary — the derived,\n// render-ready description of one item — so a display never learns what the\n// item is, and `x-item` stays the single place a consumer says how to\n// summarize one.\n\nexport function ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nexport function ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\nexport function RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\nexport function ItemRowActions({\n  index,\n  title,\n  size,\n  onUp,\n  onDown,\n  onDuplicate,\n  onRemove,\n}: {\n  index: number;\n  title: string;\n  size: FormSize;\n  onUp?: () => void;\n  onDown?: () => void;\n  onDuplicate: () => void;\n  onRemove: () => void;\n}) {\n  // Hidden until the row is hovered or something inside it takes focus, so a\n  // long list is not a wall of permanently dim icons — but keyboard users see\n  // them the moment they arrive. Needs `group` on the item container.\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\">\n      <button type=\"button\" aria-label={`Move ${title} up`} disabled={!onUp} className={action} onClick={onUp}>\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move ${title} down`}\n        disabled={!onDown}\n        className={action}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Duplicate ${title}`} className={action} onClick={onDuplicate}>\n        <Icon icon={UiCopy} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove ${title}`}\n        className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n        onClick={onRemove}\n        data-item-index={index}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n"],"names":["jsx","cn","TONE_GLYPH_CLASS","LabelIcon","jsxs","Icon","UiAsterisk","controlHeightClass","UiChevronUp","UiChevronDown","UiCopy","UiTrash"],"mappings":";;;;;;;;;;;;AAaO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACAC,mBAAAA,iBAAiB,MAAM,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA,MAAM,QAAQ,QAAQF,2BAAAA,IAACG,KAAAA,aAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACEC,2BAAAA,KAAC,QAAA,EAAK,WAAU,2HACb,UAAA;AAAA,IAAA,MAAM,QAAQ,QAAQJ,2BAAAA,IAACG,KAAAA,WAAA,EAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAC3E,MAAM;AAAA,EAAA,GACT;AAEJ;AAEO,SAAS,eAAe;AAC7B,SACEH,2BAAAA,IAAC,QAAA,EAAK,OAAM,YAAW,WAAU,sDAC/B,UAAAA,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMC,WAAAA,YAAY,WAAU,cAAA,CAAc,GAClD;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AAID,QAAM,SAASL,MAAAA;AAAAA,IACb;AAAA,IACAM,mBAAAA,mBAAmB,IAAI;AAAA,EAAA;AAEzB,SACEH,2BAAAA,KAAC,OAAA,EAAI,WAAU,4HACb,UAAA;AAAA,IAAAJ,2BAAAA,IAAC,UAAA,EAAO,MAAK,UAAS,cAAY,QAAQ,KAAK,OAAO,UAAU,CAAC,MAAM,WAAW,QAAQ,SAAS,MACjG,UAAAA,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMG,YAAAA,aAAa,WAAU,WAAU,EAAA,CAC/C;AAAA,IACAR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,QAAQ,KAAK;AAAA,QACzB,UAAU,CAAC;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QAET,UAAAA,2BAAAA,IAACK,WAAA,EAAK,MAAMI,cAAAA,eAAe,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEhD,UAAA,EAAO,MAAK,UAAS,cAAY,aAAa,KAAK,IAAI,WAAW,QAAQ,SAAS,aAClF,UAAAT,2BAAAA,IAACK,WAAA,EAAK,MAAMK,OAAAA,QAAQ,WAAU,WAAU,GAC1C;AAAA,IACAV,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAWC,MAAAA,GAAG,QAAQ,gDAAgD;AAAA,QACtE,SAAS;AAAA,QACT,mBAAiB;AAAA,QAEjB,UAAAD,2BAAAA,IAACK,WAAA,EAAK,MAAMM,QAAAA,SAAS,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;;;;;"}

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

@@ -0,0 +1,19 @@
+import { FormSize } from './json-schema-form-size';
+import { ArrayItemSummary } from './json-schema-form-types';
+export declare function ItemGlyph({ glyph }: {
+    glyph?: ArrayItemSummary["glyph"];
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function ItemBadge({ badge }: {
+    badge?: ArrayItemSummary["badge"];
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function RequiredMark(): import("react/jsx-runtime").JSX.Element;
+export declare function ItemRowActions({ index, title, size, onUp, onDown, onDuplicate, onRemove, }: {
+    index: number;
+    title: string;
+    size: FormSize;
+    onUp?: () => void;
+    onDown?: () => void;
+    onDuplicate: () => void;
+    onRemove: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=json-schema-form-item-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-item-row.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-item-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAAE,kDAazE;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAAE,kDAQzE;AAED,wBAAgB,YAAY,4CAM3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,2CAoCA"}

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

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { LabelIcon, Icon } from "../data/Icon.js";
+import { controlHeightClass } from "./json-schema-form-size.js";
+import { TONE_GLYPH_CLASS } from "./json-schema-form-tone.js";
+import { UiAsterisk } from "../icons/components/UiAsterisk.js";
+import { UiChevronUp } from "../icons/components/UiChevronUp.js";
+import { UiChevronDown } from "../icons/components/UiChevronDown.js";
+import { UiCopy } from "../icons/components/UiCopy.js";
+import { UiTrash } from "../icons/components/UiTrash.js";
+function ItemGlyph({ glyph }) {
+  if (!glyph) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title: glyph.label,
+      className: cn(
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset",
+        TONE_GLYPH_CLASS[glyph.tone]
+      ),
+      children: glyph.icon != null && /* @__PURE__ */ jsx(LabelIcon, { icon: glyph.icon, className: "text-[13px]" })
+    }
+  );
+}
+function ItemBadge({ badge }) {
+  if (!badge) return null;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: [
+    badge.icon != null && /* @__PURE__ */ jsx(LabelIcon, { icon: badge.icon, className: "text-[13px]" }),
+    badge.label
+  ] });
+}
+function RequiredMark() {
+  return /* @__PURE__ */ jsx("span", { title: "Required", className: "inline-flex shrink-0 items-center text-destructive", children: /* @__PURE__ */ jsx(Icon, { icon: UiAsterisk, className: "text-[11px]" }) });
+}
+function ItemRowActions({
+  index,
+  title,
+  size,
+  onUp,
+  onDown,
+  onDuplicate,
+  onRemove
+}) {
+  const action = cn(
+    "inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30",
+    controlHeightClass[size]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Move ${title} up`, disabled: !onUp, className: action, onClick: onUp, children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronUp, className: "text-sm" }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Move ${title} down`,
+        disabled: !onDown,
+        className: action,
+        onClick: onDown,
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronDown, className: "text-sm" })
+      }
+    ),
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Duplicate ${title}`, className: action, onClick: onDuplicate, children: /* @__PURE__ */ jsx(Icon, { icon: UiCopy, className: "text-sm" }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove ${title}`,
+        className: cn(action, "hover:bg-destructive/10 hover:text-destructive"),
+        onClick: onRemove,
+        "data-item-index": index,
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" })
+      }
+    )
+  ] });
+}
+export {
+  ItemBadge,
+  ItemGlyph,
+  ItemRowActions,
+  RequiredMark
+};
+//# sourceMappingURL=json-schema-form-item-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-item-row.js","sources":["../../src/components/json-schema-form-item-row.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiAsterisk, UiChevronDown, UiChevronUp, UiCopy, UiTrash } from \"../icons\";\nimport { controlHeightClass, type FormSize } from \"./json-schema-form-size\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport type { ArrayItemSummary } from \"./json-schema-form-types\";\n\n// The parts an array item's identifying row is made of, shared by every\n// object-array display. They read only from ArrayItemSummary — the derived,\n// render-ready description of one item — so a display never learns what the\n// item is, and `x-item` stays the single place a consumer says how to\n// summarize one.\n\nexport function ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nexport function ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\nexport function RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\nexport function ItemRowActions({\n  index,\n  title,\n  size,\n  onUp,\n  onDown,\n  onDuplicate,\n  onRemove,\n}: {\n  index: number;\n  title: string;\n  size: FormSize;\n  onUp?: () => void;\n  onDown?: () => void;\n  onDuplicate: () => void;\n  onRemove: () => void;\n}) {\n  // Hidden until the row is hovered or something inside it takes focus, so a\n  // long list is not a wall of permanently dim icons — but keyboard users see\n  // them the moment they arrive. Needs `group` on the item container.\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\">\n      <button type=\"button\" aria-label={`Move ${title} up`} disabled={!onUp} className={action} onClick={onUp}>\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move ${title} down`}\n        disabled={!onDown}\n        className={action}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Duplicate ${title}`} className={action} onClick={onDuplicate}>\n        <Icon icon={UiCopy} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove ${title}`}\n        className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n        onClick={onRemove}\n        data-item-index={index}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,iBAAiB,MAAM,IAAI;AAAA,MAAA;AAAA,MAG5B,UAAA,MAAM,QAAQ,QAAQ,oBAAC,aAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAGlF;AAEO,SAAS,UAAU,EAAE,SAAgD;AAC1E,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,qBAAC,QAAA,EAAK,WAAU,2HACb,UAAA;AAAA,IAAA,MAAM,QAAQ,QAAQ,oBAAC,WAAA,EAAU,MAAM,MAAM,MAAM,WAAU,cAAA,CAAc;AAAA,IAC3E,MAAM;AAAA,EAAA,GACT;AAEJ;AAEO,SAAS,eAAe;AAC7B,SACE,oBAAC,QAAA,EAAK,OAAM,YAAW,WAAU,sDAC/B,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,cAAA,CAAc,GAClD;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AAID,QAAM,SAAS;AAAA,IACb;AAAA,IACA,mBAAmB,IAAI;AAAA,EAAA;AAEzB,SACE,qBAAC,OAAA,EAAI,WAAU,4HACb,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,cAAY,QAAQ,KAAK,OAAO,UAAU,CAAC,MAAM,WAAW,QAAQ,SAAS,MACjG,UAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,WAAU,EAAA,CAC/C;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,QAAQ,KAAK;AAAA,QACzB,UAAU,CAAC;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QAET,UAAA,oBAAC,MAAA,EAAK,MAAM,eAAe,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEhD,UAAA,EAAO,MAAK,UAAS,cAAY,aAAa,KAAK,IAAI,WAAW,QAAQ,SAAS,aAClF,UAAA,oBAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,WAAU,GAC1C;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,KAAK;AAAA,QAC3B,WAAW,GAAG,QAAQ,gDAAgD;AAAA,QACtE,SAAS;AAAA,QACT,mBAAiB;AAAA,QAEjB,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,GACF;AAEJ;"}

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

@@ -120,7 +120,7 @@ function renderFieldRow(args, ctx, opts) {
   const built = buildField(args, ctx);
   if (!built) return null;
   const { field } = built;
-  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion") {
+  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion" || field.arrayDisplay === "cards") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       jsonSchemaFormLayout.ObjectSection,
       {
@@ -213,7 +213,7 @@ function rendersFullWidth(prop) {
   if (jsonSchemaFormResolve.schemaRendersAsObject(prop) && (prop.properties !== void 0 || Object.keys(fixedProperties).length > 0)) {
     return true;
   }
-  return prop["x-layout"] === "table" || prop["x-array-display"] === "accordion";
+  return prop["x-layout"] === "table" || prop["x-array-display"] === "accordion" || prop["x-array-display"] === "cards";
 }
 const renderApi = {
   renderFieldNodes,

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-render.cjs","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport {\n  FieldLabel,\n  FieldWrapper,\n  HelpHint,\n  ObjectSection,\n} from \"./json-schema-form-layout\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { applyPostExtensions } from \"./json-schema-form-extensions\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  HelpDisplay,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldErrorId,\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  // ctx.instancePath is the field's own path here: buildField descends into the\n  // child context before rendering the value.\n  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  help: HelpDisplay;\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n      ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const fieldId = fieldInputId(instancePath, ctx.idPrefix);\n  // Resolve this field's errors before rendering its control, so the control can\n  // carry aria-invalid / aria-describedby rather than leaving the error text\n  // visually adjacent but programmatically unassociated. Host-supplied errors\n  // and the locally-derived soft hint (e.g. \"Required\" on an empty required\n  // field) are one validation state: either one marks the field invalid and is\n  // rendered into the aria-describedby target, so a locally-invalid field is\n  // never invalid only to sighted users. softError reads value/required/kind —\n  // never `invalid` — so deriving it from `field` here is not circular.\n  const errors = errorsAtInstancePath(ctx.errors, instancePath);\n  const soft = errors.length === 0 ? softError(field) : undefined;\n  const messages: JsonSchemaFormError[] =\n    errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];\n  if (messages.length > 0) field = { ...field, invalid: true };\n  // A field's own x-help-display wins over the form-level setting; both default\n  // to the permanent paragraph every form renders today.\n  const help = field.helpDisplay ?? ctx.layout.help ?? \"inline\";\n  let label: ReactNode = (\n    <FieldLabel field={field} fieldId={fieldId} size={ctx.size} helpDisplay={help} />\n  );\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    instancePath,\n  };\n  ({ label, value } = applyPostExtensions(\n    field,\n    { label, value },\n    ctx.post,\n    postCtx,\n  ));\n  return { field, fieldId, label, value, messages, help };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.messages.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText id={fieldErrorId(built.fieldId)} errors={built.messages} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  // An accordion joins this list: crammed into the 600px inline value column it\n  // is unusable, and it needs the ObjectSection header to carry the array's own\n  // title, required marker and help.\n  if (\n    field.kind === \"object\" ||\n    field.layout === \"table\" ||\n    field.arrayDisplay === \"accordion\"\n  ) {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        helpDisplay={built.help}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText\n          id={fieldErrorId(built.fieldId)}\n          errors={built.messages}\n          className=\"min-w-0 break-words\"\n        />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"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      {/* Without this the `?` silently disappears for relabelled rows (array\n          items), taking the description with it — FieldWrapper has already\n          dropped the paragraph by then. */}\n      {built.help === \"hover\" && field.helper && (\n        <HelpHint label={opts.labelOverride} helper={field.helper} />\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  // One rendering path for both sources, so the soft hint lands in the same\n  // fieldErrorId element the control's aria-describedby already points at.\n  const err =\n    built.messages.length > 0 ? (\n      <FieldErrorMessages id={fieldErrorId(built.fieldId)} errors={built.messages} />\n    ) : undefined;\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.colSpan === \"full\" ? { maxWidth: \"none\" } : {})}\n      {...(field.helper && built.help !== \"hover\" ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns === \"auto\" || columns > 1) {\n      const span = rendersFullWidth(prop)\n        ? \"full\"\n        : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div\n          key={key}\n          // Under \"auto\" the track count only exists at layout time, so a\n          // full-width field must say `1 / -1` rather than span a number.\n          style={{\n            gridColumn: span === \"full\" ? \"1 / -1\" : `span ${span} / span ${span}`,\n          }}\n        >\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return prop[\"x-layout\"] === \"table\" || prop[\"x-array-display\"] === \"accordion\";\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":["fieldInputId","ReadOnlyValue","jsx","EnumControl","LookupControl","BooleanControl","NumberControl","DateControl","TextareaControl","MarkdownControl","DisplayControl","LinkControl","ArrayControl","ObjectControl","StringMapControl","StringControl","resolveControl","appendInstancePath","errorsAtInstancePath","softError","FieldLabel","applyPostExtensions","jsxs","FieldErrorText","fieldErrorId","ObjectSection","cn","labelSizeClass","LabelIcon","HelpHint","FieldErrorMessages","FieldWrapper","effectiveProperties","orderByClickyOrder","orderByXOrder","orderRequiredFirst","orderByPriority","matchesFieldFilter","normalizeColumns","normalizeColSpan","schemaRendersAsObject"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-render.cjs","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport {\n  FieldLabel,\n  FieldWrapper,\n  HelpHint,\n  ObjectSection,\n} from \"./json-schema-form-layout\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { applyPostExtensions } from \"./json-schema-form-extensions\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  HelpDisplay,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldErrorId,\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  // ctx.instancePath is the field's own path here: buildField descends into the\n  // child context before rendering the value.\n  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  help: HelpDisplay;\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n      ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const fieldId = fieldInputId(instancePath, ctx.idPrefix);\n  // Resolve this field's errors before rendering its control, so the control can\n  // carry aria-invalid / aria-describedby rather than leaving the error text\n  // visually adjacent but programmatically unassociated. Host-supplied errors\n  // and the locally-derived soft hint (e.g. \"Required\" on an empty required\n  // field) are one validation state: either one marks the field invalid and is\n  // rendered into the aria-describedby target, so a locally-invalid field is\n  // never invalid only to sighted users. softError reads value/required/kind —\n  // never `invalid` — so deriving it from `field` here is not circular.\n  const errors = errorsAtInstancePath(ctx.errors, instancePath);\n  const soft = errors.length === 0 ? softError(field) : undefined;\n  const messages: JsonSchemaFormError[] =\n    errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];\n  if (messages.length > 0) field = { ...field, invalid: true };\n  // A field's own x-help-display wins over the form-level setting; both default\n  // to the permanent paragraph every form renders today.\n  const help = field.helpDisplay ?? ctx.layout.help ?? \"inline\";\n  let label: ReactNode = (\n    <FieldLabel field={field} fieldId={fieldId} size={ctx.size} helpDisplay={help} />\n  );\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    instancePath,\n  };\n  ({ label, value } = applyPostExtensions(\n    field,\n    { label, value },\n    ctx.post,\n    postCtx,\n  ));\n  return { field, fieldId, label, value, messages, help };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.messages.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText id={fieldErrorId(built.fieldId)} errors={built.messages} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  // An accordion joins this list: crammed into the 600px inline value column it\n  // is unusable, and it needs the ObjectSection header to carry the array's own\n  // title, required marker and help. Cards are the same shape of thing — a\n  // full-width stack of item panels — so they join it too.\n  if (\n    field.kind === \"object\" ||\n    field.layout === \"table\" ||\n    field.arrayDisplay === \"accordion\" ||\n    field.arrayDisplay === \"cards\"\n  ) {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        helpDisplay={built.help}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText\n          id={fieldErrorId(built.fieldId)}\n          errors={built.messages}\n          className=\"min-w-0 break-words\"\n        />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"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      {/* Without this the `?` silently disappears for relabelled rows (array\n          items), taking the description with it — FieldWrapper has already\n          dropped the paragraph by then. */}\n      {built.help === \"hover\" && field.helper && (\n        <HelpHint label={opts.labelOverride} helper={field.helper} />\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  // One rendering path for both sources, so the soft hint lands in the same\n  // fieldErrorId element the control's aria-describedby already points at.\n  const err =\n    built.messages.length > 0 ? (\n      <FieldErrorMessages id={fieldErrorId(built.fieldId)} errors={built.messages} />\n    ) : undefined;\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.colSpan === \"full\" ? { maxWidth: \"none\" } : {})}\n      {...(field.helper && built.help !== \"hover\" ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns === \"auto\" || columns > 1) {\n      const span = rendersFullWidth(prop)\n        ? \"full\"\n        : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div\n          key={key}\n          // Under \"auto\" the track count only exists at layout time, so a\n          // full-width field must say `1 / -1` rather than span a number.\n          style={{\n            gridColumn: span === \"full\" ? \"1 / -1\" : `span ${span} / span ${span}`,\n          }}\n        >\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return (\n    prop[\"x-layout\"] === \"table\" ||\n    prop[\"x-array-display\"] === \"accordion\" ||\n    prop[\"x-array-display\"] === \"cards\"\n  );\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":["fieldInputId","ReadOnlyValue","jsx","EnumControl","LookupControl","BooleanControl","NumberControl","DateControl","TextareaControl","MarkdownControl","DisplayControl","LinkControl","ArrayControl","ObjectControl","StringMapControl","StringControl","resolveControl","appendInstancePath","errorsAtInstancePath","softError","FieldLabel","applyPostExtensions","jsxs","FieldErrorText","fieldErrorId","ObjectSection","cn","labelSizeClass","LabelIcon","HelpHint","FieldErrorMessages","FieldWrapper","effectiveProperties","orderByClickyOrder","orderByXOrder","orderRequiredFirst","orderByPriority","matchesFieldFilter","normalizeColumns","normalizeColSpan","schemaRendersAsObject"],"mappings":";;;;;;;;;;;;;;;;AA4DO,SAAS,mBAAmB,OAAqB,KAA+B;AAGrF,QAAM,UAAUA,oBAAAA,aAAa,IAAI,cAAc,IAAI,QAAQ;AAQ3D,MAAI,MAAM,YAAY,CAAC,sBAAsB,MAAM,IAAI,GAAG;AACxD,0CAAQC,qBAAAA,eAAA,EAAc,OAAc,SAAkB,MAAM,IAAI,MAAM;AAAA,EACxE;AACA,QAAM,WAAW,IAAI,YAAY,MAAM,aAAa;AACpD,QAAM,OAAO,IAAI;AACjB,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK;AACH,aAAOC,2BAAAA,IAACC,qBAAAA,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aACED,2BAAAA;AAAAA,QAACE,qBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAG3D,KAAK;AACH,aAAOF,2BAAAA,IAACG,qBAAAA,gBAAA,EAAe,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACzF,KAAK;AACH,aAAOH,2BAAAA,IAACI,qBAAAA,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACxF,KAAK;AACH,aAAOJ,2BAAAA,IAACK,qBAAAA,aAAA,EAAY,OAAc,SAAkB,UAAoB,MAAY;AAAA,IACtF,KAAK;AACH,aAAOL,2BAAAA,IAACM,qBAAAA,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAON,2BAAAA,IAACO,qBAAAA,iBAAA,EAAgB,OAAc,SAAkB,UAAoB,MAAY;AAAA,IAC1F,KAAK;AACH,aAAOP,2BAAAA,IAACQ,qBAAAA,gBAAA,EAAe,OAAc,KAAA,CAAY;AAAA,IACnD,KAAK;AACH,aAAOR,2BAAAA,IAACS,qBAAAA,aAAA,EAAY,OAAc,SAAkB,KAAA,CAAY;AAAA,IAClE,KAAK;AACH,aAAOT,2BAAAA,IAACU,oBAAAA,cAAA,EAAa,OAAc,SAAkB,IAAA,CAAU;AAAA,IACjE,KAAK;AACH,aAAOV,2BAAAA,IAACW,qBAAAA,eAAA,EAAc,OAAc,IAAA,CAAU;AAAA,IAChD,KAAK;AACH,aAAOX,2BAAAA,IAACY,qBAAAA,kBAAA,EAAiB,OAAc,IAAA,CAAU;AAAA,IACnD;AACE,aAAOZ,2BAAAA,IAACa,qBAAAA,eAAA,EAAc,OAAc,SAAkB,UAAoB,MAAY;AAAA,EAAA;AAE5F;AAMA,SAAS,sBAAsB,MAAqC;AAClE,SACE,SAAS,WACT,SAAS,YACT,SAAS,gBACT,SAAS,cACT,SAAS,cACT,SAAS,aACT,SAAS;AAEb;AAKA,SAAS,WACP,MACA,KAQO;AACP,QAAM,OAAOC,sBAAAA,eAAe,IAAI;AAChC,MAAI,QAA6B;AACjC,aAAW,OAAO,IAAI,KAAK;AACzB,QAAI,CAAC,MAAO;AACZ,YAAQ,IAAI,OAAO;AAAA,MACjB,KAAK,KAAK;AAAA,MACV,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,MACZ,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,MACnD,GAAI,IAAI,eAAe,EAAE,cAAc,IAAI,aAAA,IAAiB,CAAA;AAAA,IAAC,CAC9D;AAAA,EACH;AACA,MAAI,CAAC,MAAO,QAAO;AAGnB,MAAI,IAAI,sBAAsB,MAAM,SAAU,QAAO;AAErD,QAAM,eAAe,KAAK,gBAAgBC,qBAAAA,mBAAmB,IAAI,cAAc,KAAK,GAAG;AACvF,QAAM,UAAUjB,oBAAAA,aAAa,cAAc,IAAI,QAAQ;AASvD,QAAM,SAASkB,qBAAAA,qBAAqB,IAAI,QAAQ,YAAY;AAC5D,QAAM,OAAO,OAAO,WAAW,IAAIC,oBAAAA,UAAU,KAAK,IAAI;AACtD,QAAM,WACJ,OAAO,SAAS,IAAI,SAAS,OAAO,CAAC,EAAE,cAAc,SAAS,KAAA,CAAM,IAAI,CAAA;AAC1E,MAAI,SAAS,SAAS,EAAG,SAAQ,EAAE,GAAG,OAAO,SAAS,KAAA;AAGtD,QAAM,OAAO,MAAM,eAAe,IAAI,OAAO,QAAQ;AACrD,MAAI,uCACDC,qBAAAA,YAAA,EAAW,OAAc,SAAkB,MAAM,IAAI,MAAM,aAAa,KAAA,CAAM;AAKjF,QAAM,eACJ,MAAM,WAAW,WAAW,WAAW,MAAM,WAAW,UAAU,YAAY;AAChF,QAAM,WAA0B;AAAA,IAC9B,GAAG;AAAA,IACH;AAAA,IACA,GAAI,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,aAAA,MAAmB,CAAA;AAAA,EAAC;AAE1E,MAAI,QAAmB,mBAAmB,OAAO,QAAQ;AACzD,QAAM,UAAU;AAAA,IACd,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,IACnD,GAAI,IAAI,eAAe,EAAE,cAAc,IAAI,aAAA,IAAiB,CAAA;AAAA,IAC5D;AAAA,EAAA;AAEF,GAAC,EAAE,OAAO,MAAA,IAAUC,yBAAAA;AAAAA,IAClB;AAAA,IACA,EAAE,OAAO,MAAA;AAAA,IACT,IAAI;AAAA,IACJ;AAAA,EAAA;AAEF,SAAO,EAAE,OAAO,SAAS,OAAO,OAAO,UAAU,KAAA;AACnD;AAKO,SAAS,iBACd,MACA,KAC+C;AAC/C,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OACE,MAAM,SAAS,SAAS,IACtBC,gCAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,MAAA,MAAM;AAAA,MACPpB,+BAACqB,2BAAAA,kBAAe,IAAIC,oBAAAA,aAAa,MAAM,OAAO,GAAG,QAAQ,MAAM,SAAA,CAAU;AAAA,IAAA,EAAA,CAC3E,IAEA,MAAM;AAAA,EAAA;AAGd;AAKO,SAAS,eACd,MACA,KACA,MACkB;AAClB,QAAM,QAAQ,WAAW,MAAM,GAAG;AAClC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,EAAE,UAAU;AAWlB,MACE,MAAM,SAAS,YACf,MAAM,WAAW,WACjB,MAAM,iBAAiB,eACvB,MAAM,iBAAiB,SACvB;AACA,WACEF,2BAAAA;AAAAA,MAACG,qBAAAA;AAAAA,MAAA;AAAA,QACC,QAAO,6BAAM,kBAAiB,MAAM;AAAA,QACpC,UAAU,MAAM;AAAA,QAChB,MAAM,IAAI;AAAA,QACV,aAAa,MAAM;AAAA,QAClB,GAAI,MAAM,QAAQ,EAAE,OAAO,MAAM,MAAA,IAAU,CAAA;AAAA,QAC3C,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,QAC9C,GAAI,MAAM,aAAa,OAAO,EAAE,WAAW,MAAM,UAAA,IAAc,CAAA;AAAA,QAEhE,UAAA;AAAA,UAAAvB,2BAAAA;AAAAA,YAACqB,2BAAAA;AAAAA,YAAA;AAAA,cACC,IAAIC,oBAAAA,aAAa,MAAM,OAAO;AAAA,cAC9B,QAAQ,MAAM;AAAA,cACd,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AAGA,MAAI,MAAM,SAAS,WAAW;AAC5B,WAAOtB,2BAAAA,IAAC,OAAA,EAAI,WAAU,iBAAiB,gBAAM,OAAM;AAAA,EACrD;AACA,QAAM,SAAQ,6BAAM,iBAClBoB,2BAAAA,KAAC,QAAA,EAAK,WAAWI,MAAAA,GAAG,uCAAuCC,mBAAAA,eAAe,IAAI,IAAI,CAAC,GACjF,UAAA;AAAA,IAAAzB,2BAAAA,IAAC0B,KAAAA,WAAA,EAAU,MAAM,MAAM,WAAW,WAAU,qCAAoC;AAAA,IAChF1B,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,cAAA,CAAc;AAAA,IACzB,MAAM,YAAYA,2BAAAA,IAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,KAAC;AAAA,IACtD,MAAM,SACLA,2BAAAA,IAAC,UAAK,WAAU,wGACb,gBAAM,OACT;AAAA,IAKD,MAAM,SAAS,WAAW,MAAM,UAC/BA,2BAAAA,IAAC2B,qBAAAA,UAAA,EAAS,OAAO,KAAK,eAAe,QAAQ,MAAM,OAAA,CAAQ;AAAA,EAAA,EAAA,CAE/D,IAEA,MAAM;AAIR,QAAM,MACJ,MAAM,SAAS,SAAS,IACtB3B,2BAAAA,IAAC4B,+CAAA,EAAmB,IAAIN,oBAAAA,aAAa,MAAM,OAAO,GAAG,QAAQ,MAAM,UAAU,IAC3E;AACN,SACEtB,2BAAAA;AAAAA,IAAC6B,qBAAAA;AAAAA,IAAA;AAAA,MACC,QAAQ,IAAI;AAAA,MACZ,MAAM,IAAI;AAAA,MACV;AAAA,MACA,OAAO,MAAM;AAAA,MACZ,GAAI,MAAM,YAAY,SAAS,EAAE,UAAU,OAAA,IAAW,CAAA;AAAA,MACtD,GAAI,MAAM,UAAU,MAAM,SAAS,UAAU,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,MACxE,GAAI,MAAM,EAAE,OAAO,QAAQ,CAAA;AAAA,IAAC;AAAA,EAAA;AAGnC;AAKO,SAAS,mBACd,QACA,OACA,UACA,KACA,MACa;AACb,QAAM,EAAE,YAAY,SAAA,IAAaC,sBAAAA,oBAAoB,QAAQ,KAAK;AAClE,QAAM,SAAS,IAAI,KAAI,6BAAM,eAAc,CAAA,CAAE;AAG7C,QAAM,UAAUC,uCAAmBC,oBAAAA,cAAc,OAAO,QAAQ,UAAU,GAAG,OAAO,SAAS,CAAC,CAAC;AAC/F,QAAM,SACJ,IAAI,aAAa,mBACbC,oBAAAA,mBAAmB,SAAS,QAAQ,IACpC,IAAI,aAAa,aACfC,oBAAAA,gBAAgB,SAAS,UAAU,KAAK,IACxC;AAGR,QAAM,UACJ,IAAI,UAAU,KAAK,IAAI,cACnB,OAAO,OAAO,CAAC,CAAC,KAAK,IAAI,MAAMC,oBAAAA,mBAAmB,KAAK,MAAM,IAAI,WAAY,CAAC,IAC9E;AAIN,QAAM,UAAU,IAAI,OAAO,SAAS,WAAW,IAAIC,oBAAAA,iBAAiB,OAAO,WAAW,CAAC;AACvF,SAAO,QAAQ,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM;AACtC,QAAI,OAAO,IAAI,GAAG,UAAU,CAAA;AAC5B,UAAM,MAAM;AAAA,MACV;AAAA,QACE;AAAA,QACA;AAAA,QACA,UAAU,SAAS,SAAS,GAAG;AAAA,QAC/B,OAAO,MAAM,GAAG;AAAA,QAChB,UAAU,CAAC,SAAS,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,MAAM;AAAA,QACtD,cAAcrB,qBAAAA,mBAAmB,IAAI,cAAc,GAAG;AAAA,MAAA;AAAA,MAExD;AAAA,IAAA;AAEF,QAAI,CAAC,IAAK,QAAO,CAAA;AACjB,QAAI,YAAY,UAAU,UAAU,GAAG;AACrC,YAAM,OAAO,iBAAiB,IAAI,IAC9B,SACAsB,oBAAAA,iBAAiB,KAAK,YAAY,GAAG,OAAO;AAChD,aAAO;AAAA,QACLrC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAIC,OAAO;AAAA,cACL,YAAY,SAAS,SAAS,WAAW,QAAQ,IAAI,WAAW,IAAI;AAAA,YAAA;AAAA,YAGrE,UAAA;AAAA,UAAA;AAAA,UAPI;AAAA,QAAA;AAAA,MAQP;AAAA,IAEJ;AAIA,WAAO,CAACA,2BAAAA,IAAC,OAAA,EAAc,WAAU,YAAY,UAAA,OAA3B,GAA+B,CAAM;AAAA,EACzD,CAAC;AACH;AAKA,SAAS,iBAAiB,MAAmC;AAC3D,QAAM,kBAAkB8B,sBAAAA,oBAAoB,MAA0B,CAAA,CAAE,EAAE;AAC1E,MAAIQ,4CAAsB,IAAI,MAAM,KAAK,eAAe,UAAa,OAAO,KAAK,eAAe,EAAE,SAAS,IAAI;AAC7G,WAAO;AAAA,EACT;AACA,SACE,KAAK,UAAU,MAAM,WACrB,KAAK,iBAAiB,MAAM,eAC5B,KAAK,iBAAiB,MAAM;AAEhC;AAIO,MAAM,YAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-render.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BvC,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAEZ,gBAAgB,EAEhB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;AAuBlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAoDrF;AAkGD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAe/C;AAKD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,SAAS,GAAG,IAAI,CA+ElB;AAKD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,EACjD,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAC/B,SAAS,EAAE,CA0Db;AAeD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}
+{"version":3,"file":"json-schema-form-render.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BvC,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAEZ,gBAAgB,EAEhB,SAAS,EACT,aAAa,EACd,MAAM,0BAA0B,CAAC;AAuBlC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,SAAS,CAoDrF;AAkGD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAe/C;AAKD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,SAAS,GAAG,IAAI,CAiFlB;AAKD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,EACjD,GAAG,EAAE,aAAa,EAClB,IAAI,CAAC,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAC/B,SAAS,EAAE,CA0Db;AAmBD,eAAO,MAAM,SAAS,EAAE,SAIvB,CAAC"}

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

@@ -118,7 +118,7 @@ function renderFieldRow(args, ctx, opts) {
   const built = buildField(args, ctx);
   if (!built) return null;
   const { field } = built;
-  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion") {
+  if (field.kind === "object" || field.layout === "table" || field.arrayDisplay === "accordion" || field.arrayDisplay === "cards") {
     return /* @__PURE__ */ jsxs(
       ObjectSection,
       {
@@ -211,7 +211,7 @@ function rendersFullWidth(prop) {
   if (schemaRendersAsObject(prop) && (prop.properties !== void 0 || Object.keys(fixedProperties).length > 0)) {
     return true;
   }
-  return prop["x-layout"] === "table" || prop["x-array-display"] === "accordion";
+  return prop["x-layout"] === "table" || prop["x-array-display"] === "accordion" || prop["x-array-display"] === "cards";
 }
 const renderApi = {
   renderFieldNodes,

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-render.js","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport {\n  FieldLabel,\n  FieldWrapper,\n  HelpHint,\n  ObjectSection,\n} from \"./json-schema-form-layout\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { applyPostExtensions } from \"./json-schema-form-extensions\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  HelpDisplay,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldErrorId,\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  // ctx.instancePath is the field's own path here: buildField descends into the\n  // child context before rendering the value.\n  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  help: HelpDisplay;\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n      ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const fieldId = fieldInputId(instancePath, ctx.idPrefix);\n  // Resolve this field's errors before rendering its control, so the control can\n  // carry aria-invalid / aria-describedby rather than leaving the error text\n  // visually adjacent but programmatically unassociated. Host-supplied errors\n  // and the locally-derived soft hint (e.g. \"Required\" on an empty required\n  // field) are one validation state: either one marks the field invalid and is\n  // rendered into the aria-describedby target, so a locally-invalid field is\n  // never invalid only to sighted users. softError reads value/required/kind —\n  // never `invalid` — so deriving it from `field` here is not circular.\n  const errors = errorsAtInstancePath(ctx.errors, instancePath);\n  const soft = errors.length === 0 ? softError(field) : undefined;\n  const messages: JsonSchemaFormError[] =\n    errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];\n  if (messages.length > 0) field = { ...field, invalid: true };\n  // A field's own x-help-display wins over the form-level setting; both default\n  // to the permanent paragraph every form renders today.\n  const help = field.helpDisplay ?? ctx.layout.help ?? \"inline\";\n  let label: ReactNode = (\n    <FieldLabel field={field} fieldId={fieldId} size={ctx.size} helpDisplay={help} />\n  );\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    instancePath,\n  };\n  ({ label, value } = applyPostExtensions(\n    field,\n    { label, value },\n    ctx.post,\n    postCtx,\n  ));\n  return { field, fieldId, label, value, messages, help };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.messages.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText id={fieldErrorId(built.fieldId)} errors={built.messages} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  // An accordion joins this list: crammed into the 600px inline value column it\n  // is unusable, and it needs the ObjectSection header to carry the array's own\n  // title, required marker and help.\n  if (\n    field.kind === \"object\" ||\n    field.layout === \"table\" ||\n    field.arrayDisplay === \"accordion\"\n  ) {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        helpDisplay={built.help}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText\n          id={fieldErrorId(built.fieldId)}\n          errors={built.messages}\n          className=\"min-w-0 break-words\"\n        />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"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      {/* Without this the `?` silently disappears for relabelled rows (array\n          items), taking the description with it — FieldWrapper has already\n          dropped the paragraph by then. */}\n      {built.help === \"hover\" && field.helper && (\n        <HelpHint label={opts.labelOverride} helper={field.helper} />\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  // One rendering path for both sources, so the soft hint lands in the same\n  // fieldErrorId element the control's aria-describedby already points at.\n  const err =\n    built.messages.length > 0 ? (\n      <FieldErrorMessages id={fieldErrorId(built.fieldId)} errors={built.messages} />\n    ) : undefined;\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.colSpan === \"full\" ? { maxWidth: \"none\" } : {})}\n      {...(field.helper && built.help !== \"hover\" ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns === \"auto\" || columns > 1) {\n      const span = rendersFullWidth(prop)\n        ? \"full\"\n        : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div\n          key={key}\n          // Under \"auto\" the track count only exists at layout time, so a\n          // full-width field must say `1 / -1` rather than span a number.\n          style={{\n            gridColumn: span === \"full\" ? \"1 / -1\" : `span ${span} / span ${span}`,\n          }}\n        >\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return prop[\"x-layout\"] === \"table\" || prop[\"x-array-display\"] === \"accordion\";\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-render.js","sources":["../../src/components/json-schema-form-render.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport {\n  BooleanControl,\n  DateControl,\n  DisplayControl,\n  EnumControl,\n  LinkControl,\n  LookupControl,\n  MarkdownControl,\n  NumberControl,\n  ReadOnlyValue,\n  StringControl,\n  TextareaControl,\n} from \"./json-schema-form-fields\";\nimport {\n  FieldLabel,\n  FieldWrapper,\n  HelpHint,\n  ObjectSection,\n} from \"./json-schema-form-layout\";\nimport { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { FieldErrorMessages, FieldErrorText } from \"./json-schema-form-error-display\";\nimport { appendInstancePath, errorsAtInstancePath } from \"./json-schema-form-errors\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport { applyPostExtensions } from \"./json-schema-form-extensions\";\nimport { effectiveProperties, resolveControl, schemaRendersAsObject } from \"./json-schema-form-resolve\";\nimport type {\n  FieldArgs,\n  FieldControl,\n  HelpDisplay,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n  RenderApi,\n  RenderContext,\n} from \"./json-schema-form-types\";\nimport {\n  fieldErrorId,\n  fieldInputId,\n  matchesFieldFilter,\n  normalizeColSpan,\n  normalizeColumns,\n  orderByClickyOrder,\n  orderByPriority,\n  orderByXOrder,\n  orderRequiredFirst,\n  softError,\n} from \"./json-schema-form-utils\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\n\n// This module is the top of the json-schema-form graph: it imports the control\n// components and dispatches into them, while container controls recurse back in\n// only through ctx.render (see RenderApi). Nothing here is a React component,\n// so the component modules stay Fast-Refresh-eligible and cycle-free.\n\n// renderValueControl produces just the value node for a field, dispatching on\n// its resolved kind. The RenderContext carries readOnly + the pre/post stacks so\n// container controls (array/object/map) can recurse with full context.\nexport function renderValueControl(field: FieldControl, ctx: RenderContext): ReactNode {\n  // ctx.instancePath is the field's own path here: buildField descends into the\n  // child context before rendering the value.\n  const fieldId = fieldInputId(ctx.instancePath, ctx.idPrefix);\n  // A field the schema marks `readOnly` is never editable: it shows its current\n  // value as plain text, not a disabled input. (The form-level ctx.readOnly,\n  // below, instead disables the real controls so the structure stays visible.)\n  // Containers (array/object/map) still render structurally so nested read-only\n  // values surface, and textarea/display/link own their non-editable rendering\n  // (multi-line text / static element / hyperlink), so all of these are excluded\n  // from the plain ReadOnlyValue fallback.\n  if (field.readOnly && !ownsReadOnlyRendering(field.kind)) {\n    return <ReadOnlyValue field={field} fieldId={fieldId} size={ctx.size} />;\n  }\n  const readOnly = ctx.readOnly || field.readOnly === true;\n  const size = ctx.size;\n  switch (field.kind) {\n    case \"enum\":\n      return <EnumControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"lookup\":\n      return (\n        <LookupControl\n          field={field}\n          fieldId={fieldId}\n          readOnly={readOnly}\n          size={size}\n          {...(ctx.rootValue ? { rootValue: ctx.rootValue } : {})}\n        />\n      );\n    case \"boolean\":\n      return <BooleanControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"number\":\n      return <NumberControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"date\":\n      return <DateControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"textarea\":\n      return <TextareaControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"markdown\":\n      return <MarkdownControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n    case \"display\":\n      return <DisplayControl field={field} size={size} />;\n    case \"link\":\n      return <LinkControl field={field} fieldId={fieldId} size={size} />;\n    case \"array\":\n      return <ArrayControl field={field} fieldId={fieldId} ctx={ctx} />;\n    case \"object\":\n      return <ObjectControl field={field} ctx={ctx} />;\n    case \"string-map\":\n      return <StringMapControl field={field} ctx={ctx} />;\n    default:\n      return <StringControl field={field} fieldId={fieldId} readOnly={readOnly} size={size} />;\n  }\n}\n\n// ownsReadOnlyRendering reports whether a control renders its own non-editable\n// form, so the renderer must not pre-empt it with the plain ReadOnlyValue text:\n// containers recurse structurally, and textarea/display/link have bespoke\n// read-only output.\nfunction ownsReadOnlyRendering(kind: FieldControl[\"kind\"]): boolean {\n  return (\n    kind === \"array\" ||\n    kind === \"object\" ||\n    kind === \"string-map\" ||\n    kind === \"textarea\" ||\n    kind === \"markdown\" ||\n    kind === \"display\" ||\n    kind === \"link\"\n  );\n}\n\n// buildField resolves a control, applies the pre-extensions (any returning\n// null drops the field), renders the value node, then applies the\n// post-extensions to the {label, value} node pair.\nfunction buildField(\n  args: FieldArgs,\n  ctx: RenderContext,\n): {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  help: HelpDisplay;\n} | null {\n  const base = resolveControl(args);\n  let field: FieldControl | null = base;\n  for (const ext of ctx.pre) {\n    if (!field) break;\n    field = ext(field, {\n      key: args.key,\n      prop: args.prop,\n      value: args.value,\n      ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n      ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    });\n  }\n  if (!field) return null;\n  // Drop read-only fields entirely when the form opts out of displaying them.\n  // Checked after pre-extensions so an extension that sets/clears readOnly wins.\n  if (ctx.hideReadOnlyFields && field.readOnly) return null;\n\n  const instancePath = args.instancePath ?? appendInstancePath(ctx.instancePath, args.key);\n  const fieldId = fieldInputId(instancePath, ctx.idPrefix);\n  // Resolve this field's errors before rendering its control, so the control can\n  // carry aria-invalid / aria-describedby rather than leaving the error text\n  // visually adjacent but programmatically unassociated. Host-supplied errors\n  // and the locally-derived soft hint (e.g. \"Required\" on an empty required\n  // field) are one validation state: either one marks the field invalid and is\n  // rendered into the aria-describedby target, so a locally-invalid field is\n  // never invalid only to sighted users. softError reads value/required/kind —\n  // never `invalid` — so deriving it from `field` here is not circular.\n  const errors = errorsAtInstancePath(ctx.errors, instancePath);\n  const soft = errors.length === 0 ? softError(field) : undefined;\n  const messages: JsonSchemaFormError[] =\n    errors.length > 0 ? errors : soft ? [{ instancePath, message: soft }] : [];\n  if (messages.length > 0) field = { ...field, invalid: true };\n  // A field's own x-help-display wins over the form-level setting; both default\n  // to the permanent paragraph every form renders today.\n  const help = field.helpDisplay ?? ctx.layout.help ?? \"inline\";\n  let label: ReactNode = (\n    <FieldLabel field={field} fieldId={fieldId} size={ctx.size} helpDisplay={help} />\n  );\n  // A field's `x-layout: inline|stack` overrides the form-level layout for its\n  // own value subtree (the field's own row keeps the parent layout). \"table\" is\n  // handled structurally inside the array/string-map controls, not here.\n  const overrideMode =\n    field.layout === \"inline\" ? \"inline\" : field.layout === \"stack\" ? \"stacked\" : undefined;\n  const valueCtx: RenderContext = {\n    ...ctx,\n    instancePath,\n    ...(overrideMode ? { layout: { ...ctx.layout, mode: overrideMode } } : {}),\n  };\n  let value: ReactNode = renderValueControl(field, valueCtx);\n  const postCtx = {\n    ...(ctx.rootValue ? { rootValue: ctx.rootValue } : {}),\n    ...(ctx.onRootChange ? { onRootChange: ctx.onRootChange } : {}),\n    instancePath,\n  };\n  ({ label, value } = applyPostExtensions(\n    field,\n    { label, value },\n    ctx.post,\n    postCtx,\n  ));\n  return { field, fieldId, label, value, messages, help };\n}\n\n// renderFieldNodes runs the full pipeline and returns the raw {label, value}\n// nodes (no FieldWrapper). Used where the caller arranges layout itself — map\n// rows (value only) and scalar array items.\nexport function renderFieldNodes(\n  args: FieldArgs,\n  ctx: RenderContext,\n): { label: ReactNode; value: ReactNode } | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  return {\n    label: built.label,\n    value:\n      built.messages.length > 0 ? (\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {built.value}\n          <FieldErrorText id={fieldErrorId(built.fieldId)} errors={built.messages} />\n        </div>\n      ) : (\n        built.value\n      ),\n  };\n}\n\n// renderFieldRow runs the pipeline and wraps it in a FieldWrapper with the soft\n// validation hint. `labelOverride` lets a container relabel a field that has no\n// natural key (e.g. array items → \"Item 1\").\nexport function renderFieldRow(\n  args: FieldArgs,\n  ctx: RenderContext,\n  opts?: { labelOverride?: string },\n): ReactNode | null {\n  const built = buildField(args, ctx);\n  if (!built) return null;\n  const { field } = built;\n  // Object fields — and table-laid-out arrays/string-maps — render as a flat\n  // section: a header followed by their body at full width, rather than an\n  // inline label + narrow value column. This keeps deep schemas (e.g. policy →\n  // shape, asfile → params) readable as a single column of labelled sections,\n  // and gives a `x-layout: \"table\"` array the full width its columns need\n  // instead of cramming it into the inline value column.\n  // An accordion joins this list: crammed into the 600px inline value column it\n  // is unusable, and it needs the ObjectSection header to carry the array's own\n  // title, required marker and help. Cards are the same shape of thing — a\n  // full-width stack of item panels — so they join it too.\n  if (\n    field.kind === \"object\" ||\n    field.layout === \"table\" ||\n    field.arrayDisplay === \"accordion\" ||\n    field.arrayDisplay === \"cards\"\n  ) {\n    return (\n      <ObjectSection\n        label={opts?.labelOverride ?? field.label}\n        required={field.required}\n        size={ctx.size}\n        helpDisplay={built.help}\n        {...(field.badge ? { badge: field.badge } : {})}\n        {...(field.helper ? { helper: field.helper } : {})}\n        {...(field.labelIcon != null ? { labelIcon: field.labelIcon } : {})}\n      >\n        <FieldErrorText\n          id={fieldErrorId(built.fieldId)}\n          errors={built.messages}\n          className=\"min-w-0 break-words\"\n        />\n        {built.value}\n      </ObjectSection>\n    );\n  }\n  // A display field (heading/divider/info/spacer) is the label — it carries no\n  // value column, so it spans the full grid width with no inline label cell.\n  if (field.kind === \"display\") {\n    return <div className=\"col-span-full\">{built.value}</div>;\n  }\n  const label = opts?.labelOverride ? (\n    <span className={cn(\"flex items-center gap-2 font-medium\", labelSizeClass[ctx.size])}>\n      <LabelIcon icon={field.labelIcon} className=\"text-[15px] text-muted-foreground\" />\n      <span>{opts.labelOverride}</span>\n      {field.required && <span className=\"text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"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      {/* Without this the `?` silently disappears for relabelled rows (array\n          items), taking the description with it — FieldWrapper has already\n          dropped the paragraph by then. */}\n      {built.help === \"hover\" && field.helper && (\n        <HelpHint label={opts.labelOverride} helper={field.helper} />\n      )}\n    </span>\n  ) : (\n    built.label\n  );\n  // One rendering path for both sources, so the soft hint lands in the same\n  // fieldErrorId element the control's aria-describedby already points at.\n  const err =\n    built.messages.length > 0 ? (\n      <FieldErrorMessages id={fieldErrorId(built.fieldId)} errors={built.messages} />\n    ) : undefined;\n  return (\n    <FieldWrapper\n      layout={ctx.layout}\n      size={ctx.size}\n      label={label}\n      value={built.value}\n      {...(field.colSpan === \"full\" ? { maxWidth: \"none\" } : {})}\n      {...(field.helper && built.help !== \"hover\" ? { helper: field.helper } : {})}\n      {...(err ? { error: err } : {})}\n    />\n  );\n}\n\n// renderObjectFields maps an object subschema's effective properties to field\n// rows. It is the recursive heart, shared by the top-level form and the nested\n// ObjectControl. Edits spread immutably onto the object.\nexport function renderObjectFields(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  onChange: (next: Record<string, unknown>) => void,\n  ctx: RenderContext,\n  opts?: { hiddenKeys?: string[] },\n): ReactNode[] {\n  const { properties, required } = effectiveProperties(schema, value);\n  const hidden = new Set(opts?.hiddenKeys ?? []);\n  // Per-property `x-clicky-order` wins (composes across merged branches); the\n  // object-level `x-order` array is the fallback; document order otherwise.\n  const ordered = orderByClickyOrder(orderByXOrder(Object.entries(properties), schema[\"x-order\"]));\n  const sorted =\n    ctx.sortMode === \"required-first\"\n      ? orderRequiredFirst(ordered, required)\n      : ctx.sortMode === \"priority\"\n        ? orderByPriority(ordered, required, value)\n        : ordered;\n  // The field filter narrows only the outermost object level (depth 0); nested\n  // object subtrees render in full so a matched parent keeps all its children.\n  const entries =\n    ctx.depth === 0 && ctx.fieldFilter\n      ? sorted.filter(([key, prop]) => matchesFieldFilter(key, prop, ctx.fieldFilter!))\n      : sorted;\n  // Object-level `x-columns` lays the fields out in a multi-column stacked grid;\n  // each field spans `x-col-span` columns (object sections/table arrays span the\n  // full row). Only takes effect in stacked mode — inline owns its 2-track grid.\n  const columns = ctx.layout.mode === \"inline\" ? 1 : normalizeColumns(schema[\"x-columns\"]);\n  return entries.flatMap(([key, prop]) => {\n    if (hidden.has(key)) return [];\n    const row = renderFieldRow(\n      {\n        key,\n        prop,\n        required: required.includes(key),\n        value: value[key],\n        onChange: (next) => onChange({ ...value, [key]: next }),\n        instancePath: appendInstancePath(ctx.instancePath, key),\n      },\n      ctx,\n    );\n    if (!row) return [];\n    if (columns === \"auto\" || columns > 1) {\n      const span = rendersFullWidth(prop)\n        ? \"full\"\n        : normalizeColSpan(prop[\"x-col-span\"], columns);\n      return [\n        <div\n          key={key}\n          // Under \"auto\" the track count only exists at layout time, so a\n          // full-width field must say `1 / -1` rather than span a number.\n          style={{\n            gridColumn: span === \"full\" ? \"1 / -1\" : `span ${span} / span ${span}`,\n          }}\n        >\n          {row}\n        </div>,\n      ];\n    }\n    // `contents` keeps the keyed wrapper out of the box tree so the row's own\n    // node (a subgrid FieldWrapper or a full-width ObjectSection) is a direct\n    // child of the FieldsGrid and snaps to its label/value tracks.\n    return [<div key={key} className=\"contents\">{row}</div>];\n  });\n}\n\n// rendersFullWidth reports whether a property renders as a full-width block\n// (a structured object → ObjectSection, or an `x-layout: \"table\"` array/map) so\n// a multi-column grid gives it the whole row instead of a single column.\nfunction rendersFullWidth(prop: JsonSchemaProperty): boolean {\n  const fixedProperties = effectiveProperties(prop as JsonSchemaObject, {}).properties;\n  if (schemaRendersAsObject(prop) && (prop.properties !== undefined || Object.keys(fixedProperties).length > 0)) {\n    return true;\n  }\n  return (\n    prop[\"x-layout\"] === \"table\" ||\n    prop[\"x-array-display\"] === \"accordion\" ||\n    prop[\"x-array-display\"] === \"cards\"\n  );\n}\n\n// renderApi is the RenderContext injection bundle: the root form stores it on\n// the context so container controls can recurse without importing this module.\nexport const renderApi: RenderApi = {\n  renderFieldNodes,\n  renderFieldRow,\n  renderObjectFields,\n};\n"],"names":[],"mappings":"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"}

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

@@ -62,7 +62,7 @@ function enumDisplay(prop) {
 }
 function arrayDisplay(prop) {
   const d = prop["x-array-display"];
-  return d === "filter-pills" || d === "accordion" ? d : void 0;
+  return d === "filter-pills" || d === "accordion" || d === "cards" ? d : void 0;
 }
 function helpDisplay(prop) {
   const d = prop["x-help-display"];