@flanksource/clicky-ui 0.3.41 → 0.3.42

package/dist/components/json-schema-form-debug-glyph-map.js

@@ -0,0 +1,129 @@
+import { UiDataSchemaDark, UiDataSchema } from "../icons/components/UiDataSchema.js";
+import { UiExtensionDark, UiExtension } from "../icons/components/UiExtension.js";
+import { UiPluginModuleDark, UiPluginModule } from "../icons/components/UiPluginModule.js";
+import { UiPalette } from "../icons/components/UiPalette.js";
+import { UiHibernateEventDark, UiHibernateEvent } from "../icons/components/UiHibernateEvent.js";
+import { UiNull } from "../icons/components/UiNull.js";
+import { UiLayoutDashboard } from "../icons/components/UiLayoutDashboard.js";
+import { UiColumns } from "../icons/components/UiColumns.js";
+import { UiQuestion } from "../icons/components/UiQuestion.js";
+import { UiRows } from "../icons/components/UiRows.js";
+import { UiListOrdered } from "../icons/components/UiListOrdered.js";
+import { UiSortAlphabeticallyDark, UiSortAlphabetically } from "../icons/components/UiSortAlphabetically.js";
+import { UiDatabaseLinkDark, UiDatabaseLink } from "../icons/components/UiDatabaseLink.js";
+import { UiLock } from "../icons/components/UiLock.js";
+import { UiEyeClosed } from "../icons/components/UiEyeClosed.js";
+import { UiWriteAccessDark, UiWriteAccess } from "../icons/components/UiWriteAccess.js";
+import { UiReadAccessDark, UiReadAccess } from "../icons/components/UiReadAccess.js";
+import { UiRegexDark, UiRegex } from "../icons/components/UiRegex.js";
+import { UiFileFormatDark, UiFileFormat } from "../icons/components/UiFileFormat.js";
+import { UiConstant1Dark, UiConstant1 } from "../icons/components/UiConstant1.js";
+import { UiCircleOutline } from "../icons/components/UiCircleOutline.js";
+import { UiEvaluateExpressionDark, UiEvaluateExpression } from "../icons/components/UiEvaluateExpression.js";
+import { UiProhibit } from "../icons/components/UiProhibit.js";
+import { UiEditModeDark, UiEditMode } from "../icons/components/UiEditMode.js";
+import { UiVariable5Dark, UiVariable5 } from "../icons/components/UiVariable5.js";
+import { UiArrowsCounterClockwise } from "../icons/components/UiArrowsCounterClockwise.js";
+import { UiAsterisk } from "../icons/components/UiAsterisk.js";
+import { UiLockOpen } from "../icons/components/UiLockOpen.js";
+import { UiEye } from "../icons/components/UiEye.js";
+import { UiLink } from "../icons/components/UiLink.js";
+import { UiText } from "../icons/components/UiText.js";
+import { UiObject } from "../icons/components/UiObject.js";
+import { UiArray } from "../icons/components/UiArray.js";
+import { UiCalendarBlank } from "../icons/components/UiCalendarBlank.js";
+import { UiSelect } from "../icons/components/UiSelect.js";
+import { UiEnum } from "../icons/components/UiEnum.js";
+import { UiBoolean } from "../icons/components/UiBoolean.js";
+import { UiNumeric } from "../icons/components/UiNumeric.js";
+import { UiFileCode } from "../icons/components/UiFileCode.js";
+import { UiString } from "../icons/components/UiString.js";
+const pair = (light, dark) => dark ? { light, dark } : { light };
+const GROUP_GLYPH = {
+  behaviour: pair(UiHibernateEvent, UiHibernateEventDark),
+  presentation: pair(UiPalette),
+  "opt-in": pair(UiPluginModule, UiPluginModuleDark),
+  consumer: pair(UiExtension, UiExtensionDark),
+  schema: pair(UiDataSchema, UiDataSchemaDark)
+};
+const KIND_GLYPH = {
+  string: pair(UiString),
+  textarea: pair(UiText),
+  markdown: pair(UiFileCode),
+  number: pair(UiNumeric),
+  boolean: pair(UiBoolean),
+  enum: pair(UiEnum),
+  lookup: pair(UiSelect),
+  date: pair(UiCalendarBlank),
+  "string-map": pair(UiDataSchema, UiDataSchemaDark),
+  array: pair(UiArray),
+  object: pair(UiObject),
+  display: pair(UiText),
+  link: pair(UiLink)
+};
+const TYPE_GLYPH = {
+  string: KIND_GLYPH.string,
+  integer: KIND_GLYPH.number,
+  number: KIND_GLYPH.number,
+  boolean: KIND_GLYPH.boolean,
+  array: KIND_GLYPH.array,
+  object: KIND_GLYPH.object,
+  null: pair(UiNull)
+};
+const KEYWORD_GLYPH = {
+  enum: KIND_GLYPH.enum,
+  const: pair(UiConstant1, UiConstant1Dark),
+  default: pair(UiConstant1, UiConstant1Dark),
+  format: pair(UiFileFormat, UiFileFormatDark),
+  pattern: pair(UiRegex, UiRegexDark),
+  readOnly: pair(UiReadAccess, UiReadAccessDark),
+  writeOnly: pair(UiWriteAccess, UiWriteAccessDark),
+  "x-hidden": pair(UiEyeClosed),
+  "x-hidden-by": pair(UiEyeClosed),
+  "x-disabled": pair(UiLock),
+  "x-on-change": GROUP_GLYPH.behaviour,
+  "x-on-load": GROUP_GLYPH.behaviour,
+  "x-clicky-lookup": pair(UiDatabaseLink, UiDatabaseLinkDark),
+  "x-discriminator": KIND_GLYPH.enum,
+  "x-order": pair(UiSortAlphabetically, UiSortAlphabeticallyDark),
+  "x-clicky-order": pair(UiListOrdered),
+  "x-item": pair(UiRows),
+  "x-help": pair(UiQuestion),
+  "x-help-display": pair(UiQuestion),
+  "x-md-editor": KIND_GLYPH.markdown,
+  "x-columns": pair(UiColumns),
+  "x-col-span": pair(UiColumns),
+  "x-layout": pair(UiLayoutDashboard),
+  "x-label-position": pair(UiLayoutDashboard)
+};
+function keywordGlyph(keyword, raw) {
+  if (keyword === "type" && typeof raw === "string") return TYPE_GLYPH[raw];
+  return KEYWORD_GLYPH[keyword];
+}
+const ACTION_GLYPH = {
+  hide: pair(UiEyeClosed),
+  show: pair(UiEye),
+  enable: pair(UiLockOpen),
+  disable: pair(UiLock),
+  require: pair(UiAsterisk),
+  optional: pair(UiCircleOutline),
+  reset: pair(UiArrowsCounterClockwise),
+  set: pair(UiVariable5, UiVariable5Dark),
+  patch: pair(UiEditMode, UiEditModeDark)
+};
+const CONDITION_GLYPH = {
+  const: pair(UiConstant1, UiConstant1Dark),
+  enum: KIND_GLYPH.enum,
+  not: pair(UiProhibit),
+  expr: pair(UiEvaluateExpression, UiEvaluateExpressionDark),
+  schema: pair(UiDataSchema, UiDataSchemaDark),
+  always: pair(UiCircleOutline)
+};
+export {
+  ACTION_GLYPH,
+  CONDITION_GLYPH,
+  GROUP_GLYPH,
+  KIND_GLYPH,
+  keywordGlyph
+};
+//# sourceMappingURL=json-schema-form-debug-glyph-map.js.map

