@primereact/mcp 11.0.0-rc.2

package/data/llms/primitive/components/tree/api.json

@@ -0,0 +1,2952 @@
+[
+  {
+    "name": "TreeContent",
+    "source": "apps/showcase/assets/apidoc/treecontent.json",
+    "data": {
+      "description": "TreeContent is a container component that displays content at the content of a Tree.",
+      "interfaces": {
+        "TreeContentPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeContentProps": {
+          "description": "Defines valid properties in TreeContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeContentInstance, unknown, TreeContentPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeContentInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeContentPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeContentInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeContentState": {
+          "description": "Defines valid state in TreeContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeContentExposes": {
+          "description": "Defines the methods and properties exposed by TreeContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            },
+            {
+              "name": "treenode",
+              "type": "TreeNodeInstance",
+              "default": "",
+              "description": "The TreeNode component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeContent component.",
+          "values": "PassThroughType<TreeContentInstance, E>"
+        },
+        "TreeContentInstance": {
+          "description": "Instance of TreeContent component.",
+          "values": "ComponentInstance<TreeContentProps, TreeContentState, TreeContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeDropIndicator",
+    "source": "apps/showcase/assets/apidoc/treedropindicator.json",
+    "data": {
+      "description": "TreeDropIndicator renders a visual cue ( `before`  /  `inside`  /  `after`  overlay)\nwhile a drag-and-drop operation is in progress over a node.",
+      "interfaces": {
+        "TreeDropIndicatorPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeDropIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeDropIndicatorPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeDropIndicatorProps": {
+          "description": "Defines valid properties in TreeDropIndicator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeDropIndicatorInstance, unknown, TreeDropIndicatorPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeDropIndicatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeDropIndicatorInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeDropIndicatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeDropIndicatorPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeDropIndicatorInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "position",
+              "type": "\"after\" | \"before\"",
+              "default": "",
+              "description": "Which drop point this indicator represents. Render two siblings of\n `Tree.Content`  — one with  `position=\"before\"`  and one with  `position=\"after\"` .\nEach renders only while its respective drop point is active."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeDropIndicatorState": {
+          "description": "Defines valid state in TreeDropIndicator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeDropIndicatorExposes": {
+          "description": "Defines the methods and properties exposed by TreeDropIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeDropIndicatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeDropIndicator component.",
+          "values": "PassThroughType<TreeDropIndicatorInstance, E>"
+        },
+        "TreeDropIndicatorInstance": {
+          "description": "Instance of TreeDropIndicator component.",
+          "values": "ComponentInstance<TreeDropIndicatorProps, TreeDropIndicatorState, TreeDropIndicatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeEmpty",
+    "source": "apps/showcase/assets/apidoc/treeempty.json",
+    "data": {
+      "description": "TreeEmpty is a component that displays a message when the tree is empty.",
+      "interfaces": {
+        "TreeEmptyPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeEmpty component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeEmptyPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeEmptyProps": {
+          "description": "Defines valid properties in TreeEmpty component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeEmptyInstance, unknown, TreeEmptyPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeEmptyInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeEmptyInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeEmptyInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeEmptyPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeEmptyInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeEmptyState": {
+          "description": "Defines valid state in TreeEmpty component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeEmptyExposes": {
+          "description": "Defines the methods and properties exposed by TreeEmpty component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The TreeEmpty component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeEmptyPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeEmpty component.",
+          "values": "PassThroughType<TreeEmptyInstance, E>"
+        },
+        "TreeEmptyInstance": {
+          "description": "Instance of TreeEmpty component.",
+          "values": "ComponentInstance<TreeEmptyProps, TreeEmptyState, TreeEmptyExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeFilter",
+    "source": "apps/showcase/assets/apidoc/treefilter.json",
+    "data": {
+      "description": "TreeFilter is a component that provides filtering capabilities to the Tree component.",
+      "interfaces": {
+        "TreeFilterPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeFilter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeFilterPassThroughType<HTMLAttributes<HTMLElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeFilterProps": {
+          "description": "Defines valid properties in TreeFilter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeFilterInstance, unknown, TreeFilterPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeFilterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeFilterInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeFilterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeFilterPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeFilterInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeFilterState": {
+          "description": "Defines valid state in TreeFilter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeFilterExposes": {
+          "description": "Defines the methods and properties exposed by TreeFilter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The TreeFilter component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeFilterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeFilter component.",
+          "values": "PassThroughType<TreeFilterInstance, E>"
+        },
+        "TreeFilterInstance": {
+          "description": "Instance of TreeFilter component.",
+          "values": "ComponentInstance<TreeFilterProps, TreeFilterState, TreeFilterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeFooter",
+    "source": "apps/showcase/assets/apidoc/treefooter.json",
+    "data": {
+      "description": "TreeFooter is a component that represents the footer section of the tree.",
+      "interfaces": {
+        "TreeFooterPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeFooterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeFooterProps": {
+          "description": "Defines valid properties in TreeFooter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeFooterInstance, unknown, TreeFooterPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeFooterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeFooterInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeFooterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeFooterPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeFooterInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeFooterState": {
+          "description": "Defines valid state in TreeFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeFooterExposes": {
+          "description": "Defines the methods and properties exposed by TreeFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The TreeFooter component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeFooterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeFooter component.",
+          "values": "PassThroughType<TreeFooterInstance, E>"
+        },
+        "TreeFooterInstance": {
+          "description": "Instance of TreeFooter component.",
+          "values": "ComponentInstance<TreeFooterProps, TreeFooterState, TreeFooterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeHeader",
+    "source": "apps/showcase/assets/apidoc/treeheader.json",
+    "data": {
+      "description": "TreeHeader is a component that represents the header section of the tree.",
+      "interfaces": {
+        "TreeHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeHeaderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeHeaderProps": {
+          "description": "Defines valid properties in TreeHeader component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeHeaderInstance, unknown, TreeHeaderPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeHeaderInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeHeaderPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeHeaderInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeHeaderState": {
+          "description": "Defines valid state in TreeHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeHeaderExposes": {
+          "description": "Defines the methods and properties exposed by TreeHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The TreeHeader component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeHeader component.",
+          "values": "PassThroughType<TreeHeaderInstance, E>"
+        },
+        "TreeHeaderInstance": {
+          "description": "Instance of TreeHeader component.",
+          "values": "ComponentInstance<TreeHeaderProps, TreeHeaderState, TreeHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeLabel",
+    "source": "apps/showcase/assets/apidoc/treelabel.json",
+    "data": {
+      "description": "TreeLabel is a container component that displays label at the label of a Tree.",
+      "interfaces": {
+        "TreeLabelPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeLabel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeLabelPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeLabelProps": {
+          "description": "Defines valid properties in TreeLabel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeLabelInstance, unknown, TreeLabelPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeLabelInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeLabelInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeLabelInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeLabelPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeLabelInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeLabelState": {
+          "description": "Defines valid state in TreeLabel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeLabelExposes": {
+          "description": "Defines the methods and properties exposed by TreeLabel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            },
+            {
+              "name": "treenode",
+              "type": "TreeNodeInstance",
+              "default": "",
+              "description": "The TreeNode component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeLabelPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeLabel component.",
+          "values": "PassThroughType<TreeLabelInstance, E>"
+        },
+        "TreeLabelInstance": {
+          "description": "Instance of TreeLabel component.",
+          "values": "ComponentInstance<TreeLabelProps, TreeLabelState, TreeLabelExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeLoading",
+    "source": "apps/showcase/assets/apidoc/treeloading.json",
+    "data": {
+      "description": "TreeLoading renders a loading overlay over the tree while  `Tree.Root.loading`  is true.",
+      "interfaces": {
+        "TreeLoadingPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeLoading component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeLoadingPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeLoadingProps": {
+          "description": "Defines valid properties in TreeLoading component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeLoadingInstance, unknown, TreeLoadingPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeLoadingInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeLoadingInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeLoadingInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeLoadingPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeLoadingInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeLoadingState": {
+          "description": "Defines valid state in TreeLoading component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeLoadingExposes": {
+          "description": "Defines the methods and properties exposed by TreeLoading component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeLoadingPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeLoading component.",
+          "values": "PassThroughType<TreeLoadingInstance, E>"
+        },
+        "TreeLoadingInstance": {
+          "description": "Instance of TreeLoading component.",
+          "values": "ComponentInstance<TreeLoadingProps, TreeLoadingState, TreeLoadingExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeNode",
+    "source": "apps/showcase/assets/apidoc/treenode.json",
+    "data": {
+      "description": "TreeNode renders a single row inside a flat-iterated  `Tree.Nodes` .",
+      "interfaces": {
+        "TreeNodePassThrough": {
+          "description": "Defines passthrough(pt) options of TreeNode component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeNodePassThroughType<HTMLAttributes<HTMLLIElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeNodeProps": {
+          "description": "Defines valid properties in TreeNode component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeNodeInstance, unknown, TreeNodePassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeNodeInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeNodeInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeNodeInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeNodePassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeNodeInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "uKey",
+              "type": "string",
+              "default": "",
+              "description": "The key of the node to render. Looked up in the parent  `Tree.Root` 's  `nodeMap` .\nIf the key is unknown (or omitted) a placeholder with  `aria-busy`  is rendered\nand a dev-mode warning is emitted."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeNodeState": {
+          "description": "Defines valid state in TreeNode component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeNodeExposes": {
+          "description": "Defines the methods and properties exposed by TreeNode component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            },
+            {
+              "name": "parentNode",
+              "type": "TreeNodeInstance",
+              "default": "",
+              "description": "The parent TreeNode component instance (in the React tree, not the data tree)."
+            },
+            {
+              "name": "node",
+              "type": "TreeNodeData",
+              "default": "",
+              "description": "The underlying node data (looked up from  `uKey` )."
+            },
+            {
+              "name": "state",
+              "type": "UseTreeNodeState",
+              "default": "",
+              "description": "The computed state from useTreeNode headless hook."
+            },
+            {
+              "name": "nodeProps",
+              "type": "UseTreeNodeProps",
+              "default": "",
+              "description": "Pre-built props for the node root element (li)."
+            },
+            {
+              "name": "contentProps",
+              "type": "UseTreeNodeContentElProps",
+              "default": "",
+              "description": "Pre-built props for the content element (div)."
+            },
+            {
+              "name": "dropPointProps",
+              "type": "UseTreeNodeDropPointElProps",
+              "default": "",
+              "description": "Pre-built props for drop point indicators."
+            },
+            {
+              "name": "expanded",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the node is expanded."
+            },
+            {
+              "name": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the node is checked (for checkbox mode)."
+            },
+            {
+              "name": "partialChecked",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the node is partially checked (for checkbox mode)."
+            },
+            {
+              "name": "selected",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the node is selected (for single/multiple mode)."
+            },
+            {
+              "name": "leaf",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the node is a leaf node (has no children)."
+            },
+            {
+              "name": "setSize",
+              "type": "number",
+              "default": "",
+              "description": "The total number of siblings at this level."
+            },
+            {
+              "name": "posInSet",
+              "type": "number",
+              "default": "",
+              "description": "The position of this node among its siblings (1-based)."
+            },
+            {
+              "name": "level",
+              "type": "number",
+              "default": "",
+              "description": "The depth level of the node in the tree (1-based)."
+            },
+            {
+              "name": "isNodeDropActive",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether this node is currently being dragged over (center zone)."
+            },
+            {
+              "name": "isPrevDropPointActive",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the previous drop point is active."
+            },
+            {
+              "name": "isNextDropPointActive",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the next drop point is active."
+            },
+            {
+              "name": "isDraggable",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether this node is draggable."
+            },
+            {
+              "name": "nodeTouched",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the node was touched (for mobile interactions)."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeNodePassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeNode component.",
+          "values": "PassThroughType<TreeNodeInstance, E>"
+        },
+        "TreeNodeInstance": {
+          "description": "Instance of TreeNode component.",
+          "values": "ComponentInstance<TreeNodeProps, TreeNodeState, TreeNodeExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeNodes",
+    "source": "apps/showcase/assets/apidoc/treenodes.json",
+    "data": {
+      "description": "TreeNodes is a flat iterator that renders one row per visible node.",
+      "interfaces": {
+        "TreeNodesPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeNodes component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeNodesPassThroughType<HTMLAttributes<HTMLUListElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeNodesProps": {
+          "description": "Defines valid properties in TreeNodes component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeNodesInstance, unknown, TreeNodesPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeNodesInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeNodesInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeNodesInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeNodesPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeNodesInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "ReactNode | ((row: TreeNodeRow) => ReactNode)",
+              "default": "",
+              "description": "Render-prop invoked once per visible node. Receives a  `TreeNodeRow`  payload\ncarrying the node data plus its position and state in the tree."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeNodesState": {
+          "description": "Defines valid state in TreeNodes component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeNodesExposes": {
+          "description": "Defines the methods and properties exposed by TreeNodes component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeNodesPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeNodes component.",
+          "values": "PassThroughType<TreeNodesInstance, E>"
+        },
+        "TreeNodesInstance": {
+          "description": "Instance of TreeNodes component.",
+          "values": "ComponentInstance<TreeNodesProps, TreeNodesState, TreeNodesExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeRoot",
+    "source": "apps/showcase/assets/apidoc/treeroot.json",
+    "data": {
+      "description": "Tree is used to display hierarchical data.",
+      "interfaces": {
+        "TreeRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Tree component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "nodes",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLUListElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the flat iterator's DOM element ( `<ul role=\"tree\">` )."
+            },
+            {
+              "name": "node",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLLIElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the node's DOM element ( `<li>` )."
+            },
+            {
+              "name": "content",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content's DOM element (clickable row)."
+            },
+            {
+              "name": "label",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the label's DOM element."
+            },
+            {
+              "name": "toggle",
+              "type": "TreeRootPassThroughType<ButtonHTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the toggle button's DOM element."
+            },
+            {
+              "name": "toggleIndicator",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the toggle indicator's DOM element (state-matched icon slot)."
+            },
+            {
+              "name": "toggleSpacer",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the toggle spacer rendered for leaf nodes."
+            },
+            {
+              "name": "selection",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the selection slot (wraps user-provided checkbox/radio)."
+            },
+            {
+              "name": "pcFilter",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the filter's DOM element."
+            },
+            {
+              "name": "header",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the header's DOM element."
+            },
+            {
+              "name": "footer",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the footer's DOM element."
+            },
+            {
+              "name": "empty",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the empty message's DOM element."
+            },
+            {
+              "name": "dropIndicator",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the drop indicator's DOM element."
+            },
+            {
+              "name": "loading",
+              "type": "TreeRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the loading overlay's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootExpandedChangeEvent": {
+          "description": "Event fired when the tree's expanded keys state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeExpandedChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the expansion change."
+            },
+            {
+              "name": "node",
+              "type": "TreeExpandedKeys",
+              "default": "",
+              "description": "The new expanded keys."
+            },
+            {
+              "name": "value",
+              "type": "TreeExpandedKeys",
+              "default": "",
+              "description": "The new expanded keys."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootToggleEvent": {
+          "description": "Event fired when a node is toggled.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeToggleEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the toggle."
+            },
+            {
+              "name": "node",
+              "type": "TreeNodeData",
+              "default": "",
+              "description": "The toggled node."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootExpandEvent": {
+          "description": "Event fired when a node is expanded.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeExpandEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the toggle."
+            },
+            {
+              "name": "node",
+              "type": "TreeNodeData",
+              "default": "",
+              "description": "The expanded node."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootCollapseEvent": {
+          "description": "Event fired when a node is collapsed.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeCollapseEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the collapse."
+            },
+            {
+              "name": "node",
+              "type": "TreeNodeData",
+              "default": "",
+              "description": "The collapsed node."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootSelectionChangeEvent": {
+          "description": "Event fired when the tree's selection keys state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeSelectionChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the selection change."
+            },
+            {
+              "name": "value",
+              "type": "TreeSelectionKeys | TreeCheckboxSelectionKeys",
+              "default": "",
+              "description": "The new selection keys."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootMoveEvent": {
+          "description": "Event fired when a drag-and-drop move completes.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeMoveEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "DragEvent",
+              "default": "",
+              "description": "The original drop event."
+            },
+            {
+              "name": "value",
+              "type": "TreeNodeData[]",
+              "default": "",
+              "description": "The updated tree value after the move."
+            },
+            {
+              "name": "dragNode",
+              "type": "TreeNodeData",
+              "default": "",
+              "description": "The node being moved."
+            },
+            {
+              "name": "dropNode",
+              "type": "TreeNodeData",
+              "default": "",
+              "description": "The drop target node, or null if dropped at the root level."
+            },
+            {
+              "name": "dropIndex",
+              "type": "number",
+              "default": "",
+              "description": "The destination index within the parent's children array."
+            },
+            {
+              "name": "dropPosition",
+              "type": "TreeDropPosition",
+              "default": "",
+              "description": "Where in relation to  `dropNode`  the drop occurred."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootProps": {
+          "description": "Defines valid properties in Tree component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeRootInstance, Omit<UseTreeProps, \"onExpandedChange\" | \"onSelectionChange\">, TreeRootPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeRootInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeRootPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeRootInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "value",
+              "type": "TreeNodeData[]",
+              "default": "",
+              "description": "An array of treenodes."
+            },
+            {
+              "name": "expandedKeys",
+              "type": "TreeExpandedKeys",
+              "default": "",
+              "description": "A record of keys to represent the state of the tree expansion state in controlled mode."
+            },
+            {
+              "name": "defaultExpandedKeys",
+              "type": "TreeExpandedKeys",
+              "default": "",
+              "description": "The default expanded keys when used in uncontrolled mode."
+            },
+            {
+              "name": "selectionKeys",
+              "type": "TreeSelectionKeys | TreeCheckboxSelectionKeys",
+              "default": "",
+              "description": "A record of keys to represent the selection state in controlled mode.\nFor single/multiple mode: Record<string, boolean>\nFor checkbox mode: Record<string, { checked: boolean, partialChecked: boolean }>"
+            },
+            {
+              "name": "defaultSelectionKeys",
+              "type": "TreeSelectionKeys | TreeCheckboxSelectionKeys",
+              "default": "",
+              "description": "The default selected keys when used in uncontrolled mode."
+            },
+            {
+              "name": "selectionMode",
+              "type": "\"checkbox\" | \"multiple\" | \"single\"",
+              "default": "",
+              "description": "Defines the selection mode."
+            },
+            {
+              "name": "metaKeySelection",
+              "type": "boolean",
+              "default": "false",
+              "description": "Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect multiple items. When set to false selection of each item can be toggled individually."
+            },
+            {
+              "name": "highlightOnSelect",
+              "type": "boolean",
+              "default": "false",
+              "description": "Highlights automatically the first item."
+            },
+            {
+              "name": "draggable",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the tree nodes can be dragged."
+            },
+            {
+              "name": "droppable",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the tree can accept dropped nodes."
+            },
+            {
+              "name": "draggableScope",
+              "type": "string | string[]",
+              "default": "",
+              "description": "Identifier(s) attached to nodes dragged out of this tree. Other trees use this\nvalue to decide whether they accept the drop (see  `droppableScope` ).\nAccepts a string or an array of strings."
+            },
+            {
+              "name": "droppableScope",
+              "type": "string | string[]",
+              "default": "",
+              "description": "Scope(s) this tree accepts drops from. A drop is allowed when the dragged\nnode's  `draggableScope`  overlaps with this value. Accepts a string or an\narray of strings. When omitted, drops from any scope are accepted."
+            },
+            {
+              "name": "onToggle",
+              "type": "(event: UseTreeToggleEvent) => void",
+              "default": "",
+              "description": "Callback fired when a node is toggled (expanded or collapsed)."
+            },
+            {
+              "name": "onExpand",
+              "type": "(event: UseTreeExpandEvent) => void",
+              "default": "",
+              "description": "Callback fired when a node is expanded."
+            },
+            {
+              "name": "onCollapse",
+              "type": "(event: UseTreeCollapseEvent) => void",
+              "default": "",
+              "description": "Callback fired when a node is collapsed."
+            },
+            {
+              "name": "onClick",
+              "type": "(event: UseTreeClickEvent) => void",
+              "default": "",
+              "description": "Callback fired when a node is clicked."
+            },
+            {
+              "name": "onSelect",
+              "type": "(event: UseTreeSelectEvent) => void",
+              "default": "",
+              "description": "Callback fired when a node is selected."
+            },
+            {
+              "name": "onUnselect",
+              "type": "(event: UseTreeUnselectEvent) => void",
+              "default": "",
+              "description": "Callback fired when a node is unselected."
+            },
+            {
+              "name": "onMove",
+              "type": "(event: UseTreeMoveEvent) => void",
+              "default": "",
+              "description": "Callback fired when a drag-and-drop move completes. Receives the updated tree value plus move metadata."
+            },
+            {
+              "name": "validateMove",
+              "type": "(event: UseTreeMoveEvent) => boolean | Promise<boolean>",
+              "default": "",
+              "description": "Optional validator invoked before a move is committed. Return  `false`  (sync or async) to cancel the move."
+            },
+            {
+              "name": "onFocusedKeyChange",
+              "type": "(event: UseTreeFocusedKeyChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the focused key changes (keyboard navigation)."
+            },
+            {
+              "name": "loading",
+              "type": "boolean",
+              "default": "",
+              "description": "Displays a loading overlay over the tree. Pair with  `Tree.Loading`  to render\nthe spinner / message of your choice."
+            },
+            {
+              "name": "onExpandedChange",
+              "type": "(event: TreeRootExpandedChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the tree's expanded keys state changes."
+            },
+            {
+              "name": "onSelectionChange",
+              "type": "(event: TreeRootSelectionChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the tree's selection keys state changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootState": {
+          "description": "Defines valid state in Tree component.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeState",
+          "props": [
+            {
+              "name": "expandedKeys",
+              "type": "TreeExpandedKeys",
+              "default": "",
+              "description": "The current expanded keys of the tree."
+            },
+            {
+              "name": "selectionKeys",
+              "type": "TreeSelectionKeys | TreeCheckboxSelectionKeys",
+              "default": "",
+              "description": "The current selected keys of the tree."
+            },
+            {
+              "name": "focusedKey",
+              "type": "string",
+              "default": "",
+              "description": "The key of the currently focused node, or null when none."
+            },
+            {
+              "name": "dragHover",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the tree is in drag hover state."
+            }
+          ],
+          "methods": []
+        },
+        "TreeRootExposes": {
+          "description": "Defines the methods and properties exposed by Tree component.",
+          "relatedProp": "",
+          "extendedTypes": "UseTreeExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseTreeState",
+              "default": "",
+              "description": "The state of the useTree."
+            },
+            {
+              "name": "nodeMap",
+              "type": "Map<string, TreeNodeEntry>",
+              "default": "",
+              "description": "Map of every node keyed by  `node.key` , carrying parent / level / posInSet / setSize. O(1) lookup."
+            },
+            {
+              "name": "flatOrder",
+              "type": "string[]",
+              "default": "",
+              "description": "All node keys in depth-first order, regardless of expansion."
+            },
+            {
+              "name": "visibleKeys",
+              "type": "string[]",
+              "default": "",
+              "description": "Keys of nodes whose ancestors are all expanded (i.e. currently visible in the DOM)."
+            },
+            {
+              "name": "visibleCount",
+              "type": "number",
+              "default": "",
+              "description": "Convenience:  `visibleKeys.length` ."
+            },
+            {
+              "name": "findNodeByKey",
+              "type": "(key: string) => TreeNodeData",
+              "default": "",
+              "description": "Look up a node by key in O(1)."
+            },
+            {
+              "name": "findNodeInfo",
+              "type": "(key: string) => { level: number; posInSet: number; setSize: number; parentKey: string }",
+              "default": "",
+              "description": "Look up a node's position metadata by key."
+            },
+            {
+              "name": "getNodes",
+              "type": "() => TreeNodeData[]",
+              "default": "",
+              "description": "Gets the list of tree nodes (the original  `props.value` )."
+            },
+            {
+              "name": "setFocusedKey",
+              "type": "(key: string) => void",
+              "default": "",
+              "description": "Set the focused key explicitly (e.g. from a click handler)."
+            },
+            {
+              "name": "setSelectionKeys",
+              "type": "(keys: TreeSelectionKeys | TreeCheckboxSelectionKeys, event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Replace the entire selection map."
+            },
+            {
+              "name": "onKeyDown",
+              "type": "(event: KeyboardEvent, node: TreeNodeData, level: number, expanded: boolean, leaf: boolean) => void",
+              "default": "",
+              "description": "Handles keyboard navigation on tree nodes."
+            },
+            {
+              "name": "onNodeToggle",
+              "type": "(event: SyntheticEvent, node: TreeNodeData) => void",
+              "default": "",
+              "description": "Toggles the expansion state of a node."
+            },
+            {
+              "name": "onNodeClick",
+              "type": "(event: MouseEvent<Element, MouseEvent> | KeyboardEvent<Element>, node: TreeNodeData, nodeTouched?: boolean) => void",
+              "default": "",
+              "description": "Handles node click event."
+            },
+            {
+              "name": "onClick",
+              "type": "(event: MouseEvent<Element, MouseEvent> | KeyboardEvent<Element>, node: TreeNodeData, nodeTouched?: boolean) => void",
+              "default": "",
+              "description": "Handles content click event. Automatically delegates to checkbox or node click based on selection mode."
+            },
+            {
+              "name": "onCheckboxChange",
+              "type": "(event: SyntheticEvent, node: TreeNodeData) => void",
+              "default": "",
+              "description": "Handles checkbox state change for checkbox selection mode."
+            },
+            {
+              "name": "isNodeSelected",
+              "type": "(node: TreeNodeData) => boolean",
+              "default": "",
+              "description": "Checks if a node is selected."
+            },
+            {
+              "name": "selection",
+              "type": "UseTreeSelectionApi",
+              "default": "",
+              "description": "Selection query API consumed by  `Tree.Selection` . Mirrors the DataTable selection contract."
+            },
+            {
+              "name": "allowDrop",
+              "type": "(node: TreeNodeData) => boolean",
+              "default": "",
+              "description": "Checks if a node can be dropped based on drag-drop rules."
+            },
+            {
+              "name": "getToggleProps",
+              "type": "(node: TreeNodeData) => UseTreeToggleProps",
+              "default": "",
+              "description": "Returns pre-built props for a tree toggle button element."
+            },
+            {
+              "name": "getToggleSpacerProps",
+              "type": "() => UseTreeToggleSpacerProps",
+              "default": "",
+              "description": "Returns pre-built props for the leaf-row toggle spacer element."
+            },
+            {
+              "name": "getToggleIndicatorProps",
+              "type": "() => UseTreeToggleIndicatorProps",
+              "default": "",
+              "description": "Returns pre-built props for a toggle indicator element."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseTreeRootProps",
+              "default": "",
+              "description": "Returns pre-built props for the tree root element."
+            },
+            {
+              "name": "getNodeProps",
+              "type": "(node: TreeNodeData, level: number, expanded: boolean, checked: boolean, selected: boolean, leaf: boolean, posInSet: number, setSize: number) => UseTreeNodeProps",
+              "default": "",
+              "description": "Returns pre-built props for a tree node element."
+            },
+            {
+              "name": "filterProps",
+              "type": "UseTreeFilterProps",
+              "default": "",
+              "description": "Returns pre-built props for the tree filter element."
+            },
+            {
+              "name": "loadingProps",
+              "type": "UseTreeLoadingProps",
+              "default": "",
+              "description": "Returns pre-built props for the tree loading status element."
+            },
+            {
+              "name": "getNodesProps",
+              "type": "() => UseTreeNodesProps",
+              "default": "",
+              "description": "Returns pre-built props for the flat iterator element."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Tree component.",
+          "values": "PassThroughType<TreeRootInstance, E>"
+        },
+        "TreeRootInstance": {
+          "description": "Instance of Tree component.",
+          "values": "ComponentInstance<TreeRootProps, TreeRootState, TreeRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeSelection",
+    "source": "apps/showcase/assets/apidoc/treeselection.json",
+    "data": {
+      "description": "TreeSelection exposes selection state and callbacks via render-prop,\nletting users compose their own selection UI (checkbox, radio, switch, ...).\nAutomatically detects header vs node context: rendered inside  `Tree.Header` \nit yields aggregate fields ( `isAllSelected` ,  `toggleAll` ); inside a  `Tree.Node` \nit yields per-row fields ( `isSelected` ,  `toggle` ).",
+      "interfaces": {
+        "TreeSelectionPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeSelection component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeSelectionPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeSelectionProps": {
+          "description": "Defines valid properties in TreeSelection component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeSelectionInstance, unknown, TreeSelectionPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeSelectionInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeSelectionInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeSelectionInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeSelectionPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeSelectionInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "mode",
+              "type": "\"checkbox\" | \"radio\" | \"single\"",
+              "default": "",
+              "description": "Override the toggle mode used inside the render-prop.\n- 'radio': select only one node, no deselect on re-click.\n- 'checkbox': tri-state with cascade propagation.\n- 'single': select one node, deselect on re-click.\n\nWhen omitted, defaults to  `'single'`  for  `selectionMode=\"single\"` ,\n `'checkbox'`  for  `selectionMode=\"checkbox\"` , otherwise  `'checkbox'` ."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeSelectionState": {
+          "description": "Defines valid state in TreeSelection component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeSelectionExposes": {
+          "description": "Defines the methods and properties exposed by TreeSelection component.\nRendered once per node and once per header slot; inspect  `isHeader`  to pick the right fields.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            },
+            {
+              "name": "isHeader",
+              "type": "boolean",
+              "default": "",
+              "description": "True when rendered inside  `Tree.Header`  (aggregate / select-all context)."
+            },
+            {
+              "name": "isAllSelected",
+              "type": "boolean",
+              "default": "",
+              "description": "True when **all** visible nodes are selected. Meaningful only in header context."
+            },
+            {
+              "name": "isSomeSelected",
+              "type": "boolean",
+              "default": "",
+              "description": "True when **some** visible nodes (but not all) are selected. Meaningful only in header context."
+            },
+            {
+              "name": "toggleAll",
+              "type": "(event: SyntheticEvent) => void",
+              "default": "",
+              "description": "Select or deselect every visible node. Meaningful only in header context."
+            },
+            {
+              "name": "isSelected",
+              "type": "boolean",
+              "default": "",
+              "description": "True when the current node is selected. Meaningful only in node context."
+            },
+            {
+              "name": "isPartiallySelected",
+              "type": "boolean",
+              "default": "",
+              "description": "True when the current node is partially selected (checkbox cascade tri-state).\nMeaningful only in node context."
+            },
+            {
+              "name": "toggle",
+              "type": "(event: SyntheticEvent) => void",
+              "default": "",
+              "description": "Toggle selection for the current node. Meaningful only in node context."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeSelectionPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeSelection component.",
+          "values": "PassThroughType<TreeSelectionInstance, E>"
+        },
+        "TreeSelectionInstance": {
+          "description": "Instance of TreeSelection component.",
+          "values": "ComponentInstance<TreeSelectionProps, TreeSelectionState, TreeSelectionExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeToggle",
+    "source": "apps/showcase/assets/apidoc/treetoggle.json",
+    "data": {
+      "description": "TreeToggle is the expand/collapse button rendered inside  `Tree.Content` .\nIt ships **without** a default icon — users supply icon UI via  `Tree.ToggleIndicator` \n(or any other children). For leaf nodes, a  `data-part=\"toggle-spacer\"`  span is rendered\ninstead of a button to keep row alignment.",
+      "interfaces": {
+        "TreeTogglePassThrough": {
+          "description": "Defines passthrough(pt) options of TreeToggle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeTogglePassThroughType<ButtonHTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeToggleProps": {
+          "description": "Defines valid properties in TreeToggle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeToggleInstance, unknown, TreeTogglePassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeToggleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeToggleInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeToggleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeTogglePassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeToggleInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeToggleState": {
+          "description": "Defines valid state in TreeToggle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeToggleExposes": {
+          "description": "Defines the methods and properties exposed by TreeToggle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            },
+            {
+              "name": "treenode",
+              "type": "TreeNodeInstance",
+              "default": "",
+              "description": "The TreeNode component instance."
+            },
+            {
+              "name": "isExpanded",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the parent node is expanded."
+            },
+            {
+              "name": "isLeaf",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the parent node is a leaf."
+            },
+            {
+              "name": "isLoading",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the parent node is currently loading."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeTogglePassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeToggle component.",
+          "values": "PassThroughType<TreeToggleInstance, E>"
+        },
+        "TreeToggleInstance": {
+          "description": "Instance of TreeToggle component.",
+          "values": "ComponentInstance<TreeToggleProps, TreeToggleState, TreeToggleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "TreeToggleIndicator",
+    "source": "apps/showcase/assets/apidoc/treetoggleindicator.json",
+    "data": {
+      "description": "TreeToggleIndicator displays a visual indicator for the expanded/collapsed state of a node.\nMust be used inside  `Tree.Toggle` . Uses the  `match`  prop for conditional visibility.",
+      "interfaces": {
+        "TreeToggleIndicatorPassThrough": {
+          "description": "Defines passthrough(pt) options of TreeToggleIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "TreeToggleIndicatorPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "TreeToggleIndicatorProps": {
+          "description": "Defines valid properties in TreeToggleIndicator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<TreeToggleIndicatorInstance, unknown, TreeToggleIndicatorPassThrough, \"span\">",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | ((instance?: TreeToggleIndicatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: TreeToggleIndicatorInstance) => string)",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "ReactNode",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "TreeToggleIndicatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<TreeToggleIndicatorPassThrough>",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: TreeToggleIndicatorInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "match",
+              "type": "\"always\" | \"expanded\" | \"collapsed\"",
+              "default": "",
+              "description": "Determines the visibility of the indicator based on the toggle state.\n- \"expanded\": Visible when the node is expanded.\n- \"collapsed\": Visible when the node is collapsed.\n- \"always\": Indicator is always visible (useful for loading spinners)."
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "TreeToggleIndicatorState": {
+          "description": "Defines valid state in TreeToggleIndicator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "TreeToggleIndicatorExposes": {
+          "description": "Defines the methods and properties exposed by TreeToggleIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "tree",
+              "type": "TreeRootInstance",
+              "default": "",
+              "description": "The Tree component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "TreeToggleIndicatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in TreeToggleIndicator component.",
+          "values": "PassThroughType<TreeToggleIndicatorInstance, E>"
+        },
+        "TreeToggleIndicatorInstance": {
+          "description": "Instance of TreeToggleIndicator component.",
+          "values": "ComponentInstance<TreeToggleIndicatorProps, TreeToggleIndicatorState, TreeToggleIndicatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]