@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/components/filter-bar-field-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-field-utils.js","names":[],"sources":["../../src/components/filter-bar-field-utils.tsx"],"sourcesContent":["import {\n  cloneElement,\n  isValidElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { FilterMode } from \"../data/FilterPill\";\nimport { LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { FILTER_INPUT_DEBOUNCE_MS, FilterBarContext } from \"./filter-bar-context\";\nimport type { MultiSelectOption } from \"./MultiSelect\";\n\nexport type FilterBarMultiFilterMode = Extract<FilterMode, \"include\" | \"exclude\">;\n\n// mergeMultiSelectOptions concatenates two option lists, deduping by value with\n// the first list (the head) taking precedence on ordering and label.\nexport function mergeMultiSelectOptions(\n  head: MultiSelectOption[],\n  extra: MultiSelectOption[],\n): MultiSelectOption[] {\n  if (extra.length === 0) return head;\n  const seen = new Set(head.map((o) => o.value));\n  const merged = [...head];\n  for (const option of extra) {\n    if (!seen.has(option.value)) {\n      seen.add(option.value);\n      merged.push(option);\n    }\n  }\n  return merged;\n}\n\nexport function multiSelectOptionText(option: MultiSelectOption) {\n  const label = typeof option.label === \"string\" ? option.label : \"\";\n  return [option.value, label, option.title ?? \"\"].filter(Boolean).join(\" \");\n}\n\nexport function summarizeMultiFilter(\n  label: string,\n  value: Record<string, FilterBarMultiFilterMode>,\n): string {\n  const includeCount = Object.values(value).filter((mode) => mode === \"include\").length;\n  const excludeCount = Object.values(value).filter((mode) => mode === \"exclude\").length;\n\n  if (includeCount === 0 && excludeCount === 0) {\n    return label;\n  }\n\n  const counts = [\n    includeCount > 0 ? `+${includeCount}` : null,\n    excludeCount > 0 ? `-${excludeCount}` : null,\n  ].filter(Boolean);\n\n  return `${label} ${counts.join(\" \")}`;\n}\n\nexport function useDebouncedMultiDraft(\n  value: Record<string, FilterBarMultiFilterMode>,\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void,\n) {\n  const { autoSubmit } = useContext(FilterBarContext);\n  const [draft, setDraft] = useState(value);\n  const latestOnChange = useRef(onChange);\n  const latestValue = useRef(value);\n  const valueKey = multiFilterValueKey(value);\n\n  useEffect(() => {\n    latestOnChange.current = onChange;\n  }, [onChange]);\n\n  useEffect(() => {\n    if (!sameMultiFilterValue(latestValue.current, value)) {\n      latestValue.current = value;\n      setDraft(value);\n      return;\n    }\n    latestValue.current = value;\n  }, [valueKey, value]);\n\n  useEffect(() => {\n    if (sameMultiFilterValue(draft, value)) return;\n\n    if (!autoSubmit) {\n      latestOnChange.current(draft);\n      return;\n    }\n\n    const timeoutId = window.setTimeout(() => {\n      latestOnChange.current(draft);\n    }, FILTER_INPUT_DEBOUNCE_MS);\n\n    return () => window.clearTimeout(timeoutId);\n  }, [autoSubmit, draft, valueKey]);\n\n  return [draft, setDraft] as const;\n}\n\nfunction multiFilterValueKey(value: Record<string, FilterBarMultiFilterMode>): string {\n  return Object.keys(value)\n    .sort()\n    .map((key) => `${key}:${value[key]}`)\n    .join(\"\\u0000\");\n}\n\nfunction sameMultiFilterValue(\n  a: Record<string, FilterBarMultiFilterMode>,\n  b: Record<string, FilterBarMultiFilterMode>,\n) {\n  const aKeys = Object.keys(a);\n  const bKeys = Object.keys(b);\n  if (aKeys.length !== bKeys.length) return false;\n  for (const key of aKeys) {\n    if (a[key] !== b[key]) return false;\n  }\n  return true;\n}\n\nexport function updateMultiFilterValue(\n  current: Record<string, FilterBarMultiFilterMode>,\n  optionValue: string,\n  nextMode: FilterMode,\n): Record<string, FilterBarMultiFilterMode> {\n  const next = { ...current };\n\n  if (nextMode === \"neutral\") {\n    delete next[optionValue];\n    return next;\n  }\n\n  if (nextMode === \"include\" || nextMode === \"exclude\") {\n    next[optionValue] = nextMode;\n  }\n\n  return next;\n}\n\nexport function nextFilterMode(mode: FilterMode): FilterMode {\n  if (mode === \"include\") return \"exclude\";\n  if (mode === \"exclude\") return \"neutral\";\n  return \"include\";\n}\n\n// sizedIcon constrains a filter icon to `px`. A node icon (e.g. a lucide\n// component, which otherwise renders at its own default 24px) is cloned with an\n// explicit inline width/height — done in clicky-ui via a real style so it never\n// depends on a Tailwind arbitrary class being generated in the consumer's build.\n// A string (runtime/iconify) icon is returned as-is and sized by the wrapper's\n// font-size. An existing inline size on the node wins (consumer override).\nexport function sizedIcon(icon: LabelIconSpec | undefined, px: number): LabelIconSpec | undefined {\n  if (!isValidElement(icon)) return icon;\n  const el = icon as ReactElement<{ style?: CSSProperties }>;\n  return cloneElement(el, {\n    style: { width: `${px}px`, height: `${px}px`, ...el.props.style },\n  });\n}\n\n// comboboxLabelProps maps a filter to the Combobox `label`/`ariaLabel`: when the\n// filter carries an `icon`, the icon replaces the inline text label (with the\n// field name kept as tooltip + accessible name); otherwise the text label shows.\n// clicky-ui owns the size (10px default) — the consumer supplies only the icon\n// and its colour.\nexport function comboboxLabelProps(filter: { icon?: LabelIconSpec; label: string }): {\n  label: ReactNode;\n  ariaLabel?: string;\n} {\n  if (filter.icon == null) return { label: filter.label };\n  return {\n    label: (\n      <span title={filter.label} className=\"inline-flex items-center text-[10px]\">\n        <LabelIcon icon={sizedIcon(filter.icon, 10)} className=\"normal-case\" />\n      </span>\n    ),\n    ariaLabel: filter.label,\n  };\n}\n\nexport function lookupFieldWidthClass(grow: boolean) {\n  return grow ? \"min-w-[12rem] max-w-[18rem] flex-1\" : \"min-w-[11rem] max-w-[15rem] shrink-0\";\n}\n"],"mappings":"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"}
+{"version":3,"file":"filter-bar-field-utils.js","names":[],"sources":["../../src/components/filter-bar-field-utils.tsx"],"sourcesContent":["import {\n  cloneElement,\n  isValidElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { FilterMode } from \"../data/FilterPill\";\nimport { LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { FILTER_INPUT_DEBOUNCE_MS, FilterBarContext } from \"./filter-bar-context\";\nimport type { MultiSelectOption } from \"./MultiSelect\";\n\nexport type FilterBarMultiFilterMode = Extract<FilterMode, \"include\" | \"exclude\">;\n\n// mergeMultiSelectOptions concatenates two option lists, deduping by value with\n// the first list (the head) taking precedence on ordering and label.\nexport function mergeMultiSelectOptions(\n  head: MultiSelectOption[],\n  extra: MultiSelectOption[],\n): MultiSelectOption[] {\n  if (extra.length === 0) return head;\n  const seen = new Set(head.map((o) => o.value));\n  const merged = [...head];\n  for (const option of extra) {\n    if (!seen.has(option.value)) {\n      seen.add(option.value);\n      merged.push(option);\n    }\n  }\n  return merged;\n}\n\nexport function multiSelectOptionText(option: MultiSelectOption) {\n  const label = typeof option.label === \"string\" ? option.label : \"\";\n  return [option.value, label, option.title ?? \"\"].filter(Boolean).join(\" \");\n}\n\nexport function summarizeMultiFilter(\n  label: string,\n  value: Record<string, FilterBarMultiFilterMode>,\n): string {\n  const includeCount = Object.values(value).filter((mode) => mode === \"include\").length;\n  const excludeCount = Object.values(value).filter((mode) => mode === \"exclude\").length;\n\n  if (includeCount === 0 && excludeCount === 0) {\n    return label;\n  }\n\n  const counts = [\n    includeCount > 0 ? `+${includeCount}` : null,\n    excludeCount > 0 ? `-${excludeCount}` : null,\n  ].filter(Boolean);\n\n  return `${label} ${counts.join(\" \")}`;\n}\n\nexport function useDebouncedMultiDraft(\n  value: Record<string, FilterBarMultiFilterMode>,\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void,\n) {\n  const { autoSubmit } = useContext(FilterBarContext);\n  const [draft, setDraft] = useState(value);\n  const latestOnChange = useRef(onChange);\n  const latestValue = useRef(value);\n  const valueKey = multiFilterValueKey(value);\n\n  useEffect(() => {\n    latestOnChange.current = onChange;\n  }, [onChange]);\n\n  useEffect(() => {\n    const externalChange = !sameMultiFilterValue(latestValue.current, value);\n    latestValue.current = value;\n    if (externalChange) {\n      setDraft(value);\n      return;\n    }\n    if (sameMultiFilterValue(draft, value)) return;\n\n    if (!autoSubmit) {\n      latestOnChange.current(draft);\n      return;\n    }\n\n    const timeoutId = window.setTimeout(() => {\n      latestOnChange.current(draft);\n    }, FILTER_INPUT_DEBOUNCE_MS);\n\n    return () => window.clearTimeout(timeoutId);\n  }, [autoSubmit, draft, valueKey]);\n\n  return [draft, setDraft] as const;\n}\n\nfunction multiFilterValueKey(value: Record<string, FilterBarMultiFilterMode>): string {\n  return Object.keys(value)\n    .sort()\n    .map((key) => `${key}:${value[key]}`)\n    .join(\"\\u0000\");\n}\n\nfunction sameMultiFilterValue(\n  a: Record<string, FilterBarMultiFilterMode>,\n  b: Record<string, FilterBarMultiFilterMode>,\n) {\n  const aKeys = Object.keys(a);\n  const bKeys = Object.keys(b);\n  if (aKeys.length !== bKeys.length) return false;\n  for (const key of aKeys) {\n    if (a[key] !== b[key]) return false;\n  }\n  return true;\n}\n\nexport function updateMultiFilterValue(\n  current: Record<string, FilterBarMultiFilterMode>,\n  optionValue: string,\n  nextMode: FilterMode,\n): Record<string, FilterBarMultiFilterMode> {\n  const next = { ...current };\n\n  if (nextMode === \"neutral\") {\n    delete next[optionValue];\n    return next;\n  }\n\n  if (nextMode === \"include\" || nextMode === \"exclude\") {\n    next[optionValue] = nextMode;\n  }\n\n  return next;\n}\n\nexport function nextFilterMode(mode: FilterMode): FilterMode {\n  if (mode === \"include\") return \"exclude\";\n  if (mode === \"exclude\") return \"neutral\";\n  return \"include\";\n}\n\n// sizedIcon constrains a filter icon to `px`. A node icon (e.g. a lucide\n// component, which otherwise renders at its own default 24px) is cloned with an\n// explicit inline width/height — done in clicky-ui via a real style so it never\n// depends on a Tailwind arbitrary class being generated in the consumer's build.\n// A string (runtime/iconify) icon is returned as-is and sized by the wrapper's\n// font-size. An existing inline size on the node wins (consumer override).\nexport function sizedIcon(icon: LabelIconSpec | undefined, px: number): LabelIconSpec | undefined {\n  if (!isValidElement(icon)) return icon;\n  const el = icon as ReactElement<{ style?: CSSProperties }>;\n  return cloneElement(el, {\n    style: { width: `${px}px`, height: `${px}px`, ...el.props.style },\n  });\n}\n\n// comboboxLabelProps maps a filter to the Combobox `label`/`ariaLabel`: when the\n// filter carries an `icon`, the icon replaces the inline text label (with the\n// field name kept as tooltip + accessible name); otherwise the text label shows.\n// clicky-ui owns the size (10px default) — the consumer supplies only the icon\n// and its colour.\nexport function comboboxLabelProps(filter: { icon?: LabelIconSpec; label: string }): {\n  label: ReactNode;\n  ariaLabel?: string;\n} {\n  if (filter.icon == null) return { label: filter.label };\n  return {\n    label: (\n      <span title={filter.label} className=\"inline-flex items-center text-[10px]\">\n        <LabelIcon icon={sizedIcon(filter.icon, 10)} className=\"normal-case\" />\n      </span>\n    ),\n    ariaLabel: filter.label,\n  };\n}\n\nexport function lookupFieldWidthClass(grow: boolean) {\n  return grow ? \"min-w-[12rem] max-w-[18rem] flex-1\" : \"min-w-[11rem] max-w-[15rem] shrink-0\";\n}\n"],"mappings":"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"}