package/dist/components/json-schema-form-debug-glyph-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-glyph-map.js","sources":["../../src/components/json-schema-form-debug-glyph-map.ts"],"sourcesContent":["import {\n  UiArray,\n  UiArrowsCounterClockwise,\n  UiAsterisk,\n  UiBoolean,\n  UiCalendarBlank,\n  UiCircleOutline,\n  UiColumns,\n  UiConstant1,\n  UiConstant1Dark,\n  UiDataSchema,\n  UiDataSchemaDark,\n  UiDatabaseLink,\n  UiDatabaseLinkDark,\n  UiEditMode,\n  UiEditModeDark,\n  UiEnum,\n  UiEvaluateExpression,\n  UiEvaluateExpressionDark,\n  UiExtension,\n  UiExtensionDark,\n  UiEye,\n  UiEyeClosed,\n  UiFileCode,\n  UiFileFormat,\n  UiFileFormatDark,\n  UiHibernateEvent,\n  UiHibernateEventDark,\n  UiLayoutDashboard,\n  UiLink,\n  UiListOrdered,\n  UiLock,\n  UiLockOpen,\n  UiNull,\n  UiNumeric,\n  UiObject,\n  UiPalette,\n  UiPluginModule,\n  UiPluginModuleDark,\n  UiProhibit,\n  UiQuestion,\n  UiReadAccess,\n  UiReadAccessDark,\n  UiRegex,\n  UiRegexDark,\n  UiRows,\n  UiSelect,\n  UiSortAlphabetically,\n  UiSortAlphabeticallyDark,\n  UiString,\n  UiText,\n  UiVariable5,\n  UiVariable5Dark,\n  UiWriteAccess,\n  UiWriteAccessDark,\n} from \"../icons\";\nimport type { IconComponent } from \"../icons/types\";\nimport type { KeywordGroup } from \"./json-schema-form-debug-groups\";\nimport type { ChangeActions, FieldControlKind } from \"./json-schema-form-types\";\n\n// Glyphs the debug card draws from the programming icon palette. A palette icon\n// is a coloured pair: `dark` is its dark-theme artwork, where one exists.\nexport interface DebugGlyphPair {\n  light: IconComponent;\n  dark?: IconComponent;\n}\n\nconst pair = (light: IconComponent, dark?: IconComponent): DebugGlyphPair => (dark ? { light, dark } : { light });\n\nexport const GROUP_GLYPH: Record<KeywordGroup, DebugGlyphPair> = {\n  behaviour: pair(UiHibernateEvent, UiHibernateEventDark),\n  presentation: pair(UiPalette),\n  \"opt-in\": pair(UiPluginModule, UiPluginModuleDark),\n  consumer: pair(UiExtension, UiExtensionDark),\n  schema: pair(UiDataSchema, UiDataSchemaDark),\n};\n\nexport const KIND_GLYPH: Record<FieldControlKind, DebugGlyphPair> = {\n  string: pair(UiString),\n  textarea: pair(UiText),\n  markdown: pair(UiFileCode),\n  number: pair(UiNumeric),\n  boolean: pair(UiBoolean),\n  enum: pair(UiEnum),\n  lookup: pair(UiSelect),\n  date: pair(UiCalendarBlank),\n  \"string-map\": pair(UiDataSchema, UiDataSchemaDark),\n  array: pair(UiArray),\n  object: pair(UiObject),\n  display: pair(UiText),\n  link: pair(UiLink),\n};\n\n// The JSON Schema `type` names, read by the `type` keyword row.\nconst TYPE_GLYPH: Record<string, DebugGlyphPair> = {\n  string: KIND_GLYPH.string,\n  integer: KIND_GLYPH.number,\n  number: KIND_GLYPH.number,\n  boolean: KIND_GLYPH.boolean,\n  array: KIND_GLYPH.array,\n  object: KIND_GLYPH.object,\n  null: pair(UiNull),\n};\n\nconst KEYWORD_GLYPH: Record<string, DebugGlyphPair> = {\n  enum: KIND_GLYPH.enum,\n  const: pair(UiConstant1, UiConstant1Dark),\n  default: pair(UiConstant1, UiConstant1Dark),\n  format: pair(UiFileFormat, UiFileFormatDark),\n  pattern: pair(UiRegex, UiRegexDark),\n  readOnly: pair(UiReadAccess, UiReadAccessDark),\n  writeOnly: pair(UiWriteAccess, UiWriteAccessDark),\n  \"x-hidden\": pair(UiEyeClosed),\n  \"x-hidden-by\": pair(UiEyeClosed),\n  \"x-disabled\": pair(UiLock),\n  \"x-on-change\": GROUP_GLYPH.behaviour,\n  \"x-on-load\": GROUP_GLYPH.behaviour,\n  \"x-clicky-lookup\": pair(UiDatabaseLink, UiDatabaseLinkDark),\n  \"x-discriminator\": KIND_GLYPH.enum,\n  \"x-order\": pair(UiSortAlphabetically, UiSortAlphabeticallyDark),\n  \"x-clicky-order\": pair(UiListOrdered),\n  \"x-item\": pair(UiRows),\n  \"x-help\": pair(UiQuestion),\n  \"x-help-display\": pair(UiQuestion),\n  \"x-md-editor\": KIND_GLYPH.markdown,\n  \"x-columns\": pair(UiColumns),\n  \"x-col-span\": pair(UiColumns),\n  \"x-layout\": pair(UiLayoutDashboard),\n  \"x-label-position\": pair(UiLayoutDashboard),\n};\n\n// keywordGlyph is the glyph beside a keyword row; `type` is marked by the\n// type it names. A keyword the palette has no symbol for has none.\nexport function keywordGlyph(keyword: string, raw: unknown): DebugGlyphPair | undefined {\n  if (keyword === \"type\" && typeof raw === \"string\") return TYPE_GLYPH[raw];\n  return KEYWORD_GLYPH[keyword];\n}\n\nexport const ACTION_GLYPH: Record<keyof ChangeActions, DebugGlyphPair> = {\n  hide: pair(UiEyeClosed),\n  show: pair(UiEye),\n  enable: pair(UiLockOpen),\n  disable: pair(UiLock),\n  require: pair(UiAsterisk),\n  optional: pair(UiCircleOutline),\n  reset: pair(UiArrowsCounterClockwise),\n  set: pair(UiVariable5, UiVariable5Dark),\n  patch: pair(UiEditMode, UiEditModeDark),\n};\n\n// One glyph per predicate a `when` can state.\nexport const CONDITION_GLYPH = {\n  const: pair(UiConstant1, UiConstant1Dark),\n  enum: KIND_GLYPH.enum,\n  not: pair(UiProhibit),\n  expr: pair(UiEvaluateExpression, UiEvaluateExpressionDark),\n  schema: pair(UiDataSchema, UiDataSchemaDark),\n  always: pair(UiCircleOutline),\n} satisfies Record<string, DebugGlyphPair>;\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-debug-glyph.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const useTheme = require("../hooks/use-theme.cjs");
+const utils = require("../lib/utils.cjs");
+function DebugGlyph({ glyph, className }) {
+  const theme = useTheme.useResolvedTheme();
+  if (!glyph) return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: utils.cn("inline-block size-3.5 shrink-0", className) });
+  const Glyph = theme === "dark" && glyph.dark ? glyph.dark : glyph.light;
+  return /* @__PURE__ */ jsxRuntime.jsx(Glyph, { "data-glyph": Glyph.displayName, className: utils.cn("size-3.5 shrink-0", className) });
+}
+exports.DebugGlyph = DebugGlyph;
+//# sourceMappingURL=json-schema-form-debug-glyph.cjs.map

