@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,1879 @@
+[
+  {
+    "name": "DrawerBackdrop",
+    "source": "apps/showcase/assets/apidoc/drawerbackdrop.json",
+    "data": {
+      "description": "DrawerBackdrop is a component that displays the overlay mask behind the drawer.",
+      "interfaces": {
+        "DrawerBackdropPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerBackdrop component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerBackdropPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerBackdropProps": {
+          "description": "Defines valid properties in DrawerBackdrop component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerBackdropInstance, unknown, DrawerBackdropPassThrough>",
+          "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?: DrawerBackdropInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerBackdropInstance) => 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": "DrawerBackdropInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerBackdropPassThrough>",
+              "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: DrawerBackdropInstance) => 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": "UseMotionProps",
+              "default": "",
+              "description": "Used to apply motion to the backdrop element. It accepts the same properties as useMotion hook."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "DrawerBackdropState": {
+          "description": "Defines valid state in DrawerBackdrop component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerBackdropExposes": {
+          "description": "Defines the methods and properties exposed by DrawerBackdrop component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "The Drawer component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerBackdropPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerBackdrop component.",
+          "values": "PassThroughType<DrawerBackdropInstance, E>"
+        },
+        "DrawerBackdropInstance": {
+          "description": "Instance of DrawerBackdrop component.",
+          "values": "ComponentInstance<DrawerBackdropProps, DrawerBackdropState, DrawerBackdropExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerClose",
+    "source": "apps/showcase/assets/apidoc/drawerclose.json",
+    "data": {
+      "description": "DrawerClose is a component that displays a close button.",
+      "interfaces": {
+        "DrawerClosePassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerClose component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerClosePassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerCloseProps": {
+          "description": "Defines valid properties in DrawerClose component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerCloseInstance, unknown, DrawerClosePassThrough>",
+          "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?: DrawerCloseInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerCloseInstance) => 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": "DrawerCloseInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerClosePassThrough>",
+              "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: DrawerCloseInstance) => 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": "iconOnly",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether to show the DrawerClose with a borderless style."
+            },
+            {
+              "name": "severity",
+              "type": "string & {} | \"secondary\" | \"info\" | \"success\" | \"warn\" | \"danger\" | \"contrast\" | \"help\"",
+              "default": "'secondary'",
+              "description": "Severity type of the DrawerClose."
+            },
+            {
+              "name": "variant",
+              "type": "\"link\" | \"text\" | \"outlined\"",
+              "default": "'text'",
+              "description": "Variant of the DrawerClose."
+            },
+            {
+              "name": "rounded",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether to show the DrawerClose with a rounded style."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "DrawerCloseState": {
+          "description": "Defines valid state in DrawerClose component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerCloseExposes": {
+          "description": "Defines the methods and properties exposed by DrawerClose component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "Instance of the Drawer component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerClosePassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerClose component.",
+          "values": "PassThroughType<DrawerCloseInstance, E>"
+        },
+        "DrawerCloseInstance": {
+          "description": "Instance of DrawerClose component.",
+          "values": "ComponentInstance<DrawerCloseProps, DrawerCloseState, DrawerCloseExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerContent",
+    "source": "apps/showcase/assets/apidoc/drawercontent.json",
+    "data": {
+      "description": "DrawerContent is a component that displays content.",
+      "interfaces": {
+        "DrawerContentPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerContentProps": {
+          "description": "Defines valid properties in DrawerContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerContentInstance, unknown, DrawerContentPassThrough>",
+          "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?: DrawerContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerContentInstance) => 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": "DrawerContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerContentPassThrough>",
+              "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: DrawerContentInstance) => 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": []
+        },
+        "DrawerContentState": {
+          "description": "Defines valid state in DrawerContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerContentExposes": {
+          "description": "Defines the methods and properties exposed by DrawerContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "The Drawer component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerContent component.",
+          "values": "PassThroughType<DrawerContentInstance, E>"
+        },
+        "DrawerContentInstance": {
+          "description": "Instance of DrawerContent component.",
+          "values": "ComponentInstance<DrawerContentProps, DrawerContentState, DrawerContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerFooter",
+    "source": "apps/showcase/assets/apidoc/drawerfooter.json",
+    "data": {
+      "description": "DrawerFooter is a component that displays footer.",
+      "interfaces": {
+        "DrawerFooterPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerFooterPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerFooterProps": {
+          "description": "Defines valid properties in DrawerFooter component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerFooterInstance, unknown, DrawerFooterPassThrough>",
+          "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?: DrawerFooterInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerFooterInstance) => 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": "DrawerFooterInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerFooterPassThrough>",
+              "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: DrawerFooterInstance) => 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": []
+        },
+        "DrawerFooterState": {
+          "description": "Defines valid state in DrawerFooter component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerFooterExposes": {
+          "description": "Defines the methods and properties exposed by DrawerFooter component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "The Drawer component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerFooterPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerFooter component.",
+          "values": "PassThroughType<DrawerFooterInstance, E>"
+        },
+        "DrawerFooterInstance": {
+          "description": "Instance of DrawerFooter component.",
+          "values": "ComponentInstance<DrawerFooterProps, DrawerFooterState, DrawerFooterExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerHeader",
+    "source": "apps/showcase/assets/apidoc/drawerheader.json",
+    "data": {
+      "description": "DrawerHeader is a component that displays header.",
+      "interfaces": {
+        "DrawerHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerHeaderPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerHeaderProps": {
+          "description": "Defines valid properties in DrawerHeader component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerHeaderInstance, unknown, DrawerHeaderPassThrough>",
+          "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?: DrawerHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerHeaderInstance) => 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": "DrawerHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerHeaderPassThrough>",
+              "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: DrawerHeaderInstance) => 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": []
+        },
+        "DrawerHeaderState": {
+          "description": "Defines valid state in DrawerHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerHeaderExposes": {
+          "description": "Defines the methods and properties exposed by DrawerHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "The Drawer component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerHeader component.",
+          "values": "PassThroughType<DrawerHeaderInstance, E>"
+        },
+        "DrawerHeaderInstance": {
+          "description": "Instance of DrawerHeader component.",
+          "values": "ComponentInstance<DrawerHeaderProps, DrawerHeaderState, DrawerHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerPopup",
+    "source": "apps/showcase/assets/apidoc/drawerpopup.json",
+    "data": {
+      "description": "DrawerPopup is a component that displays the popup content of a drawer.",
+      "interfaces": {
+        "DrawerPopupPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerPopup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerPopupPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerPopupProps": {
+          "description": "Defines valid properties in DrawerPopup component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerPopupInstance, unknown, DrawerPopupPassThrough>",
+          "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?: DrawerPopupInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerPopupInstance) => 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": "DrawerPopupInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerPopupPassThrough>",
+              "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: DrawerPopupInstance) => 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": "UseMotionProps",
+              "default": "",
+              "description": "Used to apply motion to the popup element. It accepts the same properties as useMotion hook."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "DrawerPopupState": {
+          "description": "Defines valid state in DrawerPopup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerPopupExposes": {
+          "description": "Defines the methods and properties exposed by DrawerPopup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "Instance of the Drawer component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerPopupPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerPopup component.",
+          "values": "PassThroughType<DrawerPopupInstance, E>"
+        },
+        "DrawerPopupInstance": {
+          "description": "Instance of DrawerPopup component.",
+          "values": "ComponentInstance<DrawerPopupProps, DrawerPopupState, DrawerPopupExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerPortal",
+    "source": "apps/showcase/assets/apidoc/drawerportal.json",
+    "data": {
+      "description": "DrawerPortal is a component that displays a portal.",
+      "interfaces": {
+        "DrawerPortalPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerPortalPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerPortalProps": {
+          "description": "Defines valid properties in DrawerPortal component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerPortalInstance, PortalProps, DrawerPortalPassThrough>",
+          "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?: PortalInstance) => CSSProperties)) & (CSSProperties | ((instance?: DrawerPortalInstance) => CSSProperties))",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "(string | ((instance?: PortalInstance) => string)) & (string | ((instance?: DrawerPortalInstance) => 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": "BaseInstance<SafeRecord<PortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<PortalProps>>; attrs: Omit<SafeRecord<SafeRecord<PortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & PortalExposes & Record<PropertyKey, unknown> & useComponentPTReturnType & useComponentStyleReturnType & BaseInstance<SafeRecord<DrawerPortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<DrawerPortalProps>>; attrs: Omit<SafeRecord<SafeRecord<DrawerPortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & DrawerPortalExposes",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "PortalPassThrough & Record<PropertyKey, unknown> & DrawerPortalPassThrough",
+              "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: PortalInstance) => ReactNode & (instance: DrawerPortalInstance) => 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": "onMounted",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback function to invoke when the portal is mounted."
+            },
+            {
+              "name": "onUnmounted",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback function to invoke when the portal is unmounted."
+            },
+            {
+              "name": "element",
+              "type": "HTMLElement | ReactNode",
+              "default": "",
+              "description": "The element to be rendered as the portal."
+            },
+            {
+              "name": "elementRef",
+              "type": "RefObject<HTMLElement>",
+              "default": "",
+              "description": "The element reference to be rendered as the portal."
+            },
+            {
+              "name": "appendTo",
+              "type": "string | HTMLElement | ((instance: PortalInstance) => HTMLElement)",
+              "default": "'body'",
+              "description": "The DOM element where the portal should be appended to."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "DrawerPortalState": {
+          "description": "Defines valid state in DrawerPortal component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerPortalExposes": {
+          "description": "Defines the methods and properties exposed by DrawerPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "Instance of the Drawer component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerPortalPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerPortal component.",
+          "values": "PassThroughType<DrawerPortalInstance, E>"
+        },
+        "DrawerPortalInstance": {
+          "description": "Instance of DrawerPortal component.",
+          "values": "ComponentInstance<DrawerPortalProps, DrawerPortalState, DrawerPortalExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerRoot",
+    "source": "apps/showcase/assets/apidoc/drawerroot.json",
+    "data": {
+      "description": "Drawer is a panel component displayed as an overlay at the edges of the screen.",
+      "interfaces": {
+        "DrawerRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Drawer component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "backdrop",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the backdrop's DOM element."
+            },
+            {
+              "name": "trigger",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the trigger's DOM element."
+            },
+            {
+              "name": "header",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the header's DOM element."
+            },
+            {
+              "name": "title",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the title's DOM element."
+            },
+            {
+              "name": "close",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the close's DOM element."
+            },
+            {
+              "name": "content",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content's DOM element."
+            },
+            {
+              "name": "footer",
+              "type": "DrawerRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the footer's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerRootChangeEvent": {
+          "description": "Event fired when the drawer's open state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseDrawerChangeEvent",
+          "props": [
+            {
+              "name": "value",
+              "type": "boolean",
+              "default": "",
+              "description": "The value of the drawer."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerRootProps": {
+          "description": "Defines valid properties in Drawer component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerRootInstance, Omit<UseDrawerProps, \"onOpenChange\">, DrawerRootPassThrough>",
+          "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?: DrawerRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerRootInstance) => 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": "DrawerRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerRootPassThrough>",
+              "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: DrawerRootInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Specifies the visibility of the drawer."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "",
+              "description": "Specifies the default visibility of the drawer."
+            },
+            {
+              "name": "blockScroll",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether to block scrolling when the drawer is open."
+            },
+            {
+              "name": "dismissable",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether clicking outside closes the drawer."
+            },
+            {
+              "name": "baseZIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Base zIndex value to use in layering."
+            },
+            {
+              "name": "autoZIndex",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether to automatically manage layering."
+            },
+            {
+              "name": "trapped",
+              "type": "boolean",
+              "default": "true",
+              "description": "When enabled, focus is trapped within the drawer (modal behavior)."
+            },
+            {
+              "name": "onExitComplete",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback fired after the leave (exit) transition completes."
+            },
+            {
+              "name": "position",
+              "type": "\"top\" | \"bottom\" | \"left\" | \"right\" | \"full\"",
+              "default": "left",
+              "description": "Position of the drawer."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: DrawerRootChangeEvent) => void",
+              "default": "",
+              "description": "Callback function that is called when the trigger is clicked."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "DrawerRootState": {
+          "description": "Defines valid state in Drawer component.",
+          "relatedProp": "",
+          "extendedTypes": "UseDrawerState",
+          "props": [
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the drawer is currently open."
+            },
+            {
+              "name": "trapped",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether focus is trapped within the drawer."
+            },
+            {
+              "name": "popupElement",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "Reference to the popup element."
+            },
+            {
+              "name": "backdropElement",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "Reference to the backdrop element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerRootExposes": {
+          "description": "Defines the methods and properties exposed by Drawer component.",
+          "relatedProp": "",
+          "extendedTypes": "UseDrawerExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseDrawerState",
+              "default": "",
+              "description": "Current state of the drawer."
+            },
+            {
+              "name": "maskRef",
+              "type": "RefObject<HTMLDivElement | { elementRef: RefObject<HTMLDivElement> }>",
+              "default": "",
+              "description": "Reference to the mask element."
+            },
+            {
+              "name": "setMaskRef",
+              "type": "(node: HTMLDivElement | { elementRef: RefObject<HTMLDivElement> }) => void",
+              "default": "",
+              "description": "Callback ref setter for the mask element. Accepts both native DOM elements and component instances with elementRef."
+            },
+            {
+              "name": "popupRef",
+              "type": "RefObject<HTMLDivElement | { elementRef: RefObject<HTMLDivElement> }>",
+              "default": "",
+              "description": "Reference to the popup element."
+            },
+            {
+              "name": "closeButtonRef",
+              "type": "RefObject<HTMLButtonElement | { elementRef: RefObject<HTMLButtonElement> }>",
+              "default": "",
+              "description": "Reference to the close button element."
+            },
+            {
+              "name": "triggerProps",
+              "type": "UseDrawerTriggerProps",
+              "default": "",
+              "description": "Props for the trigger element."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseDrawerRootProps",
+              "default": "",
+              "description": "Props for the root element."
+            },
+            {
+              "name": "backdropProps",
+              "type": "UseDrawerBackdropProps",
+              "default": "",
+              "description": "Props for the backdrop element (HTML-safe)."
+            },
+            {
+              "name": "backdropMotionProps",
+              "type": "UseDrawerbackdropMotionProps",
+              "default": "",
+              "description": "Component-only props for the backdrop element."
+            },
+            {
+              "name": "closeProps",
+              "type": "UseDrawerCloseProps",
+              "default": "",
+              "description": "Props for the close button element."
+            },
+            {
+              "name": "headerProps",
+              "type": "UseDrawerHeaderProps",
+              "default": "",
+              "description": "Props for the header element."
+            },
+            {
+              "name": "popupProps",
+              "type": "UseDrawerPopupProps",
+              "default": "",
+              "description": "Props for the popup element."
+            },
+            {
+              "name": "onOpenStateChange",
+              "type": "() => void",
+              "default": "",
+              "description": "Method to change the open state of the drawer."
+            },
+            {
+              "name": "close",
+              "type": "() => void",
+              "default": "",
+              "description": "Method to close the drawer."
+            },
+            {
+              "name": "onMaskMouseDown",
+              "type": "(event: MouseEvent) => void",
+              "default": "",
+              "description": "Handler for mask mouse down events."
+            },
+            {
+              "name": "onMaskMouseUp",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for mask mouse up events."
+            },
+            {
+              "name": "focusTrap",
+              "type": "UseFocusTrapExposes",
+              "default": "",
+              "description": "Focus trap exposes for sentinel rendering when trapped is true."
+            },
+            {
+              "name": "onOpenComplete",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback to invoke after the drawer open animation completes.\nHandles focus behavior internally."
+            },
+            {
+              "name": "onCloseComplete",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback to invoke after the drawer close animation completes."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Drawer component.",
+          "values": "PassThroughType<DrawerRootInstance, E>"
+        },
+        "DrawerRootInstance": {
+          "description": "Instance of Drawer component.",
+          "values": "ComponentInstance<DrawerRootProps, DrawerRootState, DrawerRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerTitle",
+    "source": "apps/showcase/assets/apidoc/drawertitle.json",
+    "data": {
+      "description": "DrawerTitle is a component that displays title.",
+      "interfaces": {
+        "DrawerTitlePassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerTitle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerTitlePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerTitleProps": {
+          "description": "Defines valid properties in DrawerTitle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerTitleInstance, unknown, DrawerTitlePassThrough>",
+          "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?: DrawerTitleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerTitleInstance) => 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": "DrawerTitleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerTitlePassThrough>",
+              "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: DrawerTitleInstance) => 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": []
+        },
+        "DrawerTitleState": {
+          "description": "Defines valid state in DrawerTitle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerTitleExposes": {
+          "description": "Defines the methods and properties exposed by DrawerTitle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "The Drawer component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerTitlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerTitle component.",
+          "values": "PassThroughType<DrawerTitleInstance, E>"
+        },
+        "DrawerTitleInstance": {
+          "description": "Instance of DrawerTitle component.",
+          "values": "ComponentInstance<DrawerTitleProps, DrawerTitleState, DrawerTitleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "DrawerTrigger",
+    "source": "apps/showcase/assets/apidoc/drawertrigger.json",
+    "data": {
+      "description": "DrawerTrigger is a component that displays a trigger button.",
+      "interfaces": {
+        "DrawerTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of DrawerTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "DrawerTriggerPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "DrawerTriggerProps": {
+          "description": "Defines valid properties in DrawerTrigger component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<DrawerTriggerInstance, unknown, DrawerTriggerPassThrough>",
+          "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?: DrawerTriggerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: DrawerTriggerInstance) => 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": "DrawerTriggerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<DrawerTriggerPassThrough>",
+              "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: DrawerTriggerInstance) => 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": []
+        },
+        "DrawerTriggerState": {
+          "description": "Defines valid state in DrawerTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "DrawerTriggerExposes": {
+          "description": "Defines the methods and properties exposed by DrawerTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "drawer",
+              "type": "DrawerRootInstance",
+              "default": "",
+              "description": "Instance of the Drawer component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "DrawerTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in DrawerTrigger component.",
+          "values": "PassThroughType<DrawerTriggerInstance, E>"
+        },
+        "DrawerTriggerInstance": {
+          "description": "Instance of DrawerTrigger component.",
+          "values": "ComponentInstance<DrawerTriggerProps, DrawerTriggerState, DrawerTriggerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]