package/dist/components/filter-bar-tree-model.cjs

@@ -0,0 +1,22 @@
+// src/components/filter-bar-tree-model.ts
+function treeLabelIndex(nodes) {
+	const labels = /* @__PURE__ */ new Map();
+	const visit = (node) => {
+		labels.set(node.key, node.label);
+		node.children?.forEach(visit);
+	};
+	nodes.forEach(visit);
+	return labels;
+}
+function treeSelectionSummary(nodes, value) {
+	const labels = treeLabelIndex(nodes);
+	const named = (mode) => Object.keys(value).filter((key) => value[key] === mode).map((key) => labels.get(key) ?? key);
+	return [...named("include"), ...named("exclude").map((label) => `−${label}`)].join(", ");
+}
+function hasSelectedDescendant(node, value) {
+	return (node.children ?? []).some((child) => value[child.key] !== void 0 || hasSelectedDescendant(child, value));
+}
+exports.hasSelectedDescendant = hasSelectedDescendant;
+exports.treeSelectionSummary = treeSelectionSummary;
+
+//# sourceMappingURL=filter-bar-tree-model.cjs.map

package/dist/components/filter-bar-tree-model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-tree-model.cjs","names":[],"sources":["../../src/components/filter-bar-tree-model.ts"],"sourcesContent":["import type { LabelIconSpec } from \"../data/Icon\";\nimport type { FilterBarMultiFilterMode } from \"./filter-bar-field-utils\";\n\nexport type FilterTreeNode = {\n  /**\n   * Selection key. For a path-shaped tree this is the joined path, and a key on\n   * a folder stands for everything beneath it (see `matchesTreeSelection`).\n   */\n  key: string;\n  label: string;\n  /** Secondary line under the label; also searchable. */\n  description?: string;\n  children?: FilterTreeNode[];\n};\n\nexport type FilterBarTreeFilter = {\n  key: string;\n  /** A hierarchical include/exclude picker; folders and leaves are both selectable. */\n  kind: \"tree\";\n  label: string;\n  /** Leading glyph shown instead of the text label: a runtime icon name or a node. */\n  icon?: LabelIconSpec;\n  description?: string;\n  /** Node key to include/exclude state. Same wire shape as the `multi` kind. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  nodes: FilterTreeNode[];\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Ghost text shown after the label while nothing is selected. */\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n};\n\nfunction treeLabelIndex(nodes: FilterTreeNode[]): Map<string, string> {\n  const labels = new Map<string, string>();\n  const visit = (node: FilterTreeNode) => {\n    labels.set(node.key, node.label);\n    node.children?.forEach(visit);\n  };\n  nodes.forEach(visit);\n  return labels;\n}\n\n// \"Acme, −Billing\": included labels first, then excluded ones behind a minus\n// sign. A selected key missing from the tree shows as the raw key rather than\n// disappearing, so a stale URL value stays visible and removable.\nexport function treeSelectionSummary(\n  nodes: FilterTreeNode[],\n  value: Record<string, FilterBarMultiFilterMode>,\n): string {\n  const labels = treeLabelIndex(nodes);\n  const named = (mode: FilterBarMultiFilterMode) =>\n    Object.keys(value)\n      .filter((key) => value[key] === mode)\n      .map((key) => labels.get(key) ?? key);\n  return [...named(\"include\"), ...named(\"exclude\").map((label) => `−${label}`)].join(\", \");\n}\n\nexport function hasSelectedDescendant(\n  node: FilterTreeNode,\n  value: Record<string, FilterBarMultiFilterMode>,\n): boolean {\n  return (node.children ?? []).some(\n    (child) => value[child.key] !== undefined || hasSelectedDescendant(child, value),\n  );\n}\n"],"mappings":";AAiCA,SAAS,eAAe,OAA8C;CACpE,MAAM,yBAAS,IAAI,IAAoB;CACvC,MAAM,SAAS,SAAyB;EACtC,OAAO,IAAI,KAAK,KAAK,KAAK,KAAK;EAC/B,KAAK,UAAU,QAAQ,KAAK;CAC9B;CACA,MAAM,QAAQ,KAAK;CACnB,OAAO;AACT;AAKA,SAAgB,qBACd,OACA,OACQ;CACR,MAAM,SAAS,eAAe,KAAK;CACnC,MAAM,SAAS,SACb,OAAO,KAAK,KAAK,CAAC,CACf,QAAQ,QAAQ,MAAM,SAAS,IAAI,CAAC,CACpC,KAAK,QAAQ,OAAO,IAAI,GAAG,KAAK,GAAG;CACxC,OAAO,CAAC,GAAG,MAAM,SAAS,GAAG,GAAG,MAAM,SAAS,CAAC,CAAC,KAAK,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI;AACzF;AAEA,SAAgB,sBACd,MACA,OACS;CACT,QAAQ,KAAK,YAAY,CAAC,EAAA,CAAG,MAC1B,UAAU,MAAM,MAAM,SAAS,KAAA,KAAa,sBAAsB,OAAO,KAAK,CACjF;AACF"}