package/dist/components/json-schema-form-debug-glyph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-glyph.cjs","sources":["../../src/components/json-schema-form-debug-glyph.tsx"],"sourcesContent":["import { useResolvedTheme } from \"../hooks/use-theme\";\nimport { cn } from \"../lib/utils\";\nimport type { DebugGlyphPair } from \"./json-schema-form-debug-glyph-map\";\n\n// DebugGlyph draws a palette glyph in the variant for the resolved theme. It\n// names the component it drew in `data-glyph`.\nexport function DebugGlyph({ glyph, className }: { glyph: DebugGlyphPair | undefined; className?: string }) {\n  const theme = useResolvedTheme();\n  if (!glyph) return <span aria-hidden className={cn(\"inline-block size-3.5 shrink-0\", className)} />;\n  const Glyph = theme === \"dark\" && glyph.dark ? glyph.dark : glyph.light;\n  return <Glyph data-glyph={Glyph.displayName} className={cn(\"size-3.5 shrink-0\", className)} />;\n}\n"],"names":["useResolvedTheme","jsx","cn"],"mappings":";;;;;AAMO,SAAS,WAAW,EAAE,OAAO,aAAwE;AAC1G,QAAM,QAAQA,SAAAA,iBAAA;AACd,MAAI,CAAC,MAAO,QAAOC,2BAAAA,IAAC,QAAA,EAAK,eAAW,MAAC,WAAWC,MAAAA,GAAG,kCAAkC,SAAS,EAAA,CAAG;AACjG,QAAM,QAAQ,UAAU,UAAU,MAAM,OAAO,MAAM,OAAO,MAAM;AAClE,SAAOD,+BAAC,SAAM,cAAY,MAAM,aAAa,WAAWC,MAAAA,GAAG,qBAAqB,SAAS,EAAA,CAAG;AAC9F;;"}

package/dist/components/json-schema-form-debug-glyph.d.ts

@@ -0,0 +1,6 @@
+import { DebugGlyphPair } from './json-schema-form-debug-glyph-map.js';
+export declare function DebugGlyph({ glyph, className }: {
+    glyph: DebugGlyphPair | undefined;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-debug-glyph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-glyph.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-debug-glyph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIzE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAKzG"}

package/dist/components/json-schema-form-debug-glyph.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { useResolvedTheme } from "../hooks/use-theme.js";
+import { cn } from "../lib/utils.js";
+function DebugGlyph({ glyph, className }) {
+  const theme = useResolvedTheme();
+  if (!glyph) return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("inline-block size-3.5 shrink-0", className) });
+  const Glyph = theme === "dark" && glyph.dark ? glyph.dark : glyph.light;
+  return /* @__PURE__ */ jsx(Glyph, { "data-glyph": Glyph.displayName, className: cn("size-3.5 shrink-0", className) });
+}
+export {
+  DebugGlyph
+};
+//# sourceMappingURL=json-schema-form-debug-glyph.js.map

package/dist/components/json-schema-form-debug-glyph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-glyph.js","sources":["../../src/components/json-schema-form-debug-glyph.tsx"],"sourcesContent":["import { useResolvedTheme } from \"../hooks/use-theme\";\nimport { cn } from \"../lib/utils\";\nimport type { DebugGlyphPair } from \"./json-schema-form-debug-glyph-map\";\n\n// DebugGlyph draws a palette glyph in the variant for the resolved theme. It\n// names the component it drew in `data-glyph`.\nexport function DebugGlyph({ glyph, className }: { glyph: DebugGlyphPair | undefined; className?: string }) {\n  const theme = useResolvedTheme();\n  if (!glyph) return <span aria-hidden className={cn(\"inline-block size-3.5 shrink-0\", className)} />;\n  const Glyph = theme === \"dark\" && glyph.dark ? glyph.dark : glyph.light;\n  return <Glyph data-glyph={Glyph.displayName} className={cn(\"size-3.5 shrink-0\", className)} />;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,WAAW,EAAE,OAAO,aAAwE;AAC1G,QAAM,QAAQ,iBAAA;AACd,MAAI,CAAC,MAAO,QAAO,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAW,GAAG,kCAAkC,SAAS,EAAA,CAAG;AACjG,QAAM,QAAQ,UAAU,UAAU,MAAM,OAAO,MAAM,OAAO,MAAM;AAClE,SAAO,oBAAC,SAAM,cAAY,MAAM,aAAa,WAAW,GAAG,qBAAqB,SAAS,EAAA,CAAG;AAC9F;"}

