@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,3699 @@
+[
+  {
+    "name": "SidebarAside",
+    "source": "apps/showcase/assets/apidoc/sidebaraside.json",
+    "data": {
+      "description": "SidebarAside is a component that displays a panel within a sidebar.",
+      "interfaces": {
+        "SidebarAsidePassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarAside component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarAsidePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarAsideProps": {
+          "description": "Defines valid properties in SidebarAside component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarAsideInstance, unknown, SidebarAsidePassThrough>",
+          "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?: SidebarAsideInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarAsideInstance) => 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": "SidebarAsideInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarAsidePassThrough>",
+              "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: SidebarAsideInstance) => 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": []
+        },
+        "SidebarAsideState": {
+          "description": "Defines valid state in SidebarAside component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarAsideExposes": {
+          "description": "Defines the methods and properties exposed by SidebarAside component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarAsidePassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarAside component.",
+          "values": "PassThroughType<SidebarAsideInstance, E>"
+        },
+        "SidebarAsideInstance": {
+          "description": "Instance of SidebarAside component.",
+          "values": "ComponentInstance<SidebarAsideProps, SidebarAsideState, SidebarAsideExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarBackdrop",
+    "source": "apps/showcase/assets/apidoc/sidebarbackdrop.json",
+    "data": {
+      "description": "SidebarBackdrop is a component that displays the overlay mask behind the sidebar.",
+      "interfaces": {
+        "SidebarBackdropPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarBackdrop component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarBackdropPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarBackdropProps": {
+          "description": "Defines valid properties in SidebarBackdrop component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarBackdropInstance, unknown, SidebarBackdropPassThrough>",
+          "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?: SidebarBackdropInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarBackdropInstance) => 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": "SidebarBackdropInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarBackdropPassThrough>",
+              "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: SidebarBackdropInstance) => 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": "motionProps",
+              "type": "MotionProps",
+              "default": "",
+              "description": "The motion properties for the backdrop animation."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarBackdropState": {
+          "description": "Defines valid state in SidebarBackdrop component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarBackdropExposes": {
+          "description": "Defines the methods and properties exposed by SidebarBackdrop component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarBackdropPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarBackdrop component.",
+          "values": "PassThroughType<SidebarBackdropInstance, E>"
+        },
+        "SidebarBackdropInstance": {
+          "description": "Instance of SidebarBackdrop component.",
+          "values": "ComponentInstance<SidebarBackdropProps, SidebarBackdropState, SidebarBackdropExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarContent",
+    "source": "apps/showcase/assets/apidoc/sidebarcontent.json",
+    "data": {
+      "description": "SidebarContent displays the main content area of a sidebar.",
+      "interfaces": {
+        "SidebarContentPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarContentProps": {
+          "description": "Defines valid properties in SidebarContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarContentInstance, unknown, SidebarContentPassThrough>",
+          "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?: SidebarContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarContentInstance) => 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": "SidebarContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarContentPassThrough>",
+              "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: SidebarContentInstance) => 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": []
+        },
+        "SidebarContentState": {
+          "description": "Defines valid state in SidebarContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarContentExposes": {
+          "description": "Defines the methods and properties exposed by SidebarContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarContent component.",
+          "values": "PassThroughType<SidebarContentInstance, E>"
+        },
+        "SidebarContentInstance": {
+          "description": "Instance of SidebarContent component.",
+          "values": "ComponentInstance<SidebarContentProps, SidebarContentState, SidebarContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarFooter",
+    "source": "apps/showcase/assets/apidoc/sidebarfooter.json",
+    "data": {
+      "description": "SidebarFooter is a component that displays the footer area of a sidebar.",
+      "interfaces": {
+        "SidebarFooterPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarFooterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarFooterProps": {
+          "description": "Defines valid properties in SidebarFooter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarFooterInstance, unknown, SidebarFooterPassThrough>",
+          "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?: SidebarFooterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarFooterInstance) => 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": "SidebarFooterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarFooterPassThrough>",
+              "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: SidebarFooterInstance) => 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": []
+        },
+        "SidebarFooterState": {
+          "description": "Defines valid state in SidebarFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarFooterExposes": {
+          "description": "Defines the methods and properties exposed by SidebarFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarFooterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarFooter component.",
+          "values": "PassThroughType<SidebarFooterInstance, E>"
+        },
+        "SidebarFooterInstance": {
+          "description": "Instance of SidebarFooter component.",
+          "values": "ComponentInstance<SidebarFooterProps, SidebarFooterState, SidebarFooterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarGroup",
+    "source": "apps/showcase/assets/apidoc/sidebargroup.json",
+    "data": {
+      "description": "SidebarGroup is a component that groups related sidebar items together.",
+      "interfaces": {
+        "SidebarGroupPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarGroup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarGroupPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarGroupProps": {
+          "description": "Defines valid properties in SidebarGroup component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarGroupInstance, unknown, SidebarGroupPassThrough>",
+          "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?: SidebarGroupInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarGroupInstance) => 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": "SidebarGroupInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarGroupPassThrough>",
+              "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: SidebarGroupInstance) => 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": []
+        },
+        "SidebarGroupState": {
+          "description": "Defines valid state in SidebarGroup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarGroupExposes": {
+          "description": "Defines the methods and properties exposed by SidebarGroup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarGroupPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarGroup component.",
+          "values": "PassThroughType<SidebarGroupInstance, E>"
+        },
+        "SidebarGroupInstance": {
+          "description": "Instance of SidebarGroup component.",
+          "values": "ComponentInstance<SidebarGroupProps, SidebarGroupState, SidebarGroupExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarGroupContent",
+    "source": "apps/showcase/assets/apidoc/sidebargroupcontent.json",
+    "data": {
+      "description": "SidebarGroupContent is a component that displays the content area of a sidebar group.",
+      "interfaces": {
+        "SidebarGroupContentPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarGroupContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarGroupContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarGroupContentProps": {
+          "description": "Defines valid properties in SidebarGroupContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarGroupContentInstance, unknown, SidebarGroupContentPassThrough>",
+          "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?: SidebarGroupContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarGroupContentInstance) => 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": "SidebarGroupContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarGroupContentPassThrough>",
+              "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: SidebarGroupContentInstance) => 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": []
+        },
+        "SidebarGroupContentState": {
+          "description": "Defines valid state in SidebarGroupContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarGroupContentExposes": {
+          "description": "Defines the methods and properties exposed by SidebarGroupContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarGroupContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarGroupContent component.",
+          "values": "PassThroughType<SidebarGroupContentInstance, E>"
+        },
+        "SidebarGroupContentInstance": {
+          "description": "Instance of SidebarGroupContent component.",
+          "values": "ComponentInstance<SidebarGroupContentProps, SidebarGroupContentState, SidebarGroupContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarGroupLabel",
+    "source": "apps/showcase/assets/apidoc/sidebargrouplabel.json",
+    "data": {
+      "description": "SidebarGroupLabel is a component that displays a label for a sidebar group.",
+      "interfaces": {
+        "SidebarGroupLabelPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarGroupLabel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarGroupLabelPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarGroupLabelProps": {
+          "description": "Defines valid properties in SidebarGroupLabel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarGroupLabelInstance, unknown, SidebarGroupLabelPassThrough>",
+          "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?: SidebarGroupLabelInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarGroupLabelInstance) => 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": "SidebarGroupLabelInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarGroupLabelPassThrough>",
+              "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: SidebarGroupLabelInstance) => 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": []
+        },
+        "SidebarGroupLabelState": {
+          "description": "Defines valid state in SidebarGroupLabel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarGroupLabelExposes": {
+          "description": "Defines the methods and properties exposed by SidebarGroupLabel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarGroupLabelPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarGroupLabel component.",
+          "values": "PassThroughType<SidebarGroupLabelInstance, E>"
+        },
+        "SidebarGroupLabelInstance": {
+          "description": "Instance of SidebarGroupLabel component.",
+          "values": "ComponentInstance<SidebarGroupLabelProps, SidebarGroupLabelState, SidebarGroupLabelExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarHeader",
+    "source": "apps/showcase/assets/apidoc/sidebarheader.json",
+    "data": {
+      "description": "SidebarHeader is a component that displays the header area of a sidebar.",
+      "interfaces": {
+        "SidebarHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarHeaderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarHeaderProps": {
+          "description": "Defines valid properties in SidebarHeader component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarHeaderInstance, unknown, SidebarHeaderPassThrough>",
+          "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?: SidebarHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarHeaderInstance) => 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": "SidebarHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarHeaderPassThrough>",
+              "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: SidebarHeaderInstance) => 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": []
+        },
+        "SidebarHeaderState": {
+          "description": "Defines valid state in SidebarHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarHeaderExposes": {
+          "description": "Defines the methods and properties exposed by SidebarHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarHeader component.",
+          "values": "PassThroughType<SidebarHeaderInstance, E>"
+        },
+        "SidebarHeaderInstance": {
+          "description": "Instance of SidebarHeader component.",
+          "values": "ComponentInstance<SidebarHeaderProps, SidebarHeaderState, SidebarHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarLayout",
+    "source": "apps/showcase/assets/apidoc/sidebar.json",
+    "data": {
+      "description": "Sidebar is a layout component for building application navigation.",
+      "interfaces": {
+        "SidebarLayoutPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarLayout component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarLayoutPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarLayoutProps": {
+          "description": "Defines valid properties in SidebarLayout component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarLayoutInstance, object, SidebarLayoutPassThrough>",
+          "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?: SidebarLayoutInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarLayoutInstance) => 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": "SidebarLayoutInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarLayoutPassThrough>",
+              "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: SidebarLayoutInstance) => 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": []
+        }
+      },
+      "types": {
+        "SidebarLayoutPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarLayout component.",
+          "values": "PassThroughType<SidebarLayoutInstance, E>"
+        },
+        "SidebarLayoutInstance": {
+          "description": "Instance of SidebarLayout component.",
+          "values": "ComponentInstance<SidebarLayoutProps, object, object>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMain",
+    "source": "apps/showcase/assets/apidoc/sidebarmain.json",
+    "data": {
+      "description": "SidebarMain is a component that displays the main content area adjacent to the sidebar.",
+      "interfaces": {
+        "SidebarMainPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMain component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMainPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMainProps": {
+          "description": "Defines valid properties in SidebarMain component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMainInstance, unknown, SidebarMainPassThrough>",
+          "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?: SidebarMainInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMainInstance) => 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": "SidebarMainInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMainPassThrough>",
+              "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: SidebarMainInstance) => 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": []
+        },
+        "SidebarMainState": {
+          "description": "Defines valid state in SidebarMain component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMainExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMain component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMainPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMain component.",
+          "values": "PassThroughType<SidebarMainInstance, E>"
+        },
+        "SidebarMainInstance": {
+          "description": "Instance of SidebarMain component.",
+          "values": "ComponentInstance<SidebarMainProps, SidebarMainState, SidebarMainExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenu",
+    "source": "apps/showcase/assets/apidoc/sidebarmenu.json",
+    "data": {
+      "description": "SidebarMenu is a component that displays a menu within a sidebar.",
+      "interfaces": {
+        "SidebarMenuPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenu component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuProps": {
+          "description": "Defines valid properties in SidebarMenu component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuInstance, unknown, SidebarMenuPassThrough>",
+          "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?: SidebarMenuInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuInstance) => 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": "SidebarMenuInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuPassThrough>",
+              "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: SidebarMenuInstance) => 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": []
+        },
+        "SidebarMenuState": {
+          "description": "Defines valid state in SidebarMenu component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenu component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenu component.",
+          "values": "PassThroughType<SidebarMenuInstance, E>"
+        },
+        "SidebarMenuInstance": {
+          "description": "Instance of SidebarMenu component.",
+          "values": "ComponentInstance<SidebarMenuProps, SidebarMenuState, SidebarMenuExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuAction",
+    "source": "apps/showcase/assets/apidoc/sidebarmenuaction.json",
+    "data": {
+      "description": "SidebarMenuAction is a component that displays an action button within a sidebar menu item.",
+      "interfaces": {
+        "SidebarMenuActionPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuAction component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuActionPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuActionProps": {
+          "description": "Defines valid properties in SidebarMenuAction component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuActionInstance, unknown, SidebarMenuActionPassThrough>",
+          "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?: SidebarMenuActionInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuActionInstance) => 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": "SidebarMenuActionInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuActionPassThrough>",
+              "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: SidebarMenuActionInstance) => 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": "showOnHover",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the action is only shown on hover."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuActionState": {
+          "description": "Defines valid state in SidebarMenuAction component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuActionExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuAction component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuActionPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuAction component.",
+          "values": "PassThroughType<SidebarMenuActionInstance, E>"
+        },
+        "SidebarMenuActionInstance": {
+          "description": "Instance of SidebarMenuAction component.",
+          "values": "ComponentInstance<SidebarMenuActionProps, SidebarMenuActionState, SidebarMenuActionExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuBadge",
+    "source": "apps/showcase/assets/apidoc/sidebarmenubadge.json",
+    "data": {
+      "description": "SidebarMenuBadge is a component that displays a badge within a sidebar menu item.",
+      "interfaces": {
+        "SidebarMenuBadgePassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuBadge component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuBadgePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuBadgeProps": {
+          "description": "Defines valid properties in SidebarMenuBadge component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuBadgeInstance, unknown, SidebarMenuBadgePassThrough>",
+          "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?: SidebarMenuBadgeInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuBadgeInstance) => 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": "SidebarMenuBadgeInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuBadgePassThrough>",
+              "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: SidebarMenuBadgeInstance) => 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": []
+        },
+        "SidebarMenuBadgeState": {
+          "description": "Defines valid state in SidebarMenuBadge component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuBadgeExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuBadge component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuBadgePassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuBadge component.",
+          "values": "PassThroughType<SidebarMenuBadgeInstance, E>"
+        },
+        "SidebarMenuBadgeInstance": {
+          "description": "Instance of SidebarMenuBadge component.",
+          "values": "ComponentInstance<SidebarMenuBadgeProps, SidebarMenuBadgeState, SidebarMenuBadgeExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuButton",
+    "source": "apps/showcase/assets/apidoc/sidebarmenubutton.json",
+    "data": {
+      "description": "SidebarMenuButton is a component that displays a button within a sidebar menu item.",
+      "interfaces": {
+        "SidebarMenuButtonPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuButton component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuButtonPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuButtonProps": {
+          "description": "Defines valid properties in SidebarMenuButton component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuButtonInstance, unknown, SidebarMenuButtonPassThrough>",
+          "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?: SidebarMenuButtonInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuButtonInstance) => 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": "SidebarMenuButtonInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuButtonPassThrough>",
+              "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: SidebarMenuButtonInstance) => 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": "isActive",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu button is in an active state."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuButtonState": {
+          "description": "Defines valid state in SidebarMenuButton component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuButtonExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuButton component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuButtonPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuButton component.",
+          "values": "PassThroughType<SidebarMenuButtonInstance, E>"
+        },
+        "SidebarMenuButtonInstance": {
+          "description": "Instance of SidebarMenuButton component.",
+          "values": "ComponentInstance<SidebarMenuButtonProps, SidebarMenuButtonState, SidebarMenuButtonExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuItem",
+    "source": "apps/showcase/assets/apidoc/sidebarmenuitem.json",
+    "data": {
+      "description": "SidebarMenuItem is a component that displays a menu item within a sidebar menu.",
+      "interfaces": {
+        "SidebarMenuItemPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuItemProps": {
+          "description": "Defines valid properties in SidebarMenuItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuItemInstance, unknown, SidebarMenuItemPassThrough>",
+          "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?: SidebarMenuItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuItemInstance) => 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": "SidebarMenuItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuItemPassThrough>",
+              "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: SidebarMenuItemInstance) => 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": "collapsible",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu item is collapsible."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu item is open (controlled)."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu item is open by default (uncontrolled)."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: { originalEvent: SyntheticEvent; value: boolean }) => void",
+              "default": "",
+              "description": "Callback invoked when the 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": []
+        },
+        "SidebarMenuItemState": {
+          "description": "Defines valid state in SidebarMenuItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuItemExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuItem component.",
+          "values": "PassThroughType<SidebarMenuItemInstance, E>"
+        },
+        "SidebarMenuItemInstance": {
+          "description": "Instance of SidebarMenuItem component.",
+          "values": "ComponentInstance<SidebarMenuItemProps, SidebarMenuItemState, SidebarMenuItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuSub",
+    "source": "apps/showcase/assets/apidoc/sidebarmenusub.json",
+    "data": {
+      "description": "SidebarMenuSub is a component that displays a submenu within a sidebar menu item.",
+      "interfaces": {
+        "SidebarMenuSubPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuSub component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuSubPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuSubProps": {
+          "description": "Defines valid properties in SidebarMenuSub component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuSubInstance, unknown, SidebarMenuSubPassThrough>",
+          "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?: SidebarMenuSubInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuSubInstance) => 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": "SidebarMenuSubInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuSubPassThrough>",
+              "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: SidebarMenuSubInstance) => 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": "lazy",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the submenu content is lazily rendered."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuSubState": {
+          "description": "Defines valid state in SidebarMenuSub component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuSubExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuSub component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuSubPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuSub component.",
+          "values": "PassThroughType<SidebarMenuSubInstance, E>"
+        },
+        "SidebarMenuSubInstance": {
+          "description": "Instance of SidebarMenuSub component.",
+          "values": "ComponentInstance<SidebarMenuSubProps, SidebarMenuSubState, SidebarMenuSubExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuSubButton",
+    "source": "apps/showcase/assets/apidoc/sidebarmenusubbutton.json",
+    "data": {
+      "description": "SidebarMenuSubButton is a component that displays a button within a sidebar submenu item.",
+      "interfaces": {
+        "SidebarMenuSubButtonPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuSubButton component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuSubButtonPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuSubButtonProps": {
+          "description": "Defines valid properties in SidebarMenuSubButton component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuSubButtonInstance, unknown, SidebarMenuSubButtonPassThrough>",
+          "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?: SidebarMenuSubButtonInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuSubButtonInstance) => 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": "SidebarMenuSubButtonInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuSubButtonPassThrough>",
+              "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: SidebarMenuSubButtonInstance) => 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": "isActive",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the submenu button is in an active state."
+            },
+            {
+              "name": "size",
+              "type": "\"sm\" | \"md\"",
+              "default": "",
+              "description": "The size of the submenu button."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuSubButtonState": {
+          "description": "Defines valid state in SidebarMenuSubButton component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuSubButtonExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuSubButton component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuSubButtonPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuSubButton component.",
+          "values": "PassThroughType<SidebarMenuSubButtonInstance, E>"
+        },
+        "SidebarMenuSubButtonInstance": {
+          "description": "Instance of SidebarMenuSubButton component.",
+          "values": "ComponentInstance<SidebarMenuSubButtonProps, SidebarMenuSubButtonState, SidebarMenuSubButtonExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarMenuSubItem",
+    "source": "apps/showcase/assets/apidoc/sidebarmenusubitem.json",
+    "data": {
+      "description": "SidebarMenuSubItem is a component that displays an item within a sidebar submenu.",
+      "interfaces": {
+        "SidebarMenuSubItemPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarMenuSubItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarMenuSubItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarMenuSubItemProps": {
+          "description": "Defines valid properties in SidebarMenuSubItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarMenuSubItemInstance, unknown, SidebarMenuSubItemPassThrough>",
+          "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?: SidebarMenuSubItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarMenuSubItemInstance) => 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": "SidebarMenuSubItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarMenuSubItemPassThrough>",
+              "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: SidebarMenuSubItemInstance) => 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": []
+        },
+        "SidebarMenuSubItemState": {
+          "description": "Defines valid state in SidebarMenuSubItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarMenuSubItemExposes": {
+          "description": "Defines the methods and properties exposed by SidebarMenuSubItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarMenuSubItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarMenuSubItem component.",
+          "values": "PassThroughType<SidebarMenuSubItemInstance, E>"
+        },
+        "SidebarMenuSubItemInstance": {
+          "description": "Instance of SidebarMenuSubItem component.",
+          "values": "ComponentInstance<SidebarMenuSubItemProps, SidebarMenuSubItemState, SidebarMenuSubItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarPanel",
+    "source": "apps/showcase/assets/apidoc/sidebarpanel.json",
+    "data": {
+      "description": "SidebarPanel is a component that displays the body area of a sidebar.",
+      "interfaces": {
+        "SidebarPanelPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarPanel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarPanelPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarPanelProps": {
+          "description": "Defines valid properties in SidebarPanel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarPanelInstance, unknown, SidebarPanelPassThrough>",
+          "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?: SidebarPanelInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarPanelInstance) => 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": "SidebarPanelInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarPanelPassThrough>",
+              "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: SidebarPanelInstance) => 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": []
+        },
+        "SidebarPanelState": {
+          "description": "Defines valid state in SidebarPanel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarPanelExposes": {
+          "description": "Defines the methods and properties exposed by SidebarPanel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarPanelPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarPanel component.",
+          "values": "PassThroughType<SidebarPanelInstance, E>"
+        },
+        "SidebarPanelInstance": {
+          "description": "Instance of SidebarPanel component.",
+          "values": "ComponentInstance<SidebarPanelProps, SidebarPanelState, SidebarPanelExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarRail",
+    "source": "apps/showcase/assets/apidoc/sidebarrail.json",
+    "data": {
+      "description": "SidebarRail is a component that displays a rail control for collapsing the sidebar.",
+      "interfaces": {
+        "SidebarRailPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarRail component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarRailPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarRailProps": {
+          "description": "Defines valid properties in SidebarRail component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarRailInstance, unknown, SidebarRailPassThrough>",
+          "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?: SidebarRailInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarRailInstance) => 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": "SidebarRailInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarRailPassThrough>",
+              "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: SidebarRailInstance) => 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": []
+        },
+        "SidebarRailState": {
+          "description": "Defines valid state in SidebarRail component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarRailExposes": {
+          "description": "Defines the methods and properties exposed by SidebarRail component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarRailPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarRail component.",
+          "values": "PassThroughType<SidebarRailInstance, E>"
+        },
+        "SidebarRailInstance": {
+          "description": "Instance of SidebarRail component.",
+          "values": "ComponentInstance<SidebarRailProps, SidebarRailState, SidebarRailExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarRoot",
+    "source": "apps/showcase/assets/apidoc/sidebar.json",
+    "data": {
+      "description": "Sidebar is a layout component for building application navigation.",
+      "interfaces": {
+        "SidebarRootPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarRoot component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarRootProps": {
+          "description": "Defines valid properties in SidebarRoot component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarRootInstance, UseSidebarProps, SidebarRootPassThrough>",
+          "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?: SidebarRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarRootInstance) => 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": "SidebarRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarRootPassThrough>",
+              "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: SidebarRootInstance) => 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": "layout",
+              "type": "UseSidebarLayoutExposes",
+              "default": "",
+              "description": "Layout context for registering/notifying within a Sidebar.Layout."
+            },
+            {
+              "name": "id",
+              "type": "string",
+              "default": "",
+              "description": "Unique identifier for the sidebar, used by Trigger target."
+            },
+            {
+              "name": "side",
+              "type": "\"left\" | \"right\"",
+              "default": "'left'",
+              "description": "Sidebar position."
+            },
+            {
+              "name": "variant",
+              "type": "\"sidebar\" | \"floating\" | \"inset\"",
+              "default": "'sidebar'",
+              "description": "Visual variant of the sidebar."
+            },
+            {
+              "name": "collapsible",
+              "type": "\"icon\" | \"none\" | \"offcanvas\"",
+              "default": "'icon'",
+              "description": "Collapse behavior."
+            },
+            {
+              "name": "overlay",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the sidebar overlays content instead of pushing it."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Controls the open state of the sidebar."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "true",
+              "description": "Initial open state."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: UseSidebarOpenChangeEvent) => void",
+              "default": "",
+              "description": "Callback when the open state changes."
+            },
+            {
+              "name": "openOnHover",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the sidebar opens on hover."
+            },
+            {
+              "name": "hoverOpenDelay",
+              "type": "number",
+              "default": "50",
+              "description": "Delay before opening on hover (ms)."
+            },
+            {
+              "name": "hoverCloseDelay",
+              "type": "number",
+              "default": "100",
+              "description": "Delay before closing on hover leave (ms)."
+            },
+            {
+              "name": "dismissable",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether clicking the backdrop closes the sidebar."
+            },
+            {
+              "name": "hideOnOutsideClick",
+              "type": "boolean",
+              "default": "true",
+              "description": "When  `overlay`  is true, clicking inside the  `Sidebar.Main`  area collapses the sidebar.\nClicks on a  `Sidebar.Trigger`  are excluded so opening via the trigger is not immediately undone."
+            },
+            {
+              "name": "closeOnEscape",
+              "type": "boolean",
+              "default": "true",
+              "description": "When  `overlay`  is true, pressing Escape collapses the sidebar."
+            },
+            {
+              "name": "width",
+              "type": "string",
+              "default": "'16rem'",
+              "description": "Sidebar width when expanded."
+            },
+            {
+              "name": "iconWidth",
+              "type": "string",
+              "default": "'3rem'",
+              "description": "Sidebar width when collapsed to icon mode."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarRootState": {
+          "description": "Defines valid state in SidebarRoot component.",
+          "relatedProp": "",
+          "extendedTypes": "UseSidebarState",
+          "props": [
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": ""
+            },
+            {
+              "name": "displayState",
+              "type": "\"expanded\" | \"collapsed\"",
+              "default": ""
+            }
+          ],
+          "methods": []
+        },
+        "SidebarRootExposes": {
+          "description": "Defines the methods and properties exposed by SidebarRoot component.",
+          "relatedProp": "",
+          "extendedTypes": "UseSidebarExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseSidebarState",
+              "default": ""
+            },
+            {
+              "name": "toggle",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": ""
+            },
+            {
+              "name": "expand",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": ""
+            },
+            {
+              "name": "collapse",
+              "type": "(event?: SyntheticEvent) => void",
+              "default": ""
+            },
+            {
+              "name": "rootProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "spacerProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "asideProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "panelProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "contentProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "headerProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "footerProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "triggerProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "railProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "mainProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "backdropProps",
+              "type": "Record<string, unknown>",
+              "default": ""
+            },
+            {
+              "name": "variant",
+              "type": "\"sidebar\" | \"floating\" | \"inset\"",
+              "default": ""
+            },
+            {
+              "name": "collapsible",
+              "type": "\"icon\" | \"none\" | \"offcanvas\"",
+              "default": ""
+            },
+            {
+              "name": "side",
+              "type": "\"left\" | \"right\"",
+              "default": ""
+            },
+            {
+              "name": "overlay",
+              "type": "boolean",
+              "default": ""
+            },
+            {
+              "name": "openOnHover",
+              "type": "boolean",
+              "default": ""
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarRoot component.",
+          "values": "PassThroughType<SidebarRootInstance, E>"
+        },
+        "SidebarRootInstance": {
+          "description": "Instance of SidebarRoot component.",
+          "values": "ComponentInstance<SidebarRootProps, SidebarRootState, SidebarRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarSpacer",
+    "source": "apps/showcase/assets/apidoc/sidebarspacer.json",
+    "data": {
+      "description": "SidebarSpacer is a component that adds flexible space within a sidebar.",
+      "interfaces": {
+        "SidebarSpacerPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarSpacer component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarSpacerPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarSpacerProps": {
+          "description": "Defines valid properties in SidebarSpacer component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarSpacerInstance, unknown, SidebarSpacerPassThrough>",
+          "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?: SidebarSpacerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarSpacerInstance) => 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": "SidebarSpacerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarSpacerPassThrough>",
+              "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: SidebarSpacerInstance) => 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": []
+        },
+        "SidebarSpacerState": {
+          "description": "Defines valid state in SidebarSpacer component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarSpacerExposes": {
+          "description": "Defines the methods and properties exposed by SidebarSpacer component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarSpacerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarSpacer component.",
+          "values": "PassThroughType<SidebarSpacerInstance, E>"
+        },
+        "SidebarSpacerInstance": {
+          "description": "Instance of SidebarSpacer component.",
+          "values": "ComponentInstance<SidebarSpacerProps, SidebarSpacerState, SidebarSpacerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "SidebarTrigger",
+    "source": "apps/showcase/assets/apidoc/sidebartrigger.json",
+    "data": {
+      "description": "SidebarTrigger is a component that toggles the sidebar open or closed.",
+      "interfaces": {
+        "SidebarTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of SidebarTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "SidebarTriggerPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "SidebarTriggerProps": {
+          "description": "Defines valid properties in SidebarTrigger component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<SidebarTriggerInstance, unknown, SidebarTriggerPassThrough>",
+          "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?: SidebarTriggerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: SidebarTriggerInstance) => 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": "SidebarTriggerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<SidebarTriggerPassThrough>",
+              "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: SidebarTriggerInstance) => 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": "target",
+              "type": "string",
+              "default": "",
+              "description": "The target sidebar to toggle."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "SidebarTriggerState": {
+          "description": "Defines valid state in SidebarTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "SidebarTriggerExposes": {
+          "description": "Defines the methods and properties exposed by SidebarTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        }
+      },
+      "types": {
+        "SidebarTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in SidebarTrigger component.",
+          "values": "PassThroughType<SidebarTriggerInstance, E>"
+        },
+        "SidebarTriggerInstance": {
+          "description": "Instance of SidebarTrigger component.",
+          "values": "ComponentInstance<SidebarTriggerProps, SidebarTriggerState, SidebarTriggerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]