package/dist/components/filter-bar-tree-model.d.ts

@@ -0,0 +1,33 @@
+import { LabelIconSpec } from '../data/Icon.js';
+import { FilterBarMultiFilterMode } from './filter-bar-field-utils.js';
+export type FilterTreeNode = {
+    /**
+     * Selection key. For a path-shaped tree this is the joined path, and a key on
+     * a folder stands for everything beneath it (see `matchesTreeSelection`).
+     */
+    key: string;
+    label: string;
+    /** Secondary line under the label; also searchable. */
+    description?: string;
+    children?: FilterTreeNode[];
+};
+export type FilterBarTreeFilter = {
+    key: string;
+    /** A hierarchical include/exclude picker; folders and leaves are both selectable. */
+    kind: "tree";
+    label: string;
+    /** Leading glyph shown instead of the text label: a runtime icon name or a node. */
+    icon?: LabelIconSpec;
+    description?: string;
+    /** Node key to include/exclude state. Same wire shape as the `multi` kind. */
+    value: Record<string, FilterBarMultiFilterMode>;
+    nodes: FilterTreeNode[];
+    onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;
+    /** Ghost text shown after the label while nothing is selected. */
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare function treeSelectionSummary(nodes: FilterTreeNode[], value: Record<string, FilterBarMultiFilterMode>): string;
+export declare function hasSelectedDescendant(node: FilterTreeNode, value: Record<string, FilterBarMultiFilterMode>): boolean;
+//# sourceMappingURL=filter-bar-tree-model.d.ts.map

package/dist/components/filter-bar-tree-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-tree-model.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-tree-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,IAAI,CAAC;IACpE,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,cAAc,EAAE,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,GAC9C,MAAM,CAOR;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,GAC9C,OAAO,CAIT"}

package/dist/components/filter-bar-tree-model.js

@@ -0,0 +1,21 @@
+// src/components/filter-bar-tree-model.ts
+function treeLabelIndex(nodes) {
+	const labels = /* @__PURE__ */ new Map();
+	const visit = (node) => {
+		labels.set(node.key, node.label);
+		node.children?.forEach(visit);
+	};
+	nodes.forEach(visit);
+	return labels;
+}
+function treeSelectionSummary(nodes, value) {
+	const labels = treeLabelIndex(nodes);
+	const named = (mode) => Object.keys(value).filter((key) => value[key] === mode).map((key) => labels.get(key) ?? key);
+	return [...named("include"), ...named("exclude").map((label) => `−${label}`)].join(", ");
+}
+function hasSelectedDescendant(node, value) {
+	return (node.children ?? []).some((child) => value[child.key] !== void 0 || hasSelectedDescendant(child, value));
+}
+export { hasSelectedDescendant, treeSelectionSummary };
+
+//# sourceMappingURL=filter-bar-tree-model.js.map

package/dist/components/filter-bar-tree-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-tree-model.js","names":[],"sources":["../../src/components/filter-bar-tree-model.ts"],"sourcesContent":["import type { LabelIconSpec } from \"../data/Icon\";\nimport type { FilterBarMultiFilterMode } from \"./filter-bar-field-utils\";\n\nexport type FilterTreeNode = {\n  /**\n   * Selection key. For a path-shaped tree this is the joined path, and a key on\n   * a folder stands for everything beneath it (see `matchesTreeSelection`).\n   */\n  key: string;\n  label: string;\n  /** Secondary line under the label; also searchable. */\n  description?: string;\n  children?: FilterTreeNode[];\n};\n\nexport type FilterBarTreeFilter = {\n  key: string;\n  /** A hierarchical include/exclude picker; folders and leaves are both selectable. */\n  kind: \"tree\";\n  label: string;\n  /** Leading glyph shown instead of the text label: a runtime icon name or a node. */\n  icon?: LabelIconSpec;\n  description?: string;\n  /** Node key to include/exclude state. Same wire shape as the `multi` kind. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  nodes: FilterTreeNode[];\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Ghost text shown after the label while nothing is selected. */\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n};\n\nfunction treeLabelIndex(nodes: FilterTreeNode[]): Map<string, string> {\n  const labels = new Map<string, string>();\n  const visit = (node: FilterTreeNode) => {\n    labels.set(node.key, node.label);\n    node.children?.forEach(visit);\n  };\n  nodes.forEach(visit);\n  return labels;\n}\n\n// \"Acme, −Billing\": included labels first, then excluded ones behind a minus\n// sign. A selected key missing from the tree shows as the raw key rather than\n// disappearing, so a stale URL value stays visible and removable.\nexport function treeSelectionSummary(\n  nodes: FilterTreeNode[],\n  value: Record<string, FilterBarMultiFilterMode>,\n): string {\n  const labels = treeLabelIndex(nodes);\n  const named = (mode: FilterBarMultiFilterMode) =>\n    Object.keys(value)\n      .filter((key) => value[key] === mode)\n      .map((key) => labels.get(key) ?? key);\n  return [...named(\"include\"), ...named(\"exclude\").map((label) => `−${label}`)].join(\", \");\n}\n\nexport function hasSelectedDescendant(\n  node: FilterTreeNode,\n  value: Record<string, FilterBarMultiFilterMode>,\n): boolean {\n  return (node.children ?? []).some(\n    (child) => value[child.key] !== undefined || hasSelectedDescendant(child, value),\n  );\n}\n"],"mappings":";AAiCA,SAAS,eAAe,OAA8C;CACpE,MAAM,yBAAS,IAAI,IAAoB;CACvC,MAAM,SAAS,SAAyB;EACtC,OAAO,IAAI,KAAK,KAAK,KAAK,KAAK;EAC/B,KAAK,UAAU,QAAQ,KAAK;CAC9B;CACA,MAAM,QAAQ,KAAK;CACnB,OAAO;AACT;AAKA,SAAgB,qBACd,OACA,OACQ;CACR,MAAM,SAAS,eAAe,KAAK;CACnC,MAAM,SAAS,SACb,OAAO,KAAK,KAAK,CAAC,CACf,QAAQ,QAAQ,MAAM,SAAS,IAAI,CAAC,CACpC,KAAK,QAAQ,OAAO,IAAI,GAAG,KAAK,GAAG;CACxC,OAAO,CAAC,GAAG,MAAM,SAAS,GAAG,GAAG,MAAM,SAAS,CAAC,CAAC,KAAK,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI;AACzF;AAEA,SAAgB,sBACd,MACA,OACS;CACT,QAAQ,KAAK,YAAY,CAAC,EAAA,CAAG,MAC1B,UAAU,MAAM,MAAM,SAAS,KAAA,KAAa,sBAAsB,OAAO,KAAK,CACjF;AACF"}