package/dist/components/json-schema-form-debug-groups.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const FORM_KEYWORD_GROUPS = {
+  "x-hidden": "behaviour",
+  "x-hidden-by": "behaviour",
+  "x-disabled": "behaviour",
+  "x-on-change": "behaviour",
+  "x-on-load": "behaviour",
+  "x-clicky-lookup": "behaviour",
+  "x-discriminator": "behaviour",
+  "x-order": "presentation",
+  "x-clicky-order": "presentation",
+  "x-enum-labels": "presentation",
+  "x-enum-icons": "presentation",
+  "x-enum-descriptions": "presentation",
+  "x-enum-tones": "presentation",
+  "x-enum-display": "presentation",
+  "x-array-display": "presentation",
+  "x-help-display": "presentation",
+  "x-help": "presentation",
+  "x-item": "presentation",
+  "x-number-display": "presentation",
+  "x-md-editor": "presentation",
+  "x-label-classes": "presentation",
+  "x-input-classes": "presentation",
+  "x-input-prefix": "presentation",
+  "x-input-suffix": "presentation",
+  "x-input-prefix-icon": "presentation",
+  "x-input-suffix-icon": "presentation",
+  "x-label-position": "presentation",
+  "x-layout": "presentation",
+  "x-col-span": "presentation",
+  "x-columns": "presentation",
+  "x-column-min-width": "presentation",
+  "x-columns-max-width": "presentation",
+  "x-classes": "presentation",
+  "x-icon": "presentation",
+  "x-table-max-columns": "presentation",
+  "x-clicky-component": "opt-in",
+  "x-clicky-default-source": "opt-in",
+  "x-clicky-unit": "opt-in"
+};
+const GROUP_ORDER = ["behaviour", "presentation", "opt-in", "consumer", "schema"];
+const HEADING = /* @__PURE__ */ new Set(["title", "description"]);
+function groupKeywords(prop) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const [keyword, raw] of Object.entries(prop)) {
+    if (HEADING.has(keyword)) continue;
+    const group = FORM_KEYWORD_GROUPS[keyword] ?? (keyword.startsWith("x-") ? "consumer" : "schema");
+    grouped.set(group, [...grouped.get(group) ?? [], [keyword, raw]]);
+  }
+  return GROUP_ORDER.filter((group) => grouped.has(group)).map((group) => ({ group, entries: grouped.get(group) }));
+}
+exports.FORM_KEYWORD_GROUPS = FORM_KEYWORD_GROUPS;
+exports.groupKeywords = groupKeywords;
+//# sourceMappingURL=json-schema-form-debug-groups.cjs.map

package/dist/components/json-schema-form-debug-groups.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-groups.cjs","sources":["../../src/components/json-schema-form-debug-groups.ts"],"sourcesContent":["import type { JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// Which part of the form a schema keyword drives, for the debug card. Every x-*\n// keyword the form (or an opt-in clicky extension) reads is catalogued here; an\n// x-* key the catalog does not know is the consumer's own.\nexport type KeywordGroup = \"behaviour\" | \"presentation\" | \"opt-in\" | \"consumer\" | \"schema\";\n\n// FORM_KEYWORD_GROUPS names every x-* keyword documented by the meta-schema,\n// schemas/json-schema-form.schema.json (kept in step by its test).\nexport const FORM_KEYWORD_GROUPS: Record<string, Exclude<KeywordGroup, \"consumer\" | \"schema\">> = {\n  \"x-hidden\": \"behaviour\",\n  \"x-hidden-by\": \"behaviour\",\n  \"x-disabled\": \"behaviour\",\n  \"x-on-change\": \"behaviour\",\n  \"x-on-load\": \"behaviour\",\n  \"x-clicky-lookup\": \"behaviour\",\n  \"x-discriminator\": \"behaviour\",\n  \"x-order\": \"presentation\",\n  \"x-clicky-order\": \"presentation\",\n  \"x-enum-labels\": \"presentation\",\n  \"x-enum-icons\": \"presentation\",\n  \"x-enum-descriptions\": \"presentation\",\n  \"x-enum-tones\": \"presentation\",\n  \"x-enum-display\": \"presentation\",\n  \"x-array-display\": \"presentation\",\n  \"x-help-display\": \"presentation\",\n  \"x-help\": \"presentation\",\n  \"x-item\": \"presentation\",\n  \"x-number-display\": \"presentation\",\n  \"x-md-editor\": \"presentation\",\n  \"x-label-classes\": \"presentation\",\n  \"x-input-classes\": \"presentation\",\n  \"x-input-prefix\": \"presentation\",\n  \"x-input-suffix\": \"presentation\",\n  \"x-input-prefix-icon\": \"presentation\",\n  \"x-input-suffix-icon\": \"presentation\",\n  \"x-label-position\": \"presentation\",\n  \"x-layout\": \"presentation\",\n  \"x-col-span\": \"presentation\",\n  \"x-columns\": \"presentation\",\n  \"x-column-min-width\": \"presentation\",\n  \"x-columns-max-width\": \"presentation\",\n  \"x-classes\": \"presentation\",\n  \"x-icon\": \"presentation\",\n  \"x-table-max-columns\": \"presentation\",\n  \"x-clicky-component\": \"opt-in\",\n  \"x-clicky-default-source\": \"opt-in\",\n  \"x-clicky-unit\": \"opt-in\",\n};\n\nconst GROUP_ORDER: KeywordGroup[] = [\"behaviour\", \"presentation\", \"opt-in\", \"consumer\", \"schema\"];\n\n// Keywords already shown as the card's heading.\nconst HEADING = new Set([\"title\", \"description\"]);\n\nexport function groupKeywords(prop: JsonSchemaProperty): { group: KeywordGroup; entries: [string, unknown][] }[] {\n  const grouped = new Map<KeywordGroup, [string, unknown][]>();\n  for (const [keyword, raw] of Object.entries(prop)) {\n    if (HEADING.has(keyword)) continue;\n    const group = FORM_KEYWORD_GROUPS[keyword] ?? (keyword.startsWith(\"x-\") ? \"consumer\" : \"schema\");\n    grouped.set(group, [...(grouped.get(group) ?? []), [keyword, raw]]);\n  }\n  return GROUP_ORDER.filter((group) => grouped.has(group)).map((group) => ({ group, entries: grouped.get(group)! }));\n}\n"],"names":[],"mappings":";;AASO,MAAM,sBAAoF;AAAA,EAC/F,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,iBAAiB;AACnB;AAEA,MAAM,cAA8B,CAAC,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAGhG,MAAM,UAAU,oBAAI,IAAI,CAAC,SAAS,aAAa,CAAC;AAEzC,SAAS,cAAc,MAAmF;AAC/G,QAAM,8BAAc,IAAA;AACpB,aAAW,CAAC,SAAS,GAAG,KAAK,OAAO,QAAQ,IAAI,GAAG;AACjD,QAAI,QAAQ,IAAI,OAAO,EAAG;AAC1B,UAAM,QAAQ,oBAAoB,OAAO,MAAM,QAAQ,WAAW,IAAI,IAAI,aAAa;AACvF,YAAQ,IAAI,OAAO,CAAC,GAAI,QAAQ,IAAI,KAAK,KAAK,CAAA,GAAK,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EACpE;AACA,SAAO,YAAY,OAAO,CAAC,UAAU,QAAQ,IAAI,KAAK,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,SAAS,QAAQ,IAAI,KAAK,IAAK;AACnH;;;"}

package/dist/components/json-schema-form-debug-groups.d.ts

@@ -0,0 +1,8 @@
+import { JsonSchemaProperty } from './json-schema-form-types.js';
+export type KeywordGroup = "behaviour" | "presentation" | "opt-in" | "consumer" | "schema";
+export declare const FORM_KEYWORD_GROUPS: Record<string, Exclude<KeywordGroup, "consumer" | "schema">>;
+export declare function groupKeywords(prop: JsonSchemaProperty): {
+    group: KeywordGroup;
+    entries: [string, unknown][];
+}[];
+//# sourceMappingURL=json-schema-form-debug-groups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-groups.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-debug-groups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAKnE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;AAI3F,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,QAAQ,CAAC,CAuC5F,CAAC;AAOF,wBAAgB,aAAa,CAAC,IAAI,EAAE,kBAAkB,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;CAAE,EAAE,CAQ/G"}

package/dist/components/json-schema-form-debug-groups.js

@@ -0,0 +1,56 @@
+const FORM_KEYWORD_GROUPS = {
+  "x-hidden": "behaviour",
+  "x-hidden-by": "behaviour",
+  "x-disabled": "behaviour",
+  "x-on-change": "behaviour",
+  "x-on-load": "behaviour",
+  "x-clicky-lookup": "behaviour",
+  "x-discriminator": "behaviour",
+  "x-order": "presentation",
+  "x-clicky-order": "presentation",
+  "x-enum-labels": "presentation",
+  "x-enum-icons": "presentation",
+  "x-enum-descriptions": "presentation",
+  "x-enum-tones": "presentation",
+  "x-enum-display": "presentation",
+  "x-array-display": "presentation",
+  "x-help-display": "presentation",
+  "x-help": "presentation",
+  "x-item": "presentation",
+  "x-number-display": "presentation",
+  "x-md-editor": "presentation",
+  "x-label-classes": "presentation",
+  "x-input-classes": "presentation",
+  "x-input-prefix": "presentation",
+  "x-input-suffix": "presentation",
+  "x-input-prefix-icon": "presentation",
+  "x-input-suffix-icon": "presentation",
+  "x-label-position": "presentation",
+  "x-layout": "presentation",
+  "x-col-span": "presentation",
+  "x-columns": "presentation",
+  "x-column-min-width": "presentation",
+  "x-columns-max-width": "presentation",
+  "x-classes": "presentation",
+  "x-icon": "presentation",
+  "x-table-max-columns": "presentation",
+  "x-clicky-component": "opt-in",
+  "x-clicky-default-source": "opt-in",
+  "x-clicky-unit": "opt-in"
+};
+const GROUP_ORDER = ["behaviour", "presentation", "opt-in", "consumer", "schema"];
+const HEADING = /* @__PURE__ */ new Set(["title", "description"]);
+function groupKeywords(prop) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const [keyword, raw] of Object.entries(prop)) {
+    if (HEADING.has(keyword)) continue;
+    const group = FORM_KEYWORD_GROUPS[keyword] ?? (keyword.startsWith("x-") ? "consumer" : "schema");
+    grouped.set(group, [...grouped.get(group) ?? [], [keyword, raw]]);
+  }
+  return GROUP_ORDER.filter((group) => grouped.has(group)).map((group) => ({ group, entries: grouped.get(group) }));
+}
+export {
+  FORM_KEYWORD_GROUPS,
+  groupKeywords
+};
+//# sourceMappingURL=json-schema-form-debug-groups.js.map

