@flanksource/clicky-ui 0.2.2 → 0.2.4

package/dist/data/Tree.cjs

@@ -0,0 +1,240 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Icon = require("./Icon.cjs");
+const TreeNode = require("./TreeNode.cjs");
+const UiSearch = require("../icons/components/UiSearch.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+const UiExpandAll = require("../icons/components/UiExpandAll.cjs");
+const UiCollapseAll = require("../icons/components/UiCollapseAll.cjs");
+function countTreeEdges(roots, getChildren) {
+  let total = 0;
+  const stack = [...roots];
+  while (stack.length > 0) {
+    const node = stack.pop();
+    const children = getChildren(node) ?? [];
+    total += children.length;
+    stack.push(...children);
+  }
+  return total;
+}
+function collectTreeSearchText(value, excluded = /* @__PURE__ */ new Set(), seen = /* @__PURE__ */ new Set()) {
+  if (value == null || excluded.has(value)) return "";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
+    return String(value);
+  }
+  if (typeof value !== "object") return "";
+  if (seen.has(value)) return "";
+  seen.add(value);
+  if (Array.isArray(value)) {
+    return value.map((entry) => collectTreeSearchText(entry, excluded, seen)).filter(Boolean).join(" ");
+  }
+  const preferredKeys = ["label", "name", "title", "text", "plain", "id", "content"];
+  const record = value;
+  const chunks = [];
+  for (const key of preferredKeys) {
+    if (!(key in record)) continue;
+    const text = collectTreeSearchText(record[key], excluded, seen);
+    if (text) chunks.push(text);
+  }
+  for (const [key, entry] of Object.entries(record)) {
+    if (key === "children" || preferredKeys.includes(key)) continue;
+    const text = collectTreeSearchText(entry, excluded, seen);
+    if (text) chunks.push(text);
+  }
+  return chunks.join(" ");
+}
+function nodeSearchText(node, children) {
+  const excluded = /* @__PURE__ */ new Set();
+  if (children) excluded.add(children);
+  return collectTreeSearchText(node, excluded).trim().toLowerCase();
+}
+function filterTreeRoots(roots, getChildren, getKey, query, isSecondary, getSearchText) {
+  const normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) {
+    return {
+      roots,
+      filteredChildren: null,
+      forcedOpenKeys: null
+    };
+  }
+  const filteredChildren = /* @__PURE__ */ new Map();
+  const forcedOpenKeys = /* @__PURE__ */ new Set();
+  function matchText(node, children) {
+    if (getSearchText) return getSearchText(node).trim().toLowerCase();
+    const searchChildren = children.filter((c) => !(isSecondary == null ? void 0 : isSecondary(c)));
+    return nodeSearchText(node, searchChildren);
+  }
+  function visit(node) {
+    if (isSecondary == null ? void 0 : isSecondary(node)) return false;
+    const key = getKey(node);
+    const children = getChildren(node) ?? [];
+    const childrenAllSecondary = children.length > 0 && children.every((child) => isSecondary == null ? void 0 : isSecondary(child));
+    const matches = matchText(node, children).includes(normalizedQuery);
+    const visibleChildren = [];
+    for (const child of children) {
+      if (visit(child)) visibleChildren.push(child);
+    }
+    if (matches) {
+      if (children.length > 0) {
+        filteredChildren.set(key, children);
+        if (!childrenAllSecondary) forcedOpenKeys.add(key);
+      }
+      return true;
+    }
+    if (visibleChildren.length > 0) {
+      filteredChildren.set(key, visibleChildren);
+      forcedOpenKeys.add(key);
+      return true;
+    }
+    return false;
+  }
+  return {
+    roots: roots.filter((root) => visit(root)),
+    filteredChildren,
+    forcedOpenKeys
+  };
+}
+function Tree({
+  roots,
+  empty,
+  className,
+  showControls = true,
+  expandAll: controlledExpandAll,
+  onExpandAllChange,
+  toolbarClassName,
+  getSearchText,
+  ...nodeProps
+}) {
+  const [internalExpandAll, setInternalExpandAll] = react.useState(null);
+  const [filterQuery, setFilterQuery] = react.useState("");
+  const basePaddingPx = nodeProps.basePaddingPx ?? 8;
+  const isControlled = onExpandAllChange !== void 0;
+  const expandAll = isControlled ? controlledExpandAll ?? null : internalExpandAll;
+  const totalEdges = react.useMemo(
+    () => countTreeEdges(roots, nodeProps.getChildren),
+    [roots, nodeProps.getChildren]
+  );
+  const showFilter = totalEdges > 20;
+  const activeFilter = showFilter ? filterQuery : "";
+  const filteredTree = react.useMemo(
+    () => filterTreeRoots(
+      roots,
+      nodeProps.getChildren,
+      nodeProps.getKey,
+      activeFilter,
+      nodeProps.isSecondary,
+      getSearchText
+    ),
+    [
+      roots,
+      nodeProps.getChildren,
+      nodeProps.getKey,
+      activeFilter,
+      nodeProps.isSecondary,
+      getSearchText
+    ]
+  );
+  const treeRoots = filteredTree.roots;
+  const filteredChildren = filteredTree.filteredChildren;
+  const forcedOpenKeys = filteredTree.forcedOpenKeys;
+  const effectiveGetChildren = filteredChildren ? (node) => filteredChildren.get(nodeProps.getKey(node)) ?? [] : nodeProps.getChildren;
+  const effectiveExpandAll = expandAll;
+  const effectiveEmpty = activeFilter.trim() ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-sm text-muted-foreground", children: "No matching tree nodes." }) : empty;
+  const showControlButtons = showControls && roots.length > 0;
+  const showVirtualRow = showFilter || showControlButtons;
+  const setExpandAll = (next) => {
+    if (isControlled) onExpandAllChange == null ? void 0 : onExpandAllChange(next);
+    else setInternalExpandAll(next);
+  };
+  if (treeRoots.length === 0 && !showVirtualRow) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: effectiveEmpty ?? null });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex flex-col min-h-0", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "tree", className: "min-h-0 flex-1 overflow-auto", children: [
+    showVirtualRow && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "presentation",
+        className: utils.cn(
+          "sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80",
+          toolbarClassName
+        ),
+        style: { paddingLeft: `${basePaddingPx}px` },
+        children: [
+          showFilter ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSearch.UiSearch, className: "w-3 shrink-0 text-xs text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-3 shrink-0", "aria-hidden": true }),
+          showFilter ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "search",
+                value: filterQuery,
+                onChange: (event) => setFilterQuery(event.target.value),
+                placeholder: "Filter tree",
+                className: "h-5 w-full border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground",
+                "aria-label": "Filter tree nodes"
+              }
+            ),
+            filterQuery && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setFilterQuery(""),
+                className: "inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+                "aria-label": "Clear tree filter",
+                title: "Clear tree filter",
+                children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "text-xs" })
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+          showControlButtons && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setExpandAll(true),
+                "aria-pressed": effectiveExpandAll === true,
+                "aria-label": "Expand all",
+                title: "Expand all",
+                disabled: activeFilter.trim().length > 0,
+                className: utils.cn(
+                  "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                  effectiveExpandAll === true && "bg-accent text-accent-foreground"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiExpandAll.UiExpandAll, className: "text-sm" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setExpandAll(false),
+                "aria-pressed": effectiveExpandAll === false,
+                "aria-label": "Collapse all",
+                title: "Collapse all",
+                disabled: activeFilter.trim().length > 0,
+                className: utils.cn(
+                  "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                  effectiveExpandAll === false && "bg-accent text-accent-foreground"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCollapseAll.UiCollapseAll, className: "text-sm" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    treeRoots.length === 0 ? effectiveEmpty ?? null : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: treeRoots.map((root) => /* @__PURE__ */ react.createElement(
+      TreeNode.TreeNode,
+      {
+        ...nodeProps,
+        key: nodeProps.getKey(root),
+        node: root,
+        expandAll: effectiveExpandAll,
+        forcedOpenKeys,
+        getChildren: effectiveGetChildren
+      }
+    )) })
+  ] }) });
+}
+exports.Tree = Tree;
+//# sourceMappingURL=Tree.cjs.map