package/dist/components/filter-bar-tree.cjs

@@ -0,0 +1,84 @@
+const require_utils = require("../lib/utils.cjs");
+const require_UiChevronDown = require("../icons/components/UiChevronDown.cjs");
+const require_Icon = require("../data/Icon.cjs");
+const require_json_schema_form_size = require("./json-schema-form-size.cjs");
+const require_TreePickerField = require("./TreePickerField.cjs");
+const require_FilterPill = require("../data/FilterPill.cjs");
+const require_filter_bar_field_utils = require("./filter-bar-field-utils.cjs");
+const require_filter_bar_tree_model = require("./filter-bar-tree-model.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/filter-bar-tree.tsx
+var isFolder = (node) => (node.children?.length ?? 0) > 0;
+function TreeFilterField({ filter, grow }) {
+	const [draft, setDraft] = require_filter_bar_field_utils.useDebouncedMultiDraft(filter.value, filter.onChange);
+	const summary = (0, react.useMemo)(() => require_filter_bar_tree_model.treeSelectionSummary(filter.nodes, draft), [filter.nodes, draft]);
+	const { label, ariaLabel } = require_filter_bar_field_utils.comboboxLabelProps(filter);
+	const setMode = (key, mode) => setDraft(require_filter_bar_field_utils.updateMultiFilterValue(draft, key, mode));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TreePickerField.TreePickerField, {
+		roots: filter.nodes,
+		getKey: (node) => node.key,
+		getChildren: (node) => node.children,
+		getSearchText: (node) => [
+			node.label,
+			node.key,
+			node.description
+		].filter(Boolean).join(" "),
+		defaultOpen: (node) => require_filter_bar_tree_model.hasSelectedDescendant(node, draft),
+		isSelectable: (node) => !isFolder(node),
+		onSelect: (node) => setMode(node.key, require_filter_bar_field_utils.nextFilterMode(draft[node.key] ?? "neutral")),
+		closeOnSelect: false,
+		ariaLabel: filter.label,
+		size: "sm",
+		...filter.disabled !== void 0 ? { disabled: filter.disabled } : {},
+		className: require_utils.cn(require_filter_bar_field_utils.lookupFieldWidthClass(grow), filter.className),
+		renderTrigger: ({ open, disabled, triggerRef, toggle }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			ref: triggerRef,
+			type: "button",
+			disabled,
+			"aria-label": ariaLabel ?? filter.label,
+			"aria-haspopup": "tree",
+			"aria-expanded": open,
+			title: summary || filter.description,
+			onClick: toggle,
+			className: require_utils.cn("relative flex w-full items-center gap-1.5 rounded-md border border-input bg-background pr-8 text-left text-foreground", require_json_schema_form_size.inputSizeClass.sm, "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "disabled:cursor-not-allowed disabled:opacity-50"),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "shrink-0 whitespace-nowrap text-[10px] font-medium uppercase tracking-wide text-muted-foreground",
+					children: label
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_utils.cn("min-w-0 flex-1 truncate", !summary && "text-placeholder"),
+					children: summary || filter.placeholder
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pointer-events-none absolute right-0 flex h-full items-center px-2 text-muted-foreground",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+						icon: require_UiChevronDown.UiChevronDown,
+						className: "text-xs"
+					})
+				})
+			]
+		}),
+		renderRow: ({ node }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FilterPill.FilterPill, {
+			className: "min-w-0 flex-1 justify-between",
+			togglePosition: "right",
+			mode: draft[node.key] ?? "neutral",
+			title: node.label,
+			label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "block min-w-0 text-left",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "block truncate",
+					children: node.label
+				}), node.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "mt-0.5 block truncate text-xs font-normal text-muted-foreground",
+					children: node.description
+				})]
+			}),
+			onModeChange: (next) => setMode(node.key, next)
+		})
+	});
+}
+exports.TreeFilterField = TreeFilterField;
+
+//# sourceMappingURL=filter-bar-tree.cjs.map

package/dist/components/filter-bar-tree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-tree.cjs","names":["useDebouncedMultiDraft","useMemo","treeSelectionSummary","comboboxLabelProps","updateMultiFilterValue","TreePickerField","hasSelectedDescendant","nextFilterMode","cn","lookupFieldWidthClass","inputSizeClass","Icon","UiChevronDown","FilterPill"],"sources":["../../src/components/filter-bar-tree.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { FilterPill, type FilterMode } from \"../data/FilterPill\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronDown } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  comboboxLabelProps,\n  lookupFieldWidthClass,\n  nextFilterMode,\n  updateMultiFilterValue,\n  useDebouncedMultiDraft,\n} from \"./filter-bar-field-utils\";\nimport {\n  hasSelectedDescendant,\n  treeSelectionSummary,\n  type FilterBarTreeFilter,\n  type FilterTreeNode,\n} from \"./filter-bar-tree-model\";\nimport { inputSizeClass } from \"./json-schema-form-size\";\nimport { TreePickerField } from \"./TreePickerField\";\n\nexport type { FilterBarTreeFilter, FilterTreeNode };\n\nconst isFolder = (node: FilterTreeNode) => (node.children?.length ?? 0) > 0;\n\n// TreeFilterField renders a \"tree\" filter as the same inline-labelled field the\n// lookup comboboxes use, opening a TreePickerField whose every row (folder or\n// leaf) carries the include/exclude/neutral switch of the \"multi\" kind. The\n// panel stays open across selections, and opens already expanded down to\n// whatever is selected. Clicking a folder row only expands it; clicking a leaf\n// row cycles neutral, include, exclude.\nexport function TreeFilterField({\n  filter,\n  grow,\n}: {\n  filter: FilterBarTreeFilter;\n  grow: boolean;\n}) {\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  const summary = useMemo(\n    () => treeSelectionSummary(filter.nodes, draft),\n    [filter.nodes, draft],\n  );\n  const { label, ariaLabel } = comboboxLabelProps(filter);\n  const setMode = (key: string, mode: FilterMode) =>\n    setDraft(updateMultiFilterValue(draft, key, mode));\n\n  return (\n    <TreePickerField<FilterTreeNode>\n      roots={filter.nodes}\n      getKey={(node) => node.key}\n      getChildren={(node) => node.children}\n      getSearchText={(node) => [node.label, node.key, node.description].filter(Boolean).join(\" \")}\n      defaultOpen={(node) => hasSelectedDescendant(node, draft)}\n      isSelectable={(node) => !isFolder(node)}\n      onSelect={(node) => setMode(node.key, nextFilterMode(draft[node.key] ?? \"neutral\"))}\n      closeOnSelect={false}\n      ariaLabel={filter.label}\n      size=\"sm\"\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      className={cn(lookupFieldWidthClass(grow), filter.className)}\n      renderTrigger={({ open, disabled, triggerRef, toggle }) => (\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          disabled={disabled}\n          aria-label={ariaLabel ?? filter.label}\n          aria-haspopup=\"tree\"\n          aria-expanded={open}\n          title={summary || filter.description}\n          onClick={toggle}\n          className={cn(\n            \"relative flex w-full items-center gap-1.5 rounded-md border border-input bg-background pr-8 text-left text-foreground\",\n            inputSizeClass.sm,\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n          )}\n        >\n          <span className=\"shrink-0 whitespace-nowrap text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {label}\n          </span>\n          <span className={cn(\"min-w-0 flex-1 truncate\", !summary && \"text-placeholder\")}>\n            {summary || filter.placeholder}\n          </span>\n          <span className=\"pointer-events-none absolute right-0 flex h-full items-center px-2 text-muted-foreground\">\n            <Icon icon={UiChevronDown} className=\"text-xs\" />\n          </span>\n        </button>\n      )}\n      renderRow={({ node }) => (\n        <FilterPill\n          className=\"min-w-0 flex-1 justify-between\"\n          togglePosition=\"right\"\n          mode={draft[node.key] ?? \"neutral\"}\n          title={node.label}\n          label={\n            <span className=\"block min-w-0 text-left\">\n              <span className=\"block truncate\">{node.label}</span>\n              {node.description && (\n                <span className=\"mt-0.5 block truncate text-xs font-normal text-muted-foreground\">\n                  {node.description}\n                </span>\n              )}\n            </span>\n          }\n          onModeChange={(next) => setMode(node.key, next)}\n        />\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,IAAM,YAAY,UAA0B,KAAK,UAAU,UAAU,KAAK;AAQ1E,SAAgB,gBAAgB,EAC9B,QACA,QAIC;CACD,MAAM,CAAC,OAAO,YAAYA,+BAAAA,uBAAuB,OAAO,OAAO,OAAO,QAAQ;CAC9E,MAAM,WAAA,GAAUC,MAAAA,QAAAA,OACRC,8BAAAA,qBAAqB,OAAO,OAAO,KAAK,GAC9C,CAAC,OAAO,OAAO,KAAK,CACtB;CACA,MAAM,EAAE,OAAO,cAAcC,+BAAAA,mBAAmB,MAAM;CACtD,MAAM,WAAW,KAAa,SAC5B,SAASC,+BAAAA,uBAAuB,OAAO,KAAK,IAAI,CAAC;CAEnD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD;EACE,OAAO,OAAO;EACd,SAAS,SAAS,KAAK;EACvB,cAAc,SAAS,KAAK;EAC5B,gBAAgB,SAAS;GAAC,KAAK;GAAO,KAAK;GAAK,KAAK;EAAW,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAC1F,cAAc,SAASC,8BAAAA,sBAAsB,MAAM,KAAK;EACxD,eAAe,SAAS,CAAC,SAAS,IAAI;EACtC,WAAW,SAAS,QAAQ,KAAK,KAAKC,+BAAAA,eAAe,MAAM,KAAK,QAAQ,SAAS,CAAC;EAClF,eAAe;EACf,WAAW,OAAO;EAClB,MAAK;EACL,GAAK,OAAO,aAAa,KAAA,IAAY,EAAE,UAAU,OAAO,SAAS,IAAI,CAAC;EACtE,WAAWC,cAAAA,GAAGC,+BAAAA,sBAAsB,IAAI,GAAG,OAAO,SAAS;EAC3D,gBAAgB,EAAE,MAAM,UAAU,YAAY,aAC5C,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;GACE,KAAK;GACL,MAAK;GACK;GACV,cAAY,aAAa,OAAO;GAChC,iBAAc;GACd,iBAAe;GACf,OAAO,WAAW,OAAO;GACzB,SAAS;GACT,WAAWD,cAAAA,GACT,yHACAE,8BAAAA,eAAe,IACf,uGACA,iDACF;GAdF,UAAA;IAgBE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KACb,UAAA;IACG,CAAA;IACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAWF,cAAAA,GAAG,2BAA2B,CAAC,WAAW,kBAAkB;KAC1E,UAAA,WAAW,OAAO;IACf,CAAA;IACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,MAAD;MAAM,MAAMC,sBAAAA;MAAe,WAAU;KAAW,CAAA;IAC5C,CAAA;GACA;;EAEV,YAAY,EAAE,WACZ,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GACE,WAAU;GACV,gBAAe;GACf,MAAM,MAAM,KAAK,QAAQ;GACzB,OAAO,KAAK;GACZ,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAkB,UAAA,KAAK;IAAY,CAAA,GAClD,KAAK,eACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KACb,UAAA,KAAK;IACF,CAAA,CAEJ;;GAER,eAAe,SAAS,QAAQ,KAAK,KAAK,IAAI;EAC/C,CAAA;CAEJ,CAAA;AAEL"}