package/dist/components/json-schema-form-debug-groups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-groups.js","sources":["../../src/components/json-schema-form-debug-groups.ts"],"sourcesContent":["import type { JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// Which part of the form a schema keyword drives, for the debug card. Every x-*\n// keyword the form (or an opt-in clicky extension) reads is catalogued here; an\n// x-* key the catalog does not know is the consumer's own.\nexport type KeywordGroup = \"behaviour\" | \"presentation\" | \"opt-in\" | \"consumer\" | \"schema\";\n\n// FORM_KEYWORD_GROUPS names every x-* keyword documented by the meta-schema,\n// schemas/json-schema-form.schema.json (kept in step by its test).\nexport const FORM_KEYWORD_GROUPS: Record<string, Exclude<KeywordGroup, \"consumer\" | \"schema\">> = {\n  \"x-hidden\": \"behaviour\",\n  \"x-hidden-by\": \"behaviour\",\n  \"x-disabled\": \"behaviour\",\n  \"x-on-change\": \"behaviour\",\n  \"x-on-load\": \"behaviour\",\n  \"x-clicky-lookup\": \"behaviour\",\n  \"x-discriminator\": \"behaviour\",\n  \"x-order\": \"presentation\",\n  \"x-clicky-order\": \"presentation\",\n  \"x-enum-labels\": \"presentation\",\n  \"x-enum-icons\": \"presentation\",\n  \"x-enum-descriptions\": \"presentation\",\n  \"x-enum-tones\": \"presentation\",\n  \"x-enum-display\": \"presentation\",\n  \"x-array-display\": \"presentation\",\n  \"x-help-display\": \"presentation\",\n  \"x-help\": \"presentation\",\n  \"x-item\": \"presentation\",\n  \"x-number-display\": \"presentation\",\n  \"x-md-editor\": \"presentation\",\n  \"x-label-classes\": \"presentation\",\n  \"x-input-classes\": \"presentation\",\n  \"x-input-prefix\": \"presentation\",\n  \"x-input-suffix\": \"presentation\",\n  \"x-input-prefix-icon\": \"presentation\",\n  \"x-input-suffix-icon\": \"presentation\",\n  \"x-label-position\": \"presentation\",\n  \"x-layout\": \"presentation\",\n  \"x-col-span\": \"presentation\",\n  \"x-columns\": \"presentation\",\n  \"x-column-min-width\": \"presentation\",\n  \"x-columns-max-width\": \"presentation\",\n  \"x-classes\": \"presentation\",\n  \"x-icon\": \"presentation\",\n  \"x-table-max-columns\": \"presentation\",\n  \"x-clicky-component\": \"opt-in\",\n  \"x-clicky-default-source\": \"opt-in\",\n  \"x-clicky-unit\": \"opt-in\",\n};\n\nconst GROUP_ORDER: KeywordGroup[] = [\"behaviour\", \"presentation\", \"opt-in\", \"consumer\", \"schema\"];\n\n// Keywords already shown as the card's heading.\nconst HEADING = new Set([\"title\", \"description\"]);\n\nexport function groupKeywords(prop: JsonSchemaProperty): { group: KeywordGroup; entries: [string, unknown][] }[] {\n  const grouped = new Map<KeywordGroup, [string, unknown][]>();\n  for (const [keyword, raw] of Object.entries(prop)) {\n    if (HEADING.has(keyword)) continue;\n    const group = FORM_KEYWORD_GROUPS[keyword] ?? (keyword.startsWith(\"x-\") ? \"consumer\" : \"schema\");\n    grouped.set(group, [...(grouped.get(group) ?? []), [keyword, raw]]);\n  }\n  return GROUP_ORDER.filter((group) => grouped.has(group)).map((group) => ({ group, entries: grouped.get(group)! }));\n}\n"],"names":[],"mappings":"AASO,MAAM,sBAAoF;AAAA,EAC/F,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,iBAAiB;AACnB;AAEA,MAAM,cAA8B,CAAC,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAGhG,MAAM,UAAU,oBAAI,IAAI,CAAC,SAAS,aAAa,CAAC;AAEzC,SAAS,cAAc,MAAmF;AAC/G,QAAM,8BAAc,IAAA;AACpB,aAAW,CAAC,SAAS,GAAG,KAAK,OAAO,QAAQ,IAAI,GAAG;AACjD,QAAI,QAAQ,IAAI,OAAO,EAAG;AAC1B,UAAM,QAAQ,oBAAoB,OAAO,MAAM,QAAQ,WAAW,IAAI,IAAI,aAAa;AACvF,YAAQ,IAAI,OAAO,CAAC,GAAI,QAAQ,IAAI,KAAK,KAAK,CAAA,GAAK,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EACpE;AACA,SAAO,YAAY,OAAO,CAAC,UAAU,QAAQ,IAAI,KAAK,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,SAAS,QAAQ,IAAI,KAAK,IAAK;AACnH;"}

package/dist/components/json-schema-form-debug-keywords.cjs

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../data/Icon.cjs");
+const jsonSchemaFormTone = require("./json-schema-form-tone.cjs");
+const utils = require("../lib/utils.cjs");
+const jsonSchemaFormDebugGroups = require("./json-schema-form-debug-groups.cjs");
+const jsonSchemaFormDebugGlyph = require("./json-schema-form-debug-glyph.cjs");
+const jsonSchemaFormDebugGlyphMap = require("./json-schema-form-debug-glyph-map.cjs");
+const jsonSchemaFormDebugListeners = require("./json-schema-form-debug-listeners.cjs");
+const GROUP_TITLE = {
+  behaviour: "Behaviour",
+  presentation: "Presentation",
+  "opt-in": "Opt-in extensions",
+  consumer: "Consumer extensions",
+  schema: "Schema"
+};
+const GROUP_NOTE = {
+  "opt-in": "read only when the host passes the matching create*FormExtensions()",
+  consumer: "not read by the form"
+};
+const STRUCTURE = /* @__PURE__ */ new Set(["properties", "items", "allOf", "anyOf", "oneOf", "$defs", "patternProperties", "additionalProperties"]);
+const ICON_KEYWORDS = /* @__PURE__ */ new Set(["x-icon", "x-input-prefix-icon", "x-input-suffix-icon"]);
+const ENUM_MAPS = ["x-enum-labels", "x-enum-icons", "x-enum-descriptions", "x-enum-tones"];
+function DebugKeywords({ prop, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsonSchemaFormDebugGroups.groupKeywords(prop).map(({ group, entries }) => {
+    const enumMaps = entries.filter(([keyword]) => ENUM_MAPS.includes(keyword));
+    const rest = entries.filter(([keyword]) => !ENUM_MAPS.includes(keyword));
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { role: "group", "aria-label": GROUP_TITLE[group], className: "space-y-0.5 border-t border-border pt-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormDebugGlyph.DebugGlyph, { glyph: jsonSchemaFormDebugGlyphMap.GROUP_GLYPH[group] }),
+        GROUP_TITLE[group],
+        GROUP_NOTE[group] && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal normal-case tracking-normal", children: [
+          "· ",
+          GROUP_NOTE[group]
+        ] })
+      ] }),
+      enumMaps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(EnumOptionTable, { prop }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5 font-mono text-[11px]", children: rest.map(([keyword, raw]) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormDebugGlyph.DebugGlyph, { glyph: jsonSchemaFormDebugGlyphMap.keywordGlyph(keyword, raw), className: "mt-px" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 break-words", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: keyword }),
+          " ",
+          describeKeyword(keyword, raw, value)
+        ] })
+      ] }, keyword)) })
+    ] }, group);
+  }) });
+}
+function describeKeyword(keyword, raw, value) {
+  if (keyword === "x-on-change" || keyword === "x-on-load") {
+    return Array.isArray(raw) ? /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormDebugListeners.ListenerList, { listeners: raw, subject: value }) : /* @__PURE__ */ jsxRuntime.jsx(Json, { value: raw });
+  }
+  if (keyword === "x-clicky-lookup") return /* @__PURE__ */ jsxRuntime.jsx(LookupSummary, { descriptor: raw });
+  if (keyword === "x-item") return /* @__PURE__ */ jsxRuntime.jsx(ItemSpecSummary, { spec: raw });
+  if (keyword === "x-help") return /* @__PURE__ */ jsxRuntime.jsx(HelpSummary, { help: raw });
+  if (ICON_KEYWORDS.has(keyword) && typeof raw === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: raw, className: "size-3.5" }),
+      raw
+    ] });
+  }
+  if (STRUCTURE.has(keyword)) {
+    if (Array.isArray(raw)) return `[${raw.length}]`;
+    if (typeof raw === "object" && raw !== null) return `{${Object.keys(raw).join(", ")}}`;
+  }
+  if (typeof raw === "string") return raw;
+  if (Array.isArray(raw) && raw.every((item) => typeof item === "string")) return raw.join(", ");
+  return /* @__PURE__ */ jsxRuntime.jsx(Json, { value: raw });
+}
+function Json({ value }) {
+  if (typeof value !== "object" || value === null) return /* @__PURE__ */ jsxRuntime.jsx("span", { children: JSON.stringify(value) });
+  return /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-0.5 max-h-40 overflow-auto whitespace-pre-wrap rounded bg-muted/60 p-1", children: JSON.stringify(value, null, 2) });
+}
+function LookupSummary({ descriptor }) {
+  const { scope, hierarchy } = descriptor;
+  const parts = [
+    `filter ${descriptor.filter}`,
+    descriptor.searchParam && `search ${descriptor.searchParam}`,
+    descriptor.multi && "multi-select",
+    scope && `scope ${scope.param} ← ${scope.from}${scope.map ? ` via ${JSON.stringify(scope.map)}` : ""}`,
+    hierarchy && `tree split on ${JSON.stringify(hierarchy.delimiters)}`
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+    "GET ",
+    descriptor.url,
+    " ",
+    parts.join(" · ")
+  ] });
+}
+function ItemSpecSummary({ spec }) {
+  var _a;
+  const summary = (_a = spec.summary) == null ? void 0 : _a.map((part) => typeof part === "string" ? part : (part.pattern ?? "{}").replace("{}", part.property));
+  const parts = [
+    spec.title && `title ${spec.title.join(" | ")}${spec.fallback ? ` (else ${spec.fallback})` : ""}`,
+    summary && `summary ${summary.join(" · ")}`,
+    spec.glyph && `glyph ${spec.glyph}`,
+    spec.badge && `badge ${spec.badge}`,
+    spec.flag && `flag ${spec.flag}`,
+    spec.actions && `actions ${spec.actions.length > 0 ? spec.actions.join(", ") : "none"}`,
+    spec.noun && `noun ${spec.noun}${spec.nounPlural ? `/${spec.nounPlural}` : ""}`,
+    spec.empty && `empty "${spec.empty}"`
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { children: parts.join(" · ") });
+}
+function HelpSummary({ help }) {
+  const origin = [help.source, help.section].filter(Boolean).join(" › ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+    origin && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+      "[",
+      origin,
+      "] "
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans", children: help.body })
+  ] });
+}
+function EnumOptionTable({ prop }) {
+  const labels = prop["x-enum-labels"] ?? {};
+  const icons = prop["x-enum-icons"] ?? {};
+  const descriptions = prop["x-enum-descriptions"] ?? {};
+  const tones = prop["x-enum-tones"] ?? {};
+  const enumValues = (prop.enum ?? []).map(String);
+  const mapped = [...new Set([labels, icons, descriptions, tones].flatMap((map) => Object.keys(map)))];
+  const values = [...enumValues, ...mapped.filter((value) => !enumValues.includes(value))];
+  const checkEnum = prop.enum !== void 0;
+  const hasIcons = Object.keys(icons).length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 font-mono text-[11px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormDebugGlyph.DebugGlyph, { glyph: jsonSchemaFormDebugGlyphMap.KIND_GLYPH.enum, className: "mt-px" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: "x-enum-*" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "text-left text-[10px] text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pr-2 font-normal", children: "value" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pr-2 font-normal", children: "label" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pr-2 font-normal", children: "description" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "font-normal", children: "tone" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: values.map((value) => {
+          const tone = tones[value];
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "align-top", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pr-2", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              hasIcons && /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: icons[value], className: "size-3.5" }),
+              value,
+              checkEnum && !enumValues.includes(value) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-700 dark:text-amber-300", children: " ⚠ not in enum" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pr-2", children: labels[value] ?? "" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pr-2 font-sans", children: descriptions[value] ?? "" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: tone && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("size-2 rounded-full", jsonSchemaFormTone.isFieldTone(tone) ? jsonSchemaFormTone.TONE_DOT_CLASS[tone] : "outline outline-1 outline-rose-500") }),
+              tone
+            ] }) })
+          ] }, value);
+        }) })
+      ] })
+    ] })
+  ] });
+}
+exports.DebugKeywords = DebugKeywords;
+//# sourceMappingURL=json-schema-form-debug-keywords.cjs.map