package/dist/data/Tree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.cjs","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiClose, UiCollapseAll, UiExpandAll, UiSearch } from \"../icons\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  /** Root nodes to render. */\n  roots: T[];\n  /** Empty-state content when no roots are provided. */\n  empty?: ReactNode;\n  /** Classes applied to the tree root. */\n  className?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  /** Called when the toolbar expand-all state changes. */\n  onExpandAllChange?: (next: boolean | null) => void;\n  /** Classes applied to the search/control toolbar. */\n  toolbarClassName?: string;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n};\n\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  getSearchText,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = totalEdges > 20;\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  const forcedOpenKeys = filteredTree.forcedOpenKeys;\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon icon={UiSearch} className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon icon={UiClose} className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {showControlButtons && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiExpandAll} className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiCollapseAll} className=\"text-sm\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsx","Fragment","cn","jsxs","Icon","UiSearch","UiClose","UiExpandAll","UiCollapseAll","createElement","TreeNode"],"mappings":"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"}

package/dist/data/Tree.d.ts

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
 import { TreeNodeProps } from './TreeNode';
 export type TreeProps<T> = Omit<TreeNodeProps<T>, "node" | "depth" | "expandAll" | "forcedOpenKeys"> & {
+    /** Root nodes to render. */
     roots: T[];
+    /** Empty-state content when no roots are provided. */
     empty?: ReactNode;
+    /** Classes applied to the tree root. */
     className?: string;
     /**
      * Render the Expand all / Collapse all toolbar above the tree. Enabled by
@@ -16,7 +19,9 @@ export type TreeProps<T> = Omit<TreeNodeProps<T>, "node" | "depth" | "expandAll"
      * toolbar state internally.
      */
     expandAll?: boolean | null;
+    /** Called when the toolbar expand-all state changes. */
     onExpandAllChange?: (next: boolean | null) => void;
+    /** Classes applied to the search/control toolbar. */
     toolbarClassName?: string;
     /**
      * Override the text the filter matches against for a given node.

package/dist/data/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/data/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,IAAI,CAC7B,aAAa,CAAC,CAAC,CAAC,EAChB,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,gBAAgB,CAClD,GAAG;IACF,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CACrC,CAAC;AAgJF,wBAAgB,IAAI,CAAC,CAAC,EAAE,EACtB,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAmB,EACnB,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,2CAsJd"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/data/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,IAAI,CAC7B,aAAa,CAAC,CAAC,CAAC,EAChB,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,gBAAgB,CAClD,GAAG;IACF,4BAA4B;IAC5B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CACrC,CAAC;AAgJF,wBAAgB,IAAI,CAAC,CAAC,EAAE,EACtB,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAmB,EACnB,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,2CAsJd"}

package/dist/data/Tree.js

@@ -3,6 +3,10 @@ import { useState, useMemo, createElement } from "react";
 import { cn } from "../lib/utils.js";
 import { Icon } from "./Icon.js";
 import { TreeNode } from "./TreeNode.js";
+import { UiSearch } from "../icons/components/UiSearch.js";
+import { UiClose } from "../icons/components/UiClose.js";
+import { UiExpandAll } from "../icons/components/UiExpandAll.js";
+import { UiCollapseAll } from "../icons/components/UiCollapseAll.js";
 function countTreeEdges(roots, getChildren) {
   let total = 0;
   const stack = [...roots];
@@ -155,7 +159,7 @@ function Tree({
         ),
         style: { paddingLeft: `${basePaddingPx}px` },
         children: [
-          showFilter ? /* @__PURE__ */ jsx(Icon, { name: "codicon:search", className: "w-3 shrink-0 text-xs text-muted-foreground" }) : /* @__PURE__ */ jsx("span", { className: "w-3 shrink-0", "aria-hidden": true }),
+          showFilter ? /* @__PURE__ */ jsx(Icon, { icon: UiSearch, className: "w-3 shrink-0 text-xs text-muted-foreground" }) : /* @__PURE__ */ jsx("span", { className: "w-3 shrink-0", "aria-hidden": true }),
           showFilter ? /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm", children: [
             /* @__PURE__ */ jsx(
               "input",
@@ -176,7 +180,7 @@ function Tree({
                 className: "inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground",
                 "aria-label": "Clear tree filter",
                 title: "Clear tree filter",
-                children: /* @__PURE__ */ jsx(Icon, { name: "codicon:close", className: "text-xs" })
+                children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "text-xs" })
               }
             )
           ] }) : /* @__PURE__ */ jsx("span", { className: "flex-1" }),