package/dist/components/filter-bar-tree.d.ts

@@ -0,0 +1,7 @@
+import { FilterBarTreeFilter, FilterTreeNode } from './filter-bar-tree-model.js';
+export type { FilterBarTreeFilter, FilterTreeNode };
+export declare function TreeFilterField({ filter, grow, }: {
+    filter: FilterBarTreeFilter;
+    grow: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=filter-bar-tree.d.ts.map

package/dist/components/filter-bar-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-tree.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-tree.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAIjC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC;AAUpD,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,IAAI,GACL,EAAE;IACD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,IAAI,EAAE,OAAO,CAAC;CACf,+BAyEA"}

package/dist/components/filter-bar-tree.js

@@ -0,0 +1,84 @@
+import { cn } from "../lib/utils.js";
+import { UiChevronDown } from "../icons/components/UiChevronDown.js";
+import { Icon } from "../data/Icon.js";
+import { inputSizeClass } from "./json-schema-form-size.js";
+import { TreePickerField } from "./TreePickerField.js";
+import { FilterPill } from "../data/FilterPill.js";
+import { comboboxLabelProps, lookupFieldWidthClass, nextFilterMode, updateMultiFilterValue, useDebouncedMultiDraft } from "./filter-bar-field-utils.js";
+import { hasSelectedDescendant, treeSelectionSummary } from "./filter-bar-tree-model.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/filter-bar-tree.tsx
+var isFolder = (node) => (node.children?.length ?? 0) > 0;
+function TreeFilterField({ filter, grow }) {
+	const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);
+	const summary = useMemo(() => treeSelectionSummary(filter.nodes, draft), [filter.nodes, draft]);
+	const { label, ariaLabel } = comboboxLabelProps(filter);
+	const setMode = (key, mode) => setDraft(updateMultiFilterValue(draft, key, mode));
+	return /* @__PURE__ */ jsx(TreePickerField, {
+		roots: filter.nodes,
+		getKey: (node) => node.key,
+		getChildren: (node) => node.children,
+		getSearchText: (node) => [
+			node.label,
+			node.key,
+			node.description
+		].filter(Boolean).join(" "),
+		defaultOpen: (node) => hasSelectedDescendant(node, draft),
+		isSelectable: (node) => !isFolder(node),
+		onSelect: (node) => setMode(node.key, nextFilterMode(draft[node.key] ?? "neutral")),
+		closeOnSelect: false,
+		ariaLabel: filter.label,
+		size: "sm",
+		...filter.disabled !== void 0 ? { disabled: filter.disabled } : {},
+		className: cn(lookupFieldWidthClass(grow), filter.className),
+		renderTrigger: ({ open, disabled, triggerRef, toggle }) => /* @__PURE__ */ jsxs("button", {
+			ref: triggerRef,
+			type: "button",
+			disabled,
+			"aria-label": ariaLabel ?? filter.label,
+			"aria-haspopup": "tree",
+			"aria-expanded": open,
+			title: summary || filter.description,
+			onClick: toggle,
+			className: cn("relative flex w-full items-center gap-1.5 rounded-md border border-input bg-background pr-8 text-left text-foreground", inputSizeClass.sm, "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "disabled:cursor-not-allowed disabled:opacity-50"),
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "shrink-0 whitespace-nowrap text-[10px] font-medium uppercase tracking-wide text-muted-foreground",
+					children: label
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: cn("min-w-0 flex-1 truncate", !summary && "text-placeholder"),
+					children: summary || filter.placeholder
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "pointer-events-none absolute right-0 flex h-full items-center px-2 text-muted-foreground",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: UiChevronDown,
+						className: "text-xs"
+					})
+				})
+			]
+		}),
+		renderRow: ({ node }) => /* @__PURE__ */ jsx(FilterPill, {
+			className: "min-w-0 flex-1 justify-between",
+			togglePosition: "right",
+			mode: draft[node.key] ?? "neutral",
+			title: node.label,
+			label: /* @__PURE__ */ jsxs("span", {
+				className: "block min-w-0 text-left",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "block truncate",
+					children: node.label
+				}), node.description && /* @__PURE__ */ jsx("span", {
+					className: "mt-0.5 block truncate text-xs font-normal text-muted-foreground",
+					children: node.description
+				})]
+			}),
+			onModeChange: (next) => setMode(node.key, next)
+		})
+	});
+}
+export { TreeFilterField };
+
+//# sourceMappingURL=filter-bar-tree.js.map