package/dist/components/json-schema-form-debug-keywords.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-keywords.cjs","sources":["../../src/components/json-schema-form-debug-keywords.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { TONE_DOT_CLASS, isFieldTone } from \"./json-schema-form-tone\";\nimport { cn } from \"../lib/utils\";\nimport { groupKeywords, type KeywordGroup } from \"./json-schema-form-debug-groups\";\nimport { DebugGlyph } from \"./json-schema-form-debug-glyph\";\nimport { GROUP_GLYPH, KIND_GLYPH, keywordGlyph } from \"./json-schema-form-debug-glyph-map\";\nimport { ListenerList } from \"./json-schema-form-debug-listeners\";\nimport type { ArrayItemSpec, ChangeListener, JsonSchemaHelpBlock, JsonSchemaProperty, LookupDescriptor } from \"./json-schema-form-types\";\n\n// The debug card's keyword list, one labelled group at a time (see\n// groupKeywords), each keyword beside its palette glyph and rendered in its own\n// vocabulary — listeners as condition/action cards, the x-enum-* maps as one\n// option table, a lookup as the request it makes — instead of as raw JSON.\n\nconst GROUP_TITLE: Record<KeywordGroup, string> = {\n  behaviour: \"Behaviour\",\n  presentation: \"Presentation\",\n  \"opt-in\": \"Opt-in extensions\",\n  consumer: \"Consumer extensions\",\n  schema: \"Schema\",\n};\nconst GROUP_NOTE: Partial<Record<KeywordGroup, string>> = {\n  \"opt-in\": \"read only when the host passes the matching create*FormExtensions()\",\n  consumer: \"not read by the form\",\n};\n\n// Keywords that shape the tree rather than source the field; listed by name.\nconst STRUCTURE = new Set([\"properties\", \"items\", \"allOf\", \"anyOf\", \"oneOf\", \"$defs\", \"patternProperties\", \"additionalProperties\"]);\nconst ICON_KEYWORDS = new Set([\"x-icon\", \"x-input-prefix-icon\", \"x-input-suffix-icon\"]);\nconst ENUM_MAPS = [\"x-enum-labels\", \"x-enum-icons\", \"x-enum-descriptions\", \"x-enum-tones\"] as const;\n\n// DebugKeywords renders a property's keywords, one labelled group at a time.\n// `value` is the field's current value: listeners are evaluated against it.\nexport function DebugKeywords({ prop, value }: { prop: JsonSchemaProperty; value?: unknown }) {\n  return (\n    <>\n      {groupKeywords(prop).map(({ group, entries }) => {\n        const enumMaps = entries.filter(([keyword]) => (ENUM_MAPS as readonly string[]).includes(keyword));\n        const rest = entries.filter(([keyword]) => !(ENUM_MAPS as readonly string[]).includes(keyword));\n        return (\n          <section key={group} role=\"group\" aria-label={GROUP_TITLE[group]} className=\"space-y-0.5 border-t border-border pt-1.5\">\n            <div className=\"flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n              <DebugGlyph glyph={GROUP_GLYPH[group]} />\n              {GROUP_TITLE[group]}\n              {GROUP_NOTE[group] && <span className=\"font-normal normal-case tracking-normal\">· {GROUP_NOTE[group]}</span>}\n            </div>\n            {enumMaps.length > 0 && <EnumOptionTable prop={prop} />}\n            <ul className=\"space-y-0.5 font-mono text-[11px]\">\n              {rest.map(([keyword, raw]) => (\n                <li key={keyword} className=\"flex gap-1\">\n                  <DebugGlyph glyph={keywordGlyph(keyword, raw)} className=\"mt-px\" />\n                  <div className=\"min-w-0 flex-1 break-words\">\n                    <span className=\"text-muted-foreground\">{keyword}</span> {describeKeyword(keyword, raw, value)}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          </section>\n        );\n      })}\n    </>\n  );\n}\n\nfunction describeKeyword(keyword: string, raw: unknown, value: unknown): ReactNode {\n  if (keyword === \"x-on-change\" || keyword === \"x-on-load\") {\n    return Array.isArray(raw) ? <ListenerList listeners={raw as ChangeListener[]} subject={value} /> : <Json value={raw} />;\n  }\n  if (keyword === \"x-clicky-lookup\") return <LookupSummary descriptor={raw as LookupDescriptor} />;\n  if (keyword === \"x-item\") return <ItemSpecSummary spec={raw as ArrayItemSpec} />;\n  if (keyword === \"x-help\") return <HelpSummary help={raw as JsonSchemaHelpBlock} />;\n  if (ICON_KEYWORDS.has(keyword) && typeof raw === \"string\") {\n    return (\n      <span className=\"inline-flex items-center gap-1\">\n        <LabelIcon icon={raw} className=\"size-3.5\" />\n        {raw}\n      </span>\n    );\n  }\n  if (STRUCTURE.has(keyword)) {\n    if (Array.isArray(raw)) return `[${raw.length}]`;\n    if (typeof raw === \"object\" && raw !== null) return `{${Object.keys(raw).join(\", \")}}`;\n  }\n  if (typeof raw === \"string\") return raw;\n  if (Array.isArray(raw) && raw.every((item) => typeof item === \"string\")) return raw.join(\", \");\n  return <Json value={raw} />;\n}\n\nfunction Json({ value }: { value: unknown }) {\n  if (typeof value !== \"object\" || value === null) return <span>{JSON.stringify(value)}</span>;\n  return <pre className=\"mt-0.5 max-h-40 overflow-auto whitespace-pre-wrap rounded bg-muted/60 p-1\">{JSON.stringify(value, null, 2)}</pre>;\n}\n\nfunction LookupSummary({ descriptor }: { descriptor: LookupDescriptor }) {\n  const { scope, hierarchy } = descriptor;\n  const parts = [\n    `filter ${descriptor.filter}`,\n    descriptor.searchParam && `search ${descriptor.searchParam}`,\n    descriptor.multi && \"multi-select\",\n    scope && `scope ${scope.param} ← ${scope.from}${scope.map ? ` via ${JSON.stringify(scope.map)}` : \"\"}`,\n    hierarchy && `tree split on ${JSON.stringify(hierarchy.delimiters)}`,\n  ].filter(Boolean);\n  return (\n    <span>\n      GET {descriptor.url} {parts.join(\" · \")}\n    </span>\n  );\n}\n\nfunction ItemSpecSummary({ spec }: { spec: ArrayItemSpec }) {\n  const summary = spec.summary?.map((part) => (typeof part === \"string\" ? part : (part.pattern ?? \"{}\").replace(\"{}\", part.property)));\n  const parts = [\n    spec.title && `title ${spec.title.join(\" | \")}${spec.fallback ? ` (else ${spec.fallback})` : \"\"}`,\n    summary && `summary ${summary.join(\" · \")}`,\n    spec.glyph && `glyph ${spec.glyph}`,\n    spec.badge && `badge ${spec.badge}`,\n    spec.flag && `flag ${spec.flag}`,\n    spec.actions && `actions ${spec.actions.length > 0 ? spec.actions.join(\", \") : \"none\"}`,\n    spec.noun && `noun ${spec.noun}${spec.nounPlural ? `/${spec.nounPlural}` : \"\"}`,\n    spec.empty && `empty \"${spec.empty}\"`,\n  ].filter(Boolean);\n  return <span>{parts.join(\" · \")}</span>;\n}\n\nfunction HelpSummary({ help }: { help: JsonSchemaHelpBlock }) {\n  const origin = [help.source, help.section].filter(Boolean).join(\" › \");\n  return (\n    <span>\n      {origin && <span className=\"text-muted-foreground\">[{origin}] </span>}\n      <span className=\"font-sans\">{help.body}</span>\n    </span>\n  );\n}\n\n// EnumOptionTable joins the x-enum-* maps by value: one row per enum value,\n// then any map key the enum does not list (a typo, or a stale value).\nfunction EnumOptionTable({ prop }: { prop: JsonSchemaProperty }) {\n  const labels = prop[\"x-enum-labels\"] ?? {};\n  const icons = prop[\"x-enum-icons\"] ?? {};\n  const descriptions = prop[\"x-enum-descriptions\"] ?? {};\n  const tones = prop[\"x-enum-tones\"] ?? {};\n  const enumValues = (prop.enum ?? []).map(String);\n  const mapped = [...new Set([labels, icons, descriptions, tones].flatMap((map) => Object.keys(map)))];\n  const values = [...enumValues, ...mapped.filter((value) => !enumValues.includes(value))];\n  const checkEnum = prop.enum !== undefined;\n  const hasIcons = Object.keys(icons).length > 0;\n  return (\n    <div className=\"flex gap-1 font-mono text-[11px]\">\n      <DebugGlyph glyph={KIND_GLYPH.enum} className=\"mt-px\" />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"text-muted-foreground\">x-enum-*</div>\n        <table className=\"w-full\">\n          <thead className=\"text-left text-[10px] text-muted-foreground\">\n            <tr>\n              <th className=\"pr-2 font-normal\">value</th>\n              <th className=\"pr-2 font-normal\">label</th>\n              <th className=\"pr-2 font-normal\">description</th>\n              <th className=\"font-normal\">tone</th>\n            </tr>\n          </thead>\n          <tbody>\n            {values.map((value) => {\n              const tone = tones[value];\n              return (\n                <tr key={value} className=\"align-top\">\n                  <td className=\"pr-2\">\n                    <span className=\"inline-flex items-center gap-1\">\n                      {hasIcons && <LabelIcon icon={icons[value]} className=\"size-3.5\" />}\n                      {value}\n                      {checkEnum && !enumValues.includes(value) && <span className=\"text-amber-700 dark:text-amber-300\"> ⚠ not in enum</span>}\n                    </span>\n                  </td>\n                  <td className=\"pr-2\">{labels[value] ?? \"\"}</td>\n                  <td className=\"pr-2 font-sans\">{descriptions[value] ?? \"\"}</td>\n                  <td>\n                    {tone && (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <span className={cn(\"size-2 rounded-full\", isFieldTone(tone) ? TONE_DOT_CLASS[tone] : \"outline outline-1 outline-rose-500\")} />\n                        {tone}\n                      </span>\n                    )}\n                  </td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Fragment","jsxs","DebugGlyph","GROUP_GLYPH","keywordGlyph","ListenerList","LabelIcon","KIND_GLYPH","cn","isFieldTone","TONE_DOT_CLASS"],"mappings":"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"}

package/dist/components/json-schema-form-debug-keywords.d.ts

@@ -0,0 +1,6 @@
+import { JsonSchemaProperty } from './json-schema-form-types.js';
+export declare function DebugKeywords({ prop, value }: {
+    prop: JsonSchemaProperty;
+    value?: unknown;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-debug-keywords.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-keywords.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-debug-keywords.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAsD,kBAAkB,EAAoB,MAAM,0BAA0B,CAAC;AA0BzI,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BA6B3F"}