@@ -194,7 +198,7 @@ function Tree({
                   "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
                   effectiveExpandAll === true && "bg-accent text-accent-foreground"
                 ),
-                children: /* @__PURE__ */ jsx(Icon, { name: "codicon:expand-all", className: "text-sm" })
+                children: /* @__PURE__ */ jsx(Icon, { icon: UiExpandAll, className: "text-sm" })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -210,7 +214,7 @@ function Tree({
                   "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
                   effectiveExpandAll === false && "bg-accent text-accent-foreground"
                 ),
-                children: /* @__PURE__ */ jsx(Icon, { name: "codicon:collapse-all", className: "text-sm" })
+                children: /* @__PURE__ */ jsx(Icon, { icon: UiCollapseAll, className: "text-sm" })
               }
             )
           ] })

package/dist/data/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  roots: T[];\n  empty?: ReactNode;\n  className?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  onExpandAllChange?: (next: boolean | null) => void;\n  toolbarClassName?: string;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n};\n\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  getSearchText,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = totalEdges > 20;\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  const forcedOpenKeys = filteredTree.forcedOpenKeys;\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon name=\"codicon:search\" className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon name=\"codicon:close\" className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {showControlButtons && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon name=\"codicon:expand-all\" className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon name=\"codicon:collapse-all\" className=\"text-sm\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tree.js","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiClose, UiCollapseAll, UiExpandAll, UiSearch } from \"../icons\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  /** Root nodes to render. */\n  roots: T[];\n  /** Empty-state content when no roots are provided. */\n  empty?: ReactNode;\n  /** Classes applied to the tree root. */\n  className?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  /** Called when the toolbar expand-all state changes. */\n  onExpandAllChange?: (next: boolean | null) => void;\n  /** Classes applied to the search/control toolbar. */\n  toolbarClassName?: string;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n};\n\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  getSearchText,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = totalEdges > 20;\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  const forcedOpenKeys = filteredTree.forcedOpenKeys;\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon icon={UiSearch} className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon icon={UiClose} className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {showControlButtons && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiExpandAll} className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiCollapseAll} className=\"text-sm\" />\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/TreeGroupHeader.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../lib/utils.cjs");
+const Icon = require("./Icon.cjs");
+const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
+const UiChevronRight = require("../icons/components/UiChevronRight.cjs");
+function TreeGroupHeader({
+  title,
+  open,
+  onToggle,
+  icon,
+  count,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      "aria-expanded": open,
+      className: utils.cn(
+        "w-full flex items-center gap-2 px-3 py-2 border-b border-border select-none",
+        "hover:bg-accent transition-colors text-left",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            icon: open ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight,
+            className: "text-muted-foreground text-xs"
+          }
+        ),
+        icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...typeof icon === "string" ? { name: icon } : { icon }, className: "text-base" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm flex-1 truncate", children: title }),
+        count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: count })
+      ]
+    }
+  );
+}
+exports.TreeGroupHeader = TreeGroupHeader;
+//# sourceMappingURL=TreeGroupHeader.cjs.map