package/dist/components/filter-bar-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar-tree.js","names":[],"sources":["../../src/components/filter-bar-tree.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { FilterPill, type FilterMode } from \"../data/FilterPill\";\nimport { Icon } from \"../data/Icon\";\nimport { UiChevronDown } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  comboboxLabelProps,\n  lookupFieldWidthClass,\n  nextFilterMode,\n  updateMultiFilterValue,\n  useDebouncedMultiDraft,\n} from \"./filter-bar-field-utils\";\nimport {\n  hasSelectedDescendant,\n  treeSelectionSummary,\n  type FilterBarTreeFilter,\n  type FilterTreeNode,\n} from \"./filter-bar-tree-model\";\nimport { inputSizeClass } from \"./json-schema-form-size\";\nimport { TreePickerField } from \"./TreePickerField\";\n\nexport type { FilterBarTreeFilter, FilterTreeNode };\n\nconst isFolder = (node: FilterTreeNode) => (node.children?.length ?? 0) > 0;\n\n// TreeFilterField renders a \"tree\" filter as the same inline-labelled field the\n// lookup comboboxes use, opening a TreePickerField whose every row (folder or\n// leaf) carries the include/exclude/neutral switch of the \"multi\" kind. The\n// panel stays open across selections, and opens already expanded down to\n// whatever is selected. Clicking a folder row only expands it; clicking a leaf\n// row cycles neutral, include, exclude.\nexport function TreeFilterField({\n  filter,\n  grow,\n}: {\n  filter: FilterBarTreeFilter;\n  grow: boolean;\n}) {\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  const summary = useMemo(\n    () => treeSelectionSummary(filter.nodes, draft),\n    [filter.nodes, draft],\n  );\n  const { label, ariaLabel } = comboboxLabelProps(filter);\n  const setMode = (key: string, mode: FilterMode) =>\n    setDraft(updateMultiFilterValue(draft, key, mode));\n\n  return (\n    <TreePickerField<FilterTreeNode>\n      roots={filter.nodes}\n      getKey={(node) => node.key}\n      getChildren={(node) => node.children}\n      getSearchText={(node) => [node.label, node.key, node.description].filter(Boolean).join(\" \")}\n      defaultOpen={(node) => hasSelectedDescendant(node, draft)}\n      isSelectable={(node) => !isFolder(node)}\n      onSelect={(node) => setMode(node.key, nextFilterMode(draft[node.key] ?? \"neutral\"))}\n      closeOnSelect={false}\n      ariaLabel={filter.label}\n      size=\"sm\"\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      className={cn(lookupFieldWidthClass(grow), filter.className)}\n      renderTrigger={({ open, disabled, triggerRef, toggle }) => (\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          disabled={disabled}\n          aria-label={ariaLabel ?? filter.label}\n          aria-haspopup=\"tree\"\n          aria-expanded={open}\n          title={summary || filter.description}\n          onClick={toggle}\n          className={cn(\n            \"relative flex w-full items-center gap-1.5 rounded-md border border-input bg-background pr-8 text-left text-foreground\",\n            inputSizeClass.sm,\n            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n          )}\n        >\n          <span className=\"shrink-0 whitespace-nowrap text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {label}\n          </span>\n          <span className={cn(\"min-w-0 flex-1 truncate\", !summary && \"text-placeholder\")}>\n            {summary || filter.placeholder}\n          </span>\n          <span className=\"pointer-events-none absolute right-0 flex h-full items-center px-2 text-muted-foreground\">\n            <Icon icon={UiChevronDown} className=\"text-xs\" />\n          </span>\n        </button>\n      )}\n      renderRow={({ node }) => (\n        <FilterPill\n          className=\"min-w-0 flex-1 justify-between\"\n          togglePosition=\"right\"\n          mode={draft[node.key] ?? \"neutral\"}\n          title={node.label}\n          label={\n            <span className=\"block min-w-0 text-left\">\n              <span className=\"block truncate\">{node.label}</span>\n              {node.description && (\n                <span className=\"mt-0.5 block truncate text-xs font-normal text-muted-foreground\">\n                  {node.description}\n                </span>\n              )}\n            </span>\n          }\n          onModeChange={(next) => setMode(node.key, next)}\n        />\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,IAAM,YAAY,UAA0B,KAAK,UAAU,UAAU,KAAK;AAQ1E,SAAgB,gBAAgB,EAC9B,QACA,QAIC;CACD,MAAM,CAAC,OAAO,YAAY,uBAAuB,OAAO,OAAO,OAAO,QAAQ;CAC9E,MAAM,UAAU,cACR,qBAAqB,OAAO,OAAO,KAAK,GAC9C,CAAC,OAAO,OAAO,KAAK,CACtB;CACA,MAAM,EAAE,OAAO,cAAc,mBAAmB,MAAM;CACtD,MAAM,WAAW,KAAa,SAC5B,SAAS,uBAAuB,OAAO,KAAK,IAAI,CAAC;CAEnD,OACE,oBAAC,iBAAD;EACE,OAAO,OAAO;EACd,SAAS,SAAS,KAAK;EACvB,cAAc,SAAS,KAAK;EAC5B,gBAAgB,SAAS;GAAC,KAAK;GAAO,KAAK;GAAK,KAAK;EAAW,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAC1F,cAAc,SAAS,sBAAsB,MAAM,KAAK;EACxD,eAAe,SAAS,CAAC,SAAS,IAAI;EACtC,WAAW,SAAS,QAAQ,KAAK,KAAK,eAAe,MAAM,KAAK,QAAQ,SAAS,CAAC;EAClF,eAAe;EACf,WAAW,OAAO;EAClB,MAAK;EACL,GAAK,OAAO,aAAa,KAAA,IAAY,EAAE,UAAU,OAAO,SAAS,IAAI,CAAC;EACtE,WAAW,GAAG,sBAAsB,IAAI,GAAG,OAAO,SAAS;EAC3D,gBAAgB,EAAE,MAAM,UAAU,YAAY,aAC5C,qBAAC,UAAD;GACE,KAAK;GACL,MAAK;GACK;GACV,cAAY,aAAa,OAAO;GAChC,iBAAc;GACd,iBAAe;GACf,OAAO,WAAW,OAAO;GACzB,SAAS;GACT,WAAW,GACT,yHACA,eAAe,IACf,uGACA,iDACF;GAdF,UAAA;IAgBE,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA;IACG,CAAA;IACN,oBAAC,QAAD;KAAM,WAAW,GAAG,2BAA2B,CAAC,WAAW,kBAAkB;KAC1E,UAAA,WAAW,OAAO;IACf,CAAA;IACN,oBAAC,QAAD;KAAM,WAAU;KACd,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAe,WAAU;KAAW,CAAA;IAC5C,CAAA;GACA;;EAEV,YAAY,EAAE,WACZ,oBAAC,YAAD;GACE,WAAU;GACV,gBAAe;GACf,MAAM,MAAM,KAAK,QAAQ;GACzB,OAAO,KAAK;GACZ,OACE,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAU;KAAkB,UAAA,KAAK;IAAY,CAAA,GAClD,KAAK,eACJ,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA,KAAK;IACF,CAAA,CAEJ;;GAER,eAAe,SAAS,QAAQ,KAAK,KAAK,IAAI;EAC/C,CAAA;CAEJ,CAAA;AAEL"}

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

@@ -51,6 +51,8 @@ var GROUP_GLYPH = {
 	schema: pair(require_UiDataSchema.UiDataSchema, require_UiDataSchema.UiDataSchemaDark)
 };
 var KIND_GLYPH = {
+	union: pair(require_UiSelect.UiSelect),
+	json: pair(require_UiFileCode.UiFileCode),
 	string: pair(require_UiString.UiString),
 	textarea: pair(require_UiText.UiText),
 	markdown: pair(require_UiFileCode.UiFileCode),

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-debug-glyph-map.cjs","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"],"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"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-debug-glyph-map.cjs","names":["UiHibernateEvent","UiHibernateEventDark","UiPalette","UiPluginModule","UiPluginModuleDark","UiExtension","UiExtensionDark","UiDataSchema","UiDataSchemaDark","UiSelect","UiFileCode","UiString","UiText","UiNumeric","UiBoolean","UiEnum","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"],"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  union: pair(UiSelect),\n  json: pair(UiFileCode),\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"],"mappings":"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"}

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

