@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,1270 @@
+[
+  {
+    "name": "PanelContent",
+    "source": "apps/showcase/assets/apidoc/panelcontent.json",
+    "data": {
+      "description": "PanelContent is a component that displays a content.",
+      "interfaces": {
+        "PanelContentPassThrough": {
+          "description": "Defines passthrough(pt) options of PanelContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelContentProps": {
+          "description": "Defines valid properties in PanelContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelContentInstance, unknown, PanelContentPassThrough>",
+          "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?: PanelContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelContentInstance) => 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": "PanelContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelContentPassThrough>",
+              "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: PanelContentInstance) => 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": []
+        },
+        "PanelContentState": {
+          "description": "Defines valid state in PanelContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "PanelContentExposes": {
+          "description": "Defines the methods and properties exposed by PanelContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "panel",
+              "type": "PanelRootInstance",
+              "default": "",
+              "description": "The Panel component instance."
+            },
+            {
+              "name": "motion",
+              "type": "UseMotionInstance",
+              "default": "",
+              "description": "The motion instance for enter/leave animations."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in PanelContent component.",
+          "values": "PassThroughType<PanelContentInstance, E>"
+        },
+        "PanelContentInstance": {
+          "description": "Instance of PanelContent component.",
+          "values": "ComponentInstance<PanelContentProps, PanelContentState, PanelContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "PanelFooter",
+    "source": "apps/showcase/assets/apidoc/panelfooter.json",
+    "data": {
+      "description": "PanelFooter is a component that displays a footer.",
+      "interfaces": {
+        "PanelFooterPassThrough": {
+          "description": "Defines passthrough(pt) options of PanelFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelFooterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelFooterProps": {
+          "description": "Defines valid properties in PanelFooter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelFooterInstance, unknown, PanelFooterPassThrough>",
+          "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?: PanelFooterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelFooterInstance) => 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": "PanelFooterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelFooterPassThrough>",
+              "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: PanelFooterInstance) => 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": []
+        },
+        "PanelFooterState": {
+          "description": "Defines valid state in PanelFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "PanelFooterExposes": {
+          "description": "Defines the methods and properties exposed by PanelFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelFooterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in PanelFooter component.",
+          "values": "PassThroughType<PanelFooterInstance, E>"
+        },
+        "PanelFooterInstance": {
+          "description": "Instance of PanelFooter component.",
+          "values": "ComponentInstance<PanelFooterProps, PanelFooterState, PanelFooterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "PanelHeader",
+    "source": "apps/showcase/assets/apidoc/panelheader.json",
+    "data": {
+      "description": "PanelHeader is a component that displays a header.",
+      "interfaces": {
+        "PanelHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of PanelHeadercomponent.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelHeaderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelHeaderProps": {
+          "description": "Defines valid properties in PanelHeadercomponent.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelHeaderInstance, unknown, PanelHeaderPassThrough>",
+          "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?: PanelHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelHeaderInstance) => 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": "PanelHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelHeaderPassThrough>",
+              "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: PanelHeaderInstance) => 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": []
+        },
+        "PanelHeaderState": {
+          "description": "Defines valid state in PanelHeadercomponent.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "PanelHeaderExposes": {
+          "description": "Defines the methods and properties exposed by PanelHeadercomponent.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in PanelHeadercomponent.",
+          "values": "PassThroughType<PanelHeaderInstance, E>"
+        },
+        "PanelHeaderInstance": {
+          "description": "Instance of PanelHeadercomponent.",
+          "values": "ComponentInstance<PanelHeaderProps, PanelHeaderState, PanelHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "PanelIndicator",
+    "source": "apps/showcase/assets/apidoc/panelindicator.json",
+    "data": {
+      "description": "PanelIndicator is a component that displays an indicator inside a Panel.",
+      "interfaces": {
+        "PanelIndicatorPassThrough": {
+          "description": "Defines passthrough(pt) options of PanelIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelIndicatorPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelIndicatorProps": {
+          "description": "Defines valid properties in PanelIndicator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelIndicatorInstance, unknown, PanelIndicatorPassThrough>",
+          "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?: PanelIndicatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelIndicatorInstance) => 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": "PanelIndicatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelIndicatorPassThrough>",
+              "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: PanelIndicatorInstance) => 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\" | \"open\" | \"closed\"",
+              "default": "",
+              "description": "Determines the visibility of the indicator based on the state of the panel. Valid values are:\n- \"open\": Indicator is visible when the panel is expanded.\n- \"closed\": Indicator is visible when the panel is collapsed.\n- \"always\": Indicator is always visible."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "PanelIndicatorState": {
+          "description": "Defines valid state in PanelIndicator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "PanelIndicatorExposes": {
+          "description": "Defines the methods and properties exposed by PanelIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "panel",
+              "type": "PanelRootInstance",
+              "default": "",
+              "description": "The Panel component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelIndicatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in PanelIndicator component.",
+          "values": "PassThroughType<PanelIndicatorInstance, E>"
+        },
+        "PanelIndicatorInstance": {
+          "description": "Instance of PanelIndicator component.",
+          "values": "ComponentInstance<PanelIndicatorProps, PanelIndicatorState, PanelIndicatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "PanelRoot",
+    "source": "apps/showcase/assets/apidoc/panelroot.json",
+    "data": {
+      "description": "Panel is a grouping component providing with content toggle feature.",
+      "interfaces": {
+        "PanelRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Panel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "header",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the header's DOM element."
+            },
+            {
+              "name": "trigger",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the trigger's DOM element."
+            },
+            {
+              "name": "title",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the title's DOM element."
+            },
+            {
+              "name": "content",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content's DOM element."
+            },
+            {
+              "name": "contentOuter",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content outer wrapper's DOM element."
+            },
+            {
+              "name": "contentInner",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content inner wrapper's DOM element."
+            },
+            {
+              "name": "footer",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the footer's DOM element."
+            },
+            {
+              "name": "indicator",
+              "type": "PanelRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the indicator's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelRootOpenChangeEvent": {
+          "description": "Event fired when the panel's open state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UsePanelOpenChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the change."
+            },
+            {
+              "name": "value",
+              "type": "boolean",
+              "default": "",
+              "description": "The value of the collapsible."
+            }
+          ],
+          "methods": []
+        },
+        "PanelRootProps": {
+          "description": "Defines valid properties in Panel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelRootInstance, Omit<UsePanelProps, \"onOpenChange\">, PanelRootPassThrough>",
+          "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?: PanelRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelRootInstance) => 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": "PanelRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelRootPassThrough>",
+              "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: PanelRootInstance) => 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": "open",
+              "type": "boolean",
+              "default": "false",
+              "description": "Controls the open state of the collapsible."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "false",
+              "description": "Defines the initial open state of the collapsible."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "When disabled, the component cannot be interacted with."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Index of the element in tabbing order."
+            },
+            {
+              "name": "onOpen",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Callback triggered when the content is opened."
+            },
+            {
+              "name": "onClose",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Callback triggered when the content is closed."
+            },
+            {
+              "name": "toggleable",
+              "type": "boolean",
+              "default": "false",
+              "description": "When enabled, the content of panel can be expanded and collapsed by clicking the header."
+            },
+            {
+              "name": "lazy",
+              "type": "boolean",
+              "default": "false",
+              "description": "When enabled, hidden content is not rendered at all. Defaults to false that hides content with css."
+            },
+            {
+              "name": "motionProps",
+              "type": "MotionOptions",
+              "default": "",
+              "description": "Used to configure the motion of the panel content."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: PanelRootOpenChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the panel's open state changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "PanelRootState": {
+          "description": "Defines valid state in Panel component.",
+          "relatedProp": "",
+          "extendedTypes": "UsePanelState",
+          "props": [
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the collapsible content is open or not."
+            }
+          ],
+          "methods": []
+        },
+        "PanelRootExposes": {
+          "description": "Defines the methods and properties exposed by Panel component.",
+          "relatedProp": "",
+          "extendedTypes": "UsePanelExposes",
+          "props": [
+            {
+              "name": "open",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "The method to open the collapsible content."
+            },
+            {
+              "name": "close",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "The method to close the collapsible content."
+            },
+            {
+              "name": "toggle",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "The method to toggle the collapsible content."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseCollapsibleRootProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the root element.\nIncludes data-disabled, data-open/closed."
+            },
+            {
+              "name": "triggerProps",
+              "type": "UseCollapsibleTriggerProps",
+              "default": "",
+              "description": "Pre-built props for the trigger element.\nIncludes type, ARIA, data attributes, and onClick handler."
+            },
+            {
+              "name": "contentProps",
+              "type": "UseCollapsibleContentProps",
+              "default": "",
+              "description": "Pre-built props for the content element.\nIncludes id, role, ARIA, and data attributes."
+            },
+            {
+              "name": "state",
+              "type": "UsePanelState",
+              "default": "",
+              "description": "The state of the usePanel."
+            },
+            {
+              "name": "indicatorProps",
+              "type": "UsePanelIndicatorProps",
+              "default": "",
+              "description": "Pre-built props for the indicator element.\nIncludes data-open/closed attributes."
+            },
+            {
+              "name": "onTriggerClick",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": "",
+              "description": "Callback to be invoked when the trigger is clicked."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Panel component.",
+          "values": "PassThroughType<PanelRootInstance, E>"
+        },
+        "PanelRootInstance": {
+          "description": "Instance of Panel component.",
+          "values": "ComponentInstance<PanelRootProps, PanelRootState, PanelRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "PanelTitle",
+    "source": "apps/showcase/assets/apidoc/paneltitle.json",
+    "data": {
+      "description": "PanelTitle is a component that displays a title.",
+      "interfaces": {
+        "PanelTitlePassThrough": {
+          "description": "Defines passthrough(pt) options of PanelTitlecomponent.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelTitlePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelTitleProps": {
+          "description": "Defines valid properties in PanelTitlecomponent.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelTitleInstance, unknown, PanelTitlePassThrough>",
+          "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?: PanelTitleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelTitleInstance) => 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": "PanelTitleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelTitlePassThrough>",
+              "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: PanelTitleInstance) => 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": []
+        },
+        "PanelTitleState": {
+          "description": "Defines valid state in PanelTitlecomponent.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "PanelTitleExposes": {
+          "description": "Defines the methods and properties exposed by PanelTitlecomponent.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelTitlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in PanelTitlecomponent.",
+          "values": "PassThroughType<PanelTitleInstance, E>"
+        },
+        "PanelTitleInstance": {
+          "description": "Instance of PanelTitlecomponent.",
+          "values": "ComponentInstance<PanelTitleProps, PanelTitleState, PanelTitleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "PanelTrigger",
+    "source": "apps/showcase/assets/apidoc/paneltrigger.json",
+    "data": {
+      "description": "PanelTrigger is a component that displays a trigger.",
+      "interfaces": {
+        "PanelTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of PanelTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "PanelTriggerPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "PanelTriggerProps": {
+          "description": "Defines valid properties in PanelTrigger component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<PanelTriggerInstance, unknown, PanelTriggerPassThrough>",
+          "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?: PanelTriggerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: PanelTriggerInstance) => 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": "PanelTriggerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<PanelTriggerPassThrough>",
+              "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: PanelTriggerInstance) => 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": []
+        },
+        "PanelTriggerState": {
+          "description": "Defines valid state in PanelTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "PanelTriggerExposes": {
+          "description": "Defines the methods and properties exposed by PanelTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "panel",
+              "type": "PanelRootInstance",
+              "default": "",
+              "description": "The panel instance that the trigger belongs to."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "PanelTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in PanelTrigger component.",
+          "values": "PassThroughType<PanelTriggerInstance, E>"
+        },
+        "PanelTriggerInstance": {
+          "description": "Instance of PanelTrigger component.",
+          "values": "ComponentInstance<PanelTriggerProps, PanelTriggerState, PanelTriggerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]