package/dist/data/TreeGroupHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeGroupHeader.cjs","sources":["../../src/data/TreeGroupHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\nexport type TreeGroupHeaderProps = {\n  /** Header title. */\n  title: ReactNode;\n  /** Current expanded state. */\n  open: boolean;\n  /** Called when the header is clicked. */\n  onToggle: () => void;\n  /** Optional leading icon. */\n  icon?: string | StaticIconComponent;\n  /** Optional trailing count. */\n  count?: number;\n  /** Classes applied to the button. */\n  className?: string;\n};\n\nexport function TreeGroupHeader({\n  title,\n  open,\n  onToggle,\n  icon,\n  count,\n  className,\n}: TreeGroupHeaderProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={open}\n      className={cn(\n        \"w-full flex items-center gap-2 px-3 py-2 border-b border-border select-none\",\n        \"hover:bg-accent transition-colors text-left\",\n        className,\n      )}\n    >\n      <Icon\n        icon={open ? UiChevronDown : UiChevronRight}\n        className=\"text-muted-foreground text-xs\"\n      />\n      {icon && (\n        <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"text-base\" />\n      )}\n      <span className=\"font-medium text-sm flex-1 truncate\">{title}</span>\n      {count !== undefined && <span className=\"text-xs text-muted-foreground\">{count}</span>}\n    </button>\n  );\n}\n"],"names":["jsxs","cn","jsx","Icon","UiChevronDown","UiChevronRight"],"mappings":";;;;;;;AAoBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,iBAAe;AAAA,MACf,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,OAAOC,cAAAA,gBAAgBC,eAAAA;AAAAA,YAC7B,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,QACCH,2BAAAA,IAACC,KAAAA,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,SAAS,EAAE,KAAA,GAAS,WAAU,YAAA,CAAY;AAAA,QAE1FD,2BAAAA,IAAC,QAAA,EAAK,WAAU,uCAAuC,UAAA,OAAM;AAAA,QAC5D,UAAU,UAAaA,2BAAAA,IAAC,QAAA,EAAK,WAAU,iCAAiC,UAAA,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrF;;"}

package/dist/data/TreeGroupHeader.d.ts

@@ -1,10 +1,17 @@
 import { ReactNode } from 'react';
+import { StaticIconComponent } from './Icon';
 export type TreeGroupHeaderProps = {
+    /** Header title. */
     title: ReactNode;
+    /** Current expanded state. */
     open: boolean;
+    /** Called when the header is clicked. */
     onToggle: () => void;
-    icon?: string;
+    /** Optional leading icon. */
+    icon?: string | StaticIconComponent;
+    /** Optional trailing count. */
     count?: number;
+    /** Classes applied to the button. */
     className?: string;
 };
 export declare function TreeGroupHeader({ title, open, onToggle, icon, count, className, }: TreeGroupHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/data/TreeGroupHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeGroupHeader.d.ts","sourceRoot":"","sources":["../../src/data/TreeGroupHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAqBtB"}
+{"version":3,"file":"TreeGroupHeader.d.ts","sourceRoot":"","sources":["../../src/data/TreeGroupHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG;IACjC,oBAAoB;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAuBtB"}

package/dist/data/TreeGroupHeader.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { Icon } from "./Icon.js";
+import { UiChevronDown } from "../icons/components/UiChevronDown.js";
+import { UiChevronRight } from "../icons/components/UiChevronRight.js";
 function TreeGroupHeader({
   title,
   open,
@@ -24,11 +26,11 @@ function TreeGroupHeader({
         /* @__PURE__ */ jsx(
           Icon,
           {
-            name: open ? "codicon:chevron-down" : "codicon:chevron-right",
+            icon: open ? UiChevronDown : UiChevronRight,
             className: "text-muted-foreground text-xs"
           }
         ),
-        icon && /* @__PURE__ */ jsx(Icon, { name: icon, className: "text-base" }),
+        icon && /* @__PURE__ */ jsx(Icon, { ...typeof icon === "string" ? { name: icon } : { icon }, className: "text-base" }),
         /* @__PURE__ */ jsx("span", { className: "font-medium text-sm flex-1 truncate", children: title }),
         count !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: count })
       ]

package/dist/data/TreeGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeGroupHeader.js","sources":["../../src/data/TreeGroupHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\n\nexport type TreeGroupHeaderProps = {\n  title: ReactNode;\n  open: boolean;\n  onToggle: () => void;\n  icon?: string;\n  count?: number;\n  className?: string;\n};\n\nexport function TreeGroupHeader({\n  title,\n  open,\n  onToggle,\n  icon,\n  count,\n  className,\n}: TreeGroupHeaderProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={open}\n      className={cn(\n        \"w-full flex items-center gap-2 px-3 py-2 border-b border-border select-none\",\n        \"hover:bg-accent transition-colors text-left\",\n        className,\n      )}\n    >\n      <Icon\n        name={open ? \"codicon:chevron-down\" : \"codicon:chevron-right\"}\n        className=\"text-muted-foreground text-xs\"\n      />\n      {icon && <Icon name={icon} className=\"text-base\" />}\n      <span className=\"font-medium text-sm flex-1 truncate\">{title}</span>\n      {count !== undefined && <span className=\"text-xs text-muted-foreground\">{count}</span>}\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,iBAAe;AAAA,MACf,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,OAAO,yBAAyB;AAAA,YACtC,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,QAAQ,oBAAC,MAAA,EAAK,MAAM,MAAM,WAAU,aAAY;AAAA,QACjD,oBAAC,QAAA,EAAK,WAAU,uCAAuC,UAAA,OAAM;AAAA,QAC5D,UAAU,UAAa,oBAAC,QAAA,EAAK,WAAU,iCAAiC,UAAA,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrF;"}
+{"version":3,"file":"TreeGroupHeader.js","sources":["../../src/data/TreeGroupHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\nexport type TreeGroupHeaderProps = {\n  /** Header title. */\n  title: ReactNode;\n  /** Current expanded state. */\n  open: boolean;\n  /** Called when the header is clicked. */\n  onToggle: () => void;\n  /** Optional leading icon. */\n  icon?: string | StaticIconComponent;\n  /** Optional trailing count. */\n  count?: number;\n  /** Classes applied to the button. */\n  className?: string;\n};\n\nexport function TreeGroupHeader({\n  title,\n  open,\n  onToggle,\n  icon,\n  count,\n  className,\n}: TreeGroupHeaderProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={open}\n      className={cn(\n        \"w-full flex items-center gap-2 px-3 py-2 border-b border-border select-none\",\n        \"hover:bg-accent transition-colors text-left\",\n        className,\n      )}\n    >\n      <Icon\n        icon={open ? UiChevronDown : UiChevronRight}\n        className=\"text-muted-foreground text-xs\"\n      />\n      {icon && (\n        <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"text-base\" />\n      )}\n      <span className=\"font-medium text-sm flex-1 truncate\">{title}</span>\n      {count !== undefined && <span className=\"text-xs text-muted-foreground\">{count}</span>}\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,iBAAe;AAAA,MACf,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,OAAO,gBAAgB;AAAA,YAC7B,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,QACC,oBAAC,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,SAAS,EAAE,KAAA,GAAS,WAAU,YAAA,CAAY;AAAA,QAE1F,oBAAC,QAAA,EAAK,WAAU,uCAAuC,UAAA,OAAM;AAAA,QAC5D,UAAU,UAAa,oBAAC,QAAA,EAAK,WAAU,iCAAiC,UAAA,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrF;"}