@@ -1 +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"}
+{"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,CAgB/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

@@ -51,6 +51,8 @@ var GROUP_GLYPH = {
 	schema: pair(UiDataSchema, UiDataSchemaDark)
 };
 var KIND_GLYPH = {
+	union: pair(UiSelect),
+	json: pair(UiFileCode),
 	string: pair(UiString),
 	textarea: pair(UiText),
 	markdown: pair(UiFileCode),

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

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-debug-glyph-map.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAM,QAAQ,OAAsB,SAA0C,OAAO;CAAE;CAAO;AAAK,IAAI,EAAE,MAAM;AAE/G,IAAa,cAAoD;CAC/D,WAAW,KAAK,kBAAkB,oBAAoB;CACtD,cAAc,KAAK,SAAS;CAC5B,UAAU,KAAK,gBAAgB,kBAAkB;CACjD,UAAU,KAAK,aAAa,eAAe;CAC3C,QAAQ,KAAK,cAAc,gBAAgB;AAC7C;AAEA,IAAa,aAAuD;CAClE,QAAQ,KAAK,QAAQ;CACrB,UAAU,KAAK,MAAM;CACrB,UAAU,KAAK,UAAU;CACzB,QAAQ,KAAK,SAAS;CACtB,SAAS,KAAK,SAAS;CACvB,MAAM,KAAK,MAAM;CACjB,QAAQ,KAAK,QAAQ;CACrB,MAAM,KAAK,eAAe;CAC1B,cAAc,KAAK,cAAc,gBAAgB;CACjD,OAAO,KAAK,OAAO;CACnB,QAAQ,KAAK,QAAQ;CACrB,SAAS,KAAK,MAAM;CACpB,MAAM,KAAK,MAAM;AACnB;AAGA,IAAM,aAA6C;CACjD,QAAQ,WAAW;CACnB,SAAS,WAAW;CACpB,QAAQ,WAAW;CACnB,SAAS,WAAW;CACpB,OAAO,WAAW;CAClB,QAAQ,WAAW;CACnB,MAAM,KAAK,MAAM;AACnB;AAEA,IAAM,gBAAgD;CACpD,MAAM,WAAW;CACjB,OAAO,KAAK,aAAa,eAAe;CACxC,SAAS,KAAK,aAAa,eAAe;CAC1C,QAAQ,KAAK,cAAc,gBAAgB;CAC3C,SAAS,KAAK,SAAS,WAAW;CAClC,UAAU,KAAK,cAAc,gBAAgB;CAC7C,WAAW,KAAK,eAAe,iBAAiB;CAChD,YAAY,KAAK,WAAW;CAC5B,eAAe,KAAK,WAAW;CAC/B,cAAc,KAAK,MAAM;CACzB,eAAe,YAAY;CAC3B,aAAa,YAAY;CACzB,mBAAmB,KAAK,gBAAgB,kBAAkB;CAC1D,mBAAmB,WAAW;CAC9B,WAAW,KAAK,sBAAsB,wBAAwB;CAC9D,kBAAkB,KAAK,aAAa;CACpC,UAAU,KAAK,MAAM;CACrB,UAAU,KAAK,UAAU;CACzB,kBAAkB,KAAK,UAAU;CACjC,eAAe,WAAW;CAC1B,aAAa,KAAK,SAAS;CAC3B,cAAc,KAAK,SAAS;CAC5B,YAAY,KAAK,iBAAiB;CAClC,oBAAoB,KAAK,iBAAiB;AAC5C;AAIA,SAAgB,aAAa,SAAiB,KAA0C;CACtF,IAAI,YAAY,UAAU,OAAO,QAAQ,UAAU,OAAO,WAAW;CACrE,OAAO,cAAc;AACvB;AAEA,IAAa,eAA4D;CACvE,MAAM,KAAK,WAAW;CACtB,MAAM,KAAK,KAAK;CAChB,QAAQ,KAAK,UAAU;CACvB,SAAS,KAAK,MAAM;CACpB,SAAS,KAAK,UAAU;CACxB,UAAU,KAAK,eAAe;CAC9B,OAAO,KAAK,wBAAwB;CACpC,KAAK,KAAK,aAAa,eAAe;CACtC,OAAO,KAAK,YAAY,cAAc;AACxC;AAGA,IAAa,kBAAkB;CAC7B,OAAO,KAAK,aAAa,eAAe;CACxC,MAAM,WAAW;CACjB,KAAK,KAAK,UAAU;CACpB,MAAM,KAAK,sBAAsB,wBAAwB;CACzD,QAAQ,KAAK,cAAc,gBAAgB;CAC3C,QAAQ,KAAK,eAAe;AAC9B"}
+{"version":3,"file":"json-schema-form-debug-glyph-map.js","names":[],"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  union: pair(UiSelect),\n  json: pair(UiFileCode),\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAM,QAAQ,OAAsB,SAA0C,OAAO;CAAE;CAAO;AAAK,IAAI,EAAE,MAAM;AAE/G,IAAa,cAAoD;CAC/D,WAAW,KAAK,kBAAkB,oBAAoB;CACtD,cAAc,KAAK,SAAS;CAC5B,UAAU,KAAK,gBAAgB,kBAAkB;CACjD,UAAU,KAAK,aAAa,eAAe;CAC3C,QAAQ,KAAK,cAAc,gBAAgB;AAC7C;AAEA,IAAa,aAAuD;CAClE,OAAO,KAAK,QAAQ;CACpB,MAAM,KAAK,UAAU;CACrB,QAAQ,KAAK,QAAQ;CACrB,UAAU,KAAK,MAAM;CACrB,UAAU,KAAK,UAAU;CACzB,QAAQ,KAAK,SAAS;CACtB,SAAS,KAAK,SAAS;CACvB,MAAM,KAAK,MAAM;CACjB,QAAQ,KAAK,QAAQ;CACrB,MAAM,KAAK,eAAe;CAC1B,cAAc,KAAK,cAAc,gBAAgB;CACjD,OAAO,KAAK,OAAO;CACnB,QAAQ,KAAK,QAAQ;CACrB,SAAS,KAAK,MAAM;CACpB,MAAM,KAAK,MAAM;AACnB;AAGA,IAAM,aAA6C;CACjD,QAAQ,WAAW;CACnB,SAAS,WAAW;CACpB,QAAQ,WAAW;CACnB,SAAS,WAAW;CACpB,OAAO,WAAW;CAClB,QAAQ,WAAW;CACnB,MAAM,KAAK,MAAM;AACnB;AAEA,IAAM,gBAAgD;CACpD,MAAM,WAAW;CACjB,OAAO,KAAK,aAAa,eAAe;CACxC,SAAS,KAAK,aAAa,eAAe;CAC1C,QAAQ,KAAK,cAAc,gBAAgB;CAC3C,SAAS,KAAK,SAAS,WAAW;CAClC,UAAU,KAAK,cAAc,gBAAgB;CAC7C,WAAW,KAAK,eAAe,iBAAiB;CAChD,YAAY,KAAK,WAAW;CAC5B,eAAe,KAAK,WAAW;CAC/B,cAAc,KAAK,MAAM;CACzB,eAAe,YAAY;CAC3B,aAAa,YAAY;CACzB,mBAAmB,KAAK,gBAAgB,kBAAkB;CAC1D,mBAAmB,WAAW;CAC9B,WAAW,KAAK,sBAAsB,wBAAwB;CAC9D,kBAAkB,KAAK,aAAa;CACpC,UAAU,KAAK,MAAM;CACrB,UAAU,KAAK,UAAU;CACzB,kBAAkB,KAAK,UAAU;CACjC,eAAe,WAAW;CAC1B,aAAa,KAAK,SAAS;CAC3B,cAAc,KAAK,SAAS;CAC5B,YAAY,KAAK,iBAAiB;CAClC,oBAAoB,KAAK,iBAAiB;AAC5C;AAIA,SAAgB,aAAa,SAAiB,KAA0C;CACtF,IAAI,YAAY,UAAU,OAAO,QAAQ,UAAU,OAAO,WAAW;CACrE,OAAO,cAAc;AACvB;AAEA,IAAa,eAA4D;CACvE,MAAM,KAAK,WAAW;CACtB,MAAM,KAAK,KAAK;CAChB,QAAQ,KAAK,UAAU;CACvB,SAAS,KAAK,MAAM;CACpB,SAAS,KAAK,UAAU;CACxB,UAAU,KAAK,eAAe;CAC9B,OAAO,KAAK,wBAAwB;CACpC,KAAK,KAAK,aAAa,eAAe;CACtC,OAAO,KAAK,YAAY,cAAc;AACxC;AAGA,IAAa,kBAAkB;CAC7B,OAAO,KAAK,aAAa,eAAe;CACxC,MAAM,WAAW;CACjB,KAAK,KAAK,UAAU;CACpB,MAAM,KAAK,sBAAsB,wBAAwB;CACzD,QAAQ,KAAK,cAAc,gBAAgB;CAC3C,QAAQ,KAAK,eAAe;AAC9B"}

package/dist/components/json-schema-form-help-links.cjs

@@ -0,0 +1,18 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/json-schema-form-help-links.tsx
+function FormHelp({ field }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [field.helper, field.schema["x-help"]?.links?.map((link) => {
+		const url = new URL(link.href);
+		if (url.protocol !== "https:" && url.protocol !== "http:") throw new Error(`Unsupported documentation URL: ${link.href}`);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			className: "ml-1 text-primary underline underline-offset-2",
+			href: url.href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: link.label
+		}, link.href);
+	})] });
+}
+exports.FormHelp = FormHelp;
+
+//# sourceMappingURL=json-schema-form-help-links.cjs.map

