@flanksource/clicky-ui 0.3.40 → 0.3.42

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

@@ -0,0 +1,108 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useRef, useLayoutEffect } from "react";
+import { cn } from "../lib/utils.js";
+import { Icon } from "../data/Icon.js";
+import { HoverCard } from "../overlay/HoverCard.js";
+import { Modal } from "../overlay/Modal.js";
+import { DebugGlyph } from "./json-schema-form-debug-glyph.js";
+import { KIND_GLYPH } from "./json-schema-form-debug-glyph-map.js";
+import { DebugKeywords } from "./json-schema-form-debug-keywords.js";
+import { UiEyeClosed } from "../icons/components/UiEyeClosed.js";
+import { UiBug } from "../icons/components/UiBug.js";
+import { UiChevronUp } from "../icons/components/UiChevronUp.js";
+import { UiChevronDown } from "../icons/components/UiChevronDown.js";
+import { UiFullscreen } from "../icons/components/UiFullscreen.js";
+const FOOTER_BUTTON = "inline-flex items-center gap-1 rounded px-1 text-[11px] text-sky-700 hover:bg-muted dark:text-sky-300";
+function FieldDebugBadge(info) {
+  const { fieldKey, instancePath, field, prop, hiddenReason } = info;
+  const [expanded, setExpanded] = useState(false);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const hidden = hiddenReason !== void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      HoverCard,
+      {
+        placement: "right",
+        trigger: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Debug ${fieldKey}`,
+            className: cn(
+              "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-[11px]",
+              hidden ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: /* @__PURE__ */ jsx(Icon, { icon: hidden ? UiEyeClosed : UiBug })
+          }
+        ),
+        children: /* @__PURE__ */ jsx(ClampedCard, { info, expanded, onToggle: () => setExpanded(!expanded), onOpenDialog: () => setDialogOpen(true) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Modal, { open: dialogOpen, onClose: () => setDialogOpen(false), title: prop.title || fieldKey, subtitle: `${instancePath || "/"} · ${field.kind}`, size: "lg", children: /* @__PURE__ */ jsx("div", { "data-testid": "json-schema-form-debug-card-body", "data-clamped": "false", className: "text-xs", children: /* @__PURE__ */ jsx(FieldDebugDetails, { ...info, withHeading: false }) }) })
+  ] });
+}
+function ClampedCard({
+  info,
+  expanded,
+  onToggle,
+  onOpenDialog
+}) {
+  const bodyRef = useRef(null);
+  const [overflows, setOverflows] = useState(false);
+  useLayoutEffect(() => {
+    const body = bodyRef.current;
+    if (body && !expanded) setOverflows(body.scrollHeight > body.clientHeight + 1);
+  }, [expanded, info.prop, info.field.value]);
+  const clamped = !expanded;
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "json-schema-form-debug-card", className: "max-w-md space-y-1 whitespace-normal text-xs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: bodyRef,
+          "data-testid": "json-schema-form-debug-card-body",
+          "data-clamped": String(clamped),
+          className: clamped ? "max-h-80 overflow-hidden" : "max-h-[70vh] overflow-y-auto",
+          children: /* @__PURE__ */ jsx(FieldDebugDetails, { ...info })
+        }
+      ),
+      clamped && overflows && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-background" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-t border-border pt-1", children: [
+      overflows && /* @__PURE__ */ jsxs("button", { type: "button", "aria-expanded": expanded, onClick: onToggle, className: FOOTER_BUTTON, children: [
+        /* @__PURE__ */ jsx(Icon, { icon: expanded ? UiChevronUp : UiChevronDown }),
+        expanded ? "Show less" : "Show more"
+      ] }),
+      /* @__PURE__ */ jsxs("button", { type: "button", onClick: onOpenDialog, className: cn(FOOTER_BUTTON, "ml-auto"), children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiFullscreen }),
+        "Open in dialog"
+      ] })
+    ] })
+  ] });
+}
+function FieldDebugDetails({ fieldKey, instancePath, field, prop, hiddenReason, withHeading = true }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    withHeading && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+      /* @__PURE__ */ jsx(DebugGlyph, { glyph: KIND_GLYPH[field.kind], className: "mt-0.5 size-4" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: prop.title || fieldKey }),
+        /* @__PURE__ */ jsxs("div", { className: "font-mono text-[11px] text-muted-foreground", children: [
+          instancePath || "/",
+          " · ",
+          field.kind
+        ] })
+      ] })
+    ] }),
+    hiddenReason !== void 0 && /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-amber-700 dark:text-amber-300", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiEyeClosed }),
+      " ",
+      hiddenReason
+    ] }),
+    prop.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: prop.description }),
+    /* @__PURE__ */ jsx(DebugKeywords, { prop, value: field.value })
+  ] });
+}
+export {
+  FieldDebugBadge
+};
+//# sourceMappingURL=json-schema-form-debug-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-badge.js","sources":["../../src/components/json-schema-form-debug-badge.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiBug, UiChevronDown, UiChevronUp, UiEyeClosed, UiFullscreen } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport { Modal } from \"../overlay/Modal\";\nimport { DebugGlyph } from \"./json-schema-form-debug-glyph\";\nimport { KIND_GLYPH } from \"./json-schema-form-debug-glyph-map\";\nimport { DebugKeywords } from \"./json-schema-form-debug-keywords\";\nimport type { FieldControl, JsonSchemaProperty } from \"./json-schema-form-types\";\n\nexport interface FieldDebugInfo {\n  fieldKey: string;\n  instancePath: string;\n  field: FieldControl;\n  prop: JsonSchemaProperty;\n  hiddenReason: string | undefined;\n}\n\nconst FOOTER_BUTTON = \"inline-flex items-center gap-1 rounded px-1 text-[11px] text-sky-700 hover:bg-muted dark:text-sky-300\";\n\n// FieldDebugBadge is a field's debug-mode badge: an eye-slash when the form\n// would hide it, a bug otherwise, whose hover card says where it comes from.\n// A field whose details outgrow the card (a screen field with a dozen\n// listeners, a long query) is clamped behind \"Show more\", and \"Open in dialog\"\n// shows the full details in a modal. Both states live here, not in the card,\n// because the card unmounts as soon as the pointer leaves it.\nexport function FieldDebugBadge(info: FieldDebugInfo) {\n  const { fieldKey, instancePath, field, prop, hiddenReason } = info;\n  const [expanded, setExpanded] = useState(false);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const hidden = hiddenReason !== undefined;\n  return (\n    <>\n      <HoverCard\n        placement=\"right\"\n        trigger={\n          <button\n            type=\"button\"\n            aria-label={`Debug ${fieldKey}`}\n            className={cn(\n              \"inline-flex h-4 w-4 shrink-0 items-center justify-center rounded text-[11px]\",\n              hidden ? \"text-amber-600 dark:text-amber-400\" : \"text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            <Icon icon={hidden ? UiEyeClosed : UiBug} />\n          </button>\n        }\n      >\n        <ClampedCard info={info} expanded={expanded} onToggle={() => setExpanded(!expanded)} onOpenDialog={() => setDialogOpen(true)} />\n      </HoverCard>\n      <Modal open={dialogOpen} onClose={() => setDialogOpen(false)} title={prop.title || fieldKey} subtitle={`${instancePath || \"/\"} · ${field.kind}`} size=\"lg\">\n        <div data-testid=\"json-schema-form-debug-card-body\" data-clamped=\"false\" className=\"text-xs\">\n          <FieldDebugDetails {...info} withHeading={false} />\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ClampedCard({\n  info,\n  expanded,\n  onToggle,\n  onOpenDialog,\n}: {\n  info: FieldDebugInfo;\n  expanded: boolean;\n  onToggle: () => void;\n  onOpenDialog: () => void;\n}) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const [overflows, setOverflows] = useState(false);\n  // Measured only while clamped: once expanded the body has no clamp to\n  // overflow, and \"Show less\" must stay to put it back.\n  useLayoutEffect(() => {\n    const body = bodyRef.current;\n    if (body && !expanded) setOverflows(body.scrollHeight > body.clientHeight + 1);\n  }, [expanded, info.prop, info.field.value]);\n  const clamped = !expanded;\n  return (\n    <div data-testid=\"json-schema-form-debug-card\" className=\"max-w-md space-y-1 whitespace-normal text-xs\">\n      <div className=\"relative\">\n        <div\n          ref={bodyRef}\n          data-testid=\"json-schema-form-debug-card-body\"\n          data-clamped={String(clamped)}\n          className={clamped ? \"max-h-80 overflow-hidden\" : \"max-h-[70vh] overflow-y-auto\"}\n        >\n          <FieldDebugDetails {...info} />\n        </div>\n        {clamped && overflows && <div aria-hidden className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-background\" />}\n      </div>\n      <div className=\"flex items-center gap-1 border-t border-border pt-1\">\n        {overflows && (\n          <button type=\"button\" aria-expanded={expanded} onClick={onToggle} className={FOOTER_BUTTON}>\n            <Icon icon={expanded ? UiChevronUp : UiChevronDown} />\n            {expanded ? \"Show less\" : \"Show more\"}\n          </button>\n        )}\n        <button type=\"button\" onClick={onOpenDialog} className={cn(FOOTER_BUTTON, \"ml-auto\")}>\n          <Icon icon={UiFullscreen} />\n          Open in dialog\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// FieldDebugDetails is the card's content. The dialog's own header already\n// names the field, so it renders without the heading.\nfunction FieldDebugDetails({ fieldKey, instancePath, field, prop, hiddenReason, withHeading = true }: FieldDebugInfo & { withHeading?: boolean }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {withHeading && (\n        <div className=\"flex items-start gap-1.5\">\n          <DebugGlyph glyph={KIND_GLYPH[field.kind]} className=\"mt-0.5 size-4\" />\n          <div className=\"min-w-0\">\n            <div className=\"font-medium\">{prop.title || fieldKey}</div>\n            <div className=\"font-mono text-[11px] text-muted-foreground\">\n              {instancePath || \"/\"} · {field.kind}\n            </div>\n          </div>\n        </div>\n      )}\n      {hiddenReason !== undefined && (\n        <p className=\"flex items-center gap-1 text-amber-700 dark:text-amber-300\">\n          <Icon icon={UiEyeClosed} /> {hiddenReason}\n        </p>\n      )}\n      {prop.description && <p className=\"text-muted-foreground\">{prop.description}</p>}\n      <DebugKeywords prop={prop} value={field.value} />\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-glyph-map.cjs","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":["UiHibernateEvent","UiHibernateEventDark","UiPalette","UiPluginModule","UiPluginModuleDark","UiExtension","UiExtensionDark","UiDataSchema","UiDataSchemaDark","UiString","UiText","UiFileCode","UiNumeric","UiBoolean","UiEnum","UiSelect","UiCalendarBlank","UiArray","UiObject","UiLink","UiNull","UiConstant1","UiConstant1Dark","UiFileFormat","UiFileFormatDark","UiRegex","UiRegexDark","UiReadAccess","UiReadAccessDark","UiWriteAccess","UiWriteAccessDark","UiEyeClosed","UiLock","UiDatabaseLink","UiDatabaseLinkDark","UiSortAlphabetically","UiSortAlphabeticallyDark","UiListOrdered","UiRows","UiQuestion","UiColumns","UiLayoutDashboard","UiEye","UiLockOpen","UiAsterisk","UiCircleOutline","UiArrowsCounterClockwise","UiVariable5","UiVariable5Dark","UiEditMode","UiEditModeDark","UiProhibit","UiEvaluateExpression","UiEvaluateExpressionDark"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { IconComponent } from '../icons/types.js';
+import { KeywordGroup } from './json-schema-form-debug-groups.js';
+import { ChangeActions, FieldControlKind } from './json-schema-form-types.js';
+export interface DebugGlyphPair {
+    light: IconComponent;
+    dark?: IconComponent;
+}
+export declare const GROUP_GLYPH: Record<KeywordGroup, DebugGlyphPair>;
+export declare const KIND_GLYPH: Record<FieldControlKind, DebugGlyphPair>;
+export declare function keywordGlyph(keyword: string, raw: unknown): DebugGlyphPair | undefined;
+export declare const ACTION_GLYPH: Record<keyof ChangeActions, DebugGlyphPair>;
+export declare const CONDITION_GLYPH: {
+    const: DebugGlyphPair;
+    enum: DebugGlyphPair;
+    not: DebugGlyphPair;
+    expr: DebugGlyphPair;
+    schema: DebugGlyphPair;
+    always: DebugGlyphPair;
+};
+//# sourceMappingURL=json-schema-form-debug-glyph-map.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-debug-glyph-map.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-debug-glyph-map.ts"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIhF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAID,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CAM5D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAc/D,CAAC;AA0CF,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,GAAG,cAAc,GAAG,SAAS,CAGtF;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,aAAa,EAAE,cAAc,CAUpE,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;;;CAOc,CAAC"}

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"}