package/dist/components/json-schema-form-help-links.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-help-links.cjs","names":["_Fragment"],"sources":["../../src/components/json-schema-form-help-links.tsx"],"sourcesContent":["import type { FieldControl } from \"./json-schema-form-types\";\n\nexport function FormHelp({ field }: { field: FieldControl }) {\n  return <>{field.helper}{field.schema[\"x-help\"]?.links?.map((link) => {\n    const url = new URL(link.href);\n    if (url.protocol !== \"https:\" && url.protocol !== \"http:\") throw new Error(`Unsupported documentation URL: ${link.href}`);\n    return <a key={link.href} className=\"ml-1 text-primary underline underline-offset-2\" href={url.href} target=\"_blank\" rel=\"noopener noreferrer\">{link.label}</a>;\n  })}</>;\n}\n\n"],"mappings":";;AAEA,SAAgB,SAAS,EAAE,SAAkC;CAC3D,OAAO,iBAAA,GAAA,kBAAA,KAAA,CAAAA,kBAAAA,UAAA,EAAA,UAAA,CAAG,MAAM,QAAQ,MAAM,OAAO,SAAS,EAAE,OAAO,KAAK,SAAS;EACnE,MAAM,MAAM,IAAI,IAAI,KAAK,IAAI;EAC7B,IAAI,IAAI,aAAa,YAAY,IAAI,aAAa,SAAS,MAAM,IAAI,MAAM,kCAAkC,KAAK,MAAM;EACxH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GAAmB,WAAU;GAAiD,MAAM,IAAI;GAAM,QAAO;GAAS,KAAI;GAAuB,UAAA,KAAK;EAAS,GAA/I,KAAK,IAA0I;CAChK,CAAC,CAAI,EAAA,CAAA;AACP"}

package/dist/components/json-schema-form-help-links.d.ts

@@ -0,0 +1,5 @@
+import { FieldControl } from './json-schema-form-types.js';
+export declare function FormHelp({ field }: {
+    field: FieldControl;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-help-links.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-help-links.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-help-links.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,+BAM1D"}

package/dist/components/json-schema-form-help-links.js

@@ -0,0 +1,18 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/json-schema-form-help-links.tsx
+function FormHelp({ field }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [field.helper, field.schema["x-help"]?.links?.map((link) => {
+		const url = new URL(link.href);
+		if (url.protocol !== "https:" && url.protocol !== "http:") throw new Error(`Unsupported documentation URL: ${link.href}`);
+		return /* @__PURE__ */ jsx("a", {
+			className: "ml-1 text-primary underline underline-offset-2",
+			href: url.href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: link.label
+		}, link.href);
+	})] });
+}
+export { FormHelp };
+
+//# sourceMappingURL=json-schema-form-help-links.js.map

package/dist/components/json-schema-form-help-links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-help-links.js","names":["_Fragment"],"sources":["../../src/components/json-schema-form-help-links.tsx"],"sourcesContent":["import type { FieldControl } from \"./json-schema-form-types\";\n\nexport function FormHelp({ field }: { field: FieldControl }) {\n  return <>{field.helper}{field.schema[\"x-help\"]?.links?.map((link) => {\n    const url = new URL(link.href);\n    if (url.protocol !== \"https:\" && url.protocol !== \"http:\") throw new Error(`Unsupported documentation URL: ${link.href}`);\n    return <a key={link.href} className=\"ml-1 text-primary underline underline-offset-2\" href={url.href} target=\"_blank\" rel=\"noopener noreferrer\">{link.label}</a>;\n  })}</>;\n}\n\n"],"mappings":";;AAEA,SAAgB,SAAS,EAAE,SAAkC;CAC3D,OAAO,qBAAAA,UAAA,EAAA,UAAA,CAAG,MAAM,QAAQ,MAAM,OAAO,SAAS,EAAE,OAAO,KAAK,SAAS;EACnE,MAAM,MAAM,IAAI,IAAI,KAAK,IAAI;EAC7B,IAAI,IAAI,aAAa,YAAY,IAAI,aAAa,SAAS,MAAM,IAAI,MAAM,kCAAkC,KAAK,MAAM;EACxH,OAAO,oBAAC,KAAD;GAAmB,WAAU;GAAiD,MAAM,IAAI;GAAM,QAAO;GAAS,KAAI;GAAuB,UAAA,KAAK;EAAS,GAA/I,KAAK,IAA0I;CAChK,CAAC,CAAI,EAAA,CAAA;AACP"}

package/dist/components/json-schema-form-help-model.cjs

@@ -0,0 +1,7 @@
+// src/components/json-schema-form-help-model.ts
+function hasFormHelp(field) {
+	return Boolean(field.helper || field.schema["x-help"]?.links?.length);
+}
+exports.hasFormHelp = hasFormHelp;
+
+//# sourceMappingURL=json-schema-form-help-model.cjs.map

package/dist/components/json-schema-form-help-model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-help-model.cjs","names":[],"sources":["../../src/components/json-schema-form-help-model.ts"],"sourcesContent":["import type { FieldControl } from \"./json-schema-form-types\";\n\nexport function hasFormHelp(field: FieldControl): boolean {\n  return Boolean(field.helper || field.schema[\"x-help\"]?.links?.length);\n}\n"],"mappings":";AAEA,SAAgB,YAAY,OAA8B;CACxD,OAAO,QAAQ,MAAM,UAAU,MAAM,OAAO,SAAS,EAAE,OAAO,MAAM;AACtE"}

package/dist/components/json-schema-form-help-model.d.ts

@@ -0,0 +1,3 @@
+import { FieldControl } from './json-schema-form-types.js';
+export declare function hasFormHelp(field: FieldControl): boolean;
+//# sourceMappingURL=json-schema-form-help-model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-help-model.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-help-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAExD"}

package/dist/components/json-schema-form-help-model.js

@@ -0,0 +1,7 @@
+// src/components/json-schema-form-help-model.ts
+function hasFormHelp(field) {
+	return Boolean(field.helper || field.schema["x-help"]?.links?.length);
+}
+export { hasFormHelp };
+
+//# sourceMappingURL=json-schema-form-help-model.js.map

package/dist/components/json-schema-form-help-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-help-model.js","names":[],"sources":["../../src/components/json-schema-form-help-model.ts"],"sourcesContent":["import type { FieldControl } from \"./json-schema-form-types\";\n\nexport function hasFormHelp(field: FieldControl): boolean {\n  return Boolean(field.helper || field.schema[\"x-help\"]?.links?.length);\n}\n"],"mappings":";AAEA,SAAgB,YAAY,OAA8B;CACxD,OAAO,QAAQ,MAAM,UAAU,MAAM,OAAO,SAAS,EAAE,OAAO,MAAM;AACtE"}