@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,2102 @@
+[
+  {
+    "name": "ToastAction",
+    "source": "apps/showcase/assets/apidoc/toastaction.json",
+    "data": {
+      "description": "ToastAction component is used to display a toast action.",
+      "interfaces": {
+        "ToastActionPassThrough": {
+          "description": "Defines passthrough(pt) options of ToastAction component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastActionPassThroughType<ButtonHTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastActionProps": {
+          "description": "Defines valid properties in ToastAction component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastActionInstance, unknown, ToastActionPassThrough>",
+          "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?: ToastActionInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastActionInstance) => 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": "ToastActionInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastActionPassThrough>",
+              "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: ToastActionInstance) => 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": []
+        },
+        "ToastActionState": {
+          "description": "Defines valid state in ToastAction component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastActionExposes": {
+          "description": "Defines the methods and properties exposed by ToastAction component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastActionPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastAction component.",
+          "values": "PassThroughType<ToastActionInstance, E>"
+        },
+        "ToastActionInstance": {
+          "description": "Instance of ToastAction component.",
+          "values": "ComponentInstance<ToastActionProps, ToastActionState, ToastActionExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastClose",
+    "source": "apps/showcase/assets/apidoc/toastclose.json",
+    "data": {
+      "description": "ToastClose component is used to display a toast close.",
+      "interfaces": {
+        "ToastClosePassThrough": {
+          "description": "Defines passthrough(pt) options of ToastClose component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastClosePassThroughType<ButtonHTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastCloseProps": {
+          "description": "Defines valid properties in ToastClose component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastCloseInstance, unknown, ToastClosePassThrough>",
+          "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?: ToastCloseInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastCloseInstance) => 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": "ToastCloseInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastClosePassThrough>",
+              "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: ToastCloseInstance) => 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": []
+        },
+        "ToastCloseState": {
+          "description": "Defines valid state in ToastClose component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastCloseExposes": {
+          "description": "Defines the methods and properties exposed by ToastClose component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastClosePassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastClose component.",
+          "values": "PassThroughType<ToastCloseInstance, E>"
+        },
+        "ToastCloseInstance": {
+          "description": "Instance of ToastClose component.",
+          "values": "ComponentInstance<ToastCloseProps, ToastCloseState, ToastCloseExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastContent",
+    "source": "apps/showcase/assets/apidoc/toastcontent.json",
+    "data": {
+      "description": "ToastContent is a layout wrapper that holds the icon and content within a Toast.",
+      "interfaces": {
+        "ToastContentPassThrough": {
+          "description": "Defines passthrough(pt) options of ToastContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastContentProps": {
+          "description": "Defines valid properties in ToastContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastContentInstance, unknown, ToastContentPassThrough>",
+          "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?: ToastContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastContentInstance) => 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": "ToastContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastContentPassThrough>",
+              "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: ToastContentInstance) => 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": []
+        },
+        "ToastContentState": {
+          "description": "Defines valid state in ToastContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastContentExposes": {
+          "description": "Defines the methods and properties exposed by ToastContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastContent component.",
+          "values": "PassThroughType<ToastContentInstance, E>"
+        },
+        "ToastContentInstance": {
+          "description": "Instance of ToastContent component.",
+          "values": "ComponentInstance<ToastContentProps, ToastContentState, ToastContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastDescription",
+    "source": "apps/showcase/assets/apidoc/toastdescription.json",
+    "data": {
+      "description": "ToastDescription component is used to display a toast description.",
+      "interfaces": {
+        "ToastDescriptionPassThrough": {
+          "description": "Defines passthrough(pt) options of ToastDescription component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastDescriptionPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastDescriptionProps": {
+          "description": "Defines valid properties in ToastDescription component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastDescriptionInstance, unknown, ToastDescriptionPassThrough>",
+          "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?: ToastDescriptionInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastDescriptionInstance) => 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": "ToastDescriptionInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastDescriptionPassThrough>",
+              "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: ToastDescriptionInstance) => 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": []
+        },
+        "ToastDescriptionState": {
+          "description": "Defines valid state in ToastDescription component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastDescriptionExposes": {
+          "description": "Defines the methods and properties exposed by ToastItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastDescriptionPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastDescription component.",
+          "values": "PassThroughType<ToastDescriptionInstance, E>"
+        },
+        "ToastDescriptionInstance": {
+          "description": "Instance of ToastItem component.",
+          "values": "ComponentInstance<ToastDescriptionProps, ToastDescriptionState, ToastDescriptionExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastIcon",
+    "source": "apps/showcase/assets/apidoc/toasticon.json",
+    "data": {
+      "description": "ToastIcon component is used to display a toast icon.",
+      "interfaces": {
+        "ToastIconPassThrough": {
+          "description": "Defines passthrough(pt) options of ToastIcon component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastIconPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastIconProps": {
+          "description": "Defines valid properties in ToastIcon component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastIconInstance, unknown, ToastIconPassThrough>",
+          "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?: ToastIconInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastIconInstance) => 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": "ToastIconInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastIconPassThrough>",
+              "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: ToastIconInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "match",
+              "type": "\"always\" | ToastSeverity",
+              "default": "'always'",
+              "description": "Restricts rendering to toasts of the given severity. Use  `'always'`  to render for any severity."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "ToastIconState": {
+          "description": "Defines valid state in ToastDescription component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastIconExposes": {
+          "description": "Defines the methods and properties exposed by ToastIcon component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastIconPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastIcon component.",
+          "values": "PassThroughType<ToastIconInstance, E>"
+        },
+        "ToastIconInstance": {
+          "description": "Instance of ToastItem component.",
+          "values": "ComponentInstance<ToastIconProps, ToastIconState, ToastIconExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastMessage",
+    "source": "apps/showcase/assets/apidoc/toastmessage.json",
+    "data": {
+      "description": "ToastMessage groups the title, description and action text content within a Toast.",
+      "interfaces": {
+        "ToastMessagePassThrough": {
+          "description": "Defines passthrough(pt) options of ToastMessage component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastMessagePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastMessageProps": {
+          "description": "Defines valid properties in ToastMessage component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastMessageInstance, unknown, ToastMessagePassThrough>",
+          "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?: ToastMessageInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastMessageInstance) => 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": "ToastMessageInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastMessagePassThrough>",
+              "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: ToastMessageInstance) => 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": []
+        },
+        "ToastMessageState": {
+          "description": "Defines valid state in ToastMessage component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastMessageExposes": {
+          "description": "Defines the methods and properties exposed by ToastMessage component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastMessagePassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastMessage component.",
+          "values": "PassThroughType<ToastMessageInstance, E>"
+        },
+        "ToastMessageInstance": {
+          "description": "Instance of ToastMessage component.",
+          "values": "ComponentInstance<ToastMessageProps, ToastMessageState, ToastMessageExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastRoot",
+    "source": "apps/showcase/assets/apidoc/toastroot.json",
+    "data": {
+      "description": "ToastItem component is used to display a toast item.",
+      "interfaces": {
+        "ToastRootPassThrough": {
+          "description": "Defines passthrough(pt) options of ToastRoot component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "body",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the body's DOM element."
+            },
+            {
+              "name": "content",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content's DOM element."
+            },
+            {
+              "name": "icon",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the icon's DOM element."
+            },
+            {
+              "name": "title",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the title's DOM element."
+            },
+            {
+              "name": "description",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the description's DOM element."
+            },
+            {
+              "name": "action",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the action button's DOM element."
+            },
+            {
+              "name": "close",
+              "type": "ToastRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the close button's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastRootProps": {
+          "description": "Defines valid properties in ToastRoot component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastRootInstance, UseToastProps, ToastRootPassThrough>",
+          "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?: ToastRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastRootInstance) => 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": "ToastRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastRootPassThrough>",
+              "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: ToastRootInstance) => 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": "toast",
+              "type": "ToastType",
+              "default": "",
+              "description": "Toast data containing all toast information"
+            },
+            {
+              "name": "toaster",
+              "type": "ToasterRootInstance",
+              "default": "",
+              "description": "Reference to the parent Toaster instance"
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "ToastRootState": {
+          "description": "Defines valid state in ToastRoot component.",
+          "relatedProp": "",
+          "extendedTypes": "UseToastState",
+          "props": [
+            {
+              "name": "mounted",
+              "type": "boolean",
+              "default": "",
+              "description": "Indicates whether the toast is mounted"
+            },
+            {
+              "name": "swiping",
+              "type": "boolean",
+              "default": "",
+              "description": "Indicates whether the user is swiping the toast"
+            },
+            {
+              "name": "swipeOut",
+              "type": "boolean",
+              "default": "",
+              "description": "Indicates whether the toast has been swiped out (dismissed)"
+            },
+            {
+              "name": "swipeOutDirection",
+              "type": "ToastSwipeDirection",
+              "default": "",
+              "description": "Direction of swipe out animation"
+            },
+            {
+              "name": "swipeDirection",
+              "type": "ToastSwipeAxis",
+              "default": "",
+              "description": "Direction of swipe interaction"
+            },
+            {
+              "name": "initialHeight",
+              "type": "number",
+              "default": "",
+              "description": "Measured height of the toast content"
+            },
+            {
+              "name": "removed",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the toast has been removed from the stack"
+            },
+            {
+              "name": "isSwiped",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the toast has been swiped (even if not dismissed)"
+            },
+            {
+              "name": "offsetBeforeRemove",
+              "type": "number",
+              "default": "",
+              "description": "Offset that should be preserved while the toast exits"
+            }
+          ],
+          "methods": []
+        },
+        "ToastRootExposes": {
+          "description": "Defines the methods and properties exposed by ToastRoot component.",
+          "relatedProp": "",
+          "extendedTypes": "UseToastExposes",
+          "props": [
+            {
+              "name": "offset",
+              "type": "number",
+              "default": "",
+              "description": "Vertical offset for stacking toasts"
+            },
+            {
+              "name": "offsetBeforeRemove",
+              "type": "number",
+              "default": "",
+              "description": "Offset snapshot used during removal transitions"
+            },
+            {
+              "name": "index",
+              "type": "number",
+              "default": "",
+              "description": "Index of the toast in the stack"
+            },
+            {
+              "name": "visibleIndex",
+              "type": "number",
+              "default": "",
+              "description": "Index among currently visible toasts"
+            },
+            {
+              "name": "isVisible",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the toast is currently visible considering the limit"
+            },
+            {
+              "name": "isFront",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the toast is in the front-most position"
+            },
+            {
+              "name": "toaster",
+              "type": "ToasterRootInstance",
+              "default": "",
+              "description": "Reference to the parent Toaster instance"
+            },
+            {
+              "name": "rootProps",
+              "type": "Record<string, unknown>",
+              "default": "",
+              "description": "Pre-built props for the root element"
+            },
+            {
+              "name": "actionProps",
+              "type": "UseToastActionProps",
+              "default": "",
+              "description": "Pre-built props for the action element"
+            },
+            {
+              "name": "contentProps",
+              "type": "UseToastContentProps",
+              "default": "",
+              "description": "Pre-built props for the body element"
+            },
+            {
+              "name": "closeProps",
+              "type": "UseToastCloseProps",
+              "default": "",
+              "description": "Pre-built props for the close element"
+            },
+            {
+              "name": "messageProps",
+              "type": "UseToastMessageProps",
+              "default": "",
+              "description": "Pre-built props for the content element"
+            },
+            {
+              "name": "descriptionProps",
+              "type": "UseToastDescriptionProps",
+              "default": "",
+              "description": "Pre-built props for the description element"
+            },
+            {
+              "name": "iconProps",
+              "type": "UseToastIconProps",
+              "default": "",
+              "description": "Pre-built props for the icon element"
+            },
+            {
+              "name": "titleProps",
+              "type": "UseToastTitleProps",
+              "default": "",
+              "description": "Pre-built props for the title element"
+            },
+            {
+              "name": "onPointerDown",
+              "type": "(event: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handler for pointer down events (swipe start)"
+            },
+            {
+              "name": "onPointerMove",
+              "type": "(event: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handler for pointer move events (swipe progress)"
+            },
+            {
+              "name": "onPointerUp",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for pointer up events (swipe end)"
+            },
+            {
+              "name": "onDragEnd",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for drag end events"
+            },
+            {
+              "name": "handleCloseOnClick",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for close button click"
+            },
+            {
+              "name": "toast",
+              "type": "UseToastInstance",
+              "default": "",
+              "description": "Reference to the parent Toast instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastRoot component.",
+          "values": "PassThroughType<ToastRootInstance, E>"
+        },
+        "ToastRootInstance": {
+          "description": "Instance of ToastRoot component.",
+          "values": "ComponentInstance<ToastRootProps, ToastRootState, ToastRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToastTitle",
+    "source": "apps/showcase/assets/apidoc/toasttitle.json",
+    "data": {
+      "description": "ToastTitle is a component that displays a toast title.",
+      "interfaces": {
+        "ToastTitlePassThrough": {
+          "description": "Defines passthrough(pt) options of ToastTitle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToastTitlePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToastTitleProps": {
+          "description": "Defines valid properties in ToastTitle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToastTitleInstance, unknown, ToastTitlePassThrough>",
+          "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?: ToastTitleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToastTitleInstance) => 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": "ToastTitleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToastTitlePassThrough>",
+              "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: ToastTitleInstance) => 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": []
+        },
+        "ToastTitleState": {
+          "description": "Defines valid state in ToastTitle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToastTitleExposes": {
+          "description": "Defines the methods and properties exposed by ToastTitle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toast",
+              "type": "ToastRootInstance",
+              "default": "",
+              "description": "The Toast component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToastTitlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToastTitle component.",
+          "values": "PassThroughType<ToastTitleInstance, E>"
+        },
+        "ToastTitleInstance": {
+          "description": "Instance of ToastTitle component.",
+          "values": "ComponentInstance<ToastTitleProps, ToastTitleState, ToastTitleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToasterPortal",
+    "source": "apps/showcase/assets/apidoc/toasterportal.json",
+    "data": {
+      "description": "ToasterPortal is a component that displays a toaster portal.",
+      "interfaces": {
+        "ToasterPortalPassThrough": {
+          "description": "Defines passthrough(pt) options of ToasterPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToasterPortalPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the portal's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToasterPortalProps": {
+          "description": "Defines valid properties in ToasterPortal component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToasterPortalInstance, unknown, ToasterPortalPassThrough>",
+          "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?: ToasterPortalInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToasterPortalInstance) => 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": "ToasterPortalInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToasterPortalPassThrough>",
+              "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: ToasterPortalInstance) => 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": []
+        },
+        "ToasterPortalState": {
+          "description": "Defines valid state in ToasterPortal component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToasterPortalExposes": {
+          "description": "Defines the methods and properties exposed by ToasterPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toaster",
+              "type": "ToasterRootInstance",
+              "default": "",
+              "description": "The Toaster component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToasterPortalPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToasterPortal component.",
+          "values": "PassThroughType<ToasterPortalInstance, E>"
+        },
+        "ToasterPortalInstance": {
+          "description": "Instance of ToasterPortal component.",
+          "values": "ComponentInstance<ToasterPortalProps, ToasterPortalState, ToasterPortalExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToasterRegion",
+    "source": "apps/showcase/assets/apidoc/toasterregion.json",
+    "data": {
+      "description": "ToasterRegion is a component that displays a toaster region.",
+      "interfaces": {
+        "ToasterRegionPassThrough": {
+          "description": "Defines passthrough(pt) options of ToasterRegion component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToasterRegionPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToasterRegionProps": {
+          "description": "Defines valid properties in ToasterRegion component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToasterRegionInstance, unknown, ToasterRegionPassThrough>",
+          "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?: ToasterRegionInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToasterRegionInstance) => 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": "ToasterRegionInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToasterRegionPassThrough>",
+              "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: ToasterRegionInstance) => 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": []
+        },
+        "ToasterRegionState": {
+          "description": "Defines valid state in ToasterRegion component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ToasterRegionExposes": {
+          "description": "Defines the methods and properties exposed by ToasterRegion component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "toaster",
+              "type": "ToasterRootInstance",
+              "default": "",
+              "description": "The Toaster component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToasterRegionPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ToasterRegion component.",
+          "values": "PassThroughType<ToasterRegionInstance, E>"
+        },
+        "ToasterRegionInstance": {
+          "description": "Instance of ToasterRegion component.",
+          "values": "ComponentInstance<ToasterRegionProps, ToasterRegionState, ToasterRegionExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ToasterRoot",
+    "source": "apps/showcase/assets/apidoc/toasterroot.json",
+    "data": {
+      "description": "Toaster Root component is used to display messages.",
+      "interfaces": {
+        "ToasterRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Toaster component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ToasterRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ToasterRootProps": {
+          "description": "Defines valid properties in Toaster component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ToasterRootInstance, UseToasterProps, ToasterRootPassThrough>",
+          "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?: ToasterRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ToasterRootInstance) => 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": "ToasterRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ToasterRootPassThrough>",
+              "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: ToasterRootInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "position",
+              "type": "ToasterPosition",
+              "default": "'top-right'",
+              "description": "Position of the toaster container"
+            },
+            {
+              "name": "mode",
+              "type": "ToasterMode",
+              "default": "'stacked'",
+              "description": "Layout mode of the toaster."
+            },
+            {
+              "name": "limit",
+              "type": "number",
+              "default": "3",
+              "description": "Maximum number of toasts to be visible"
+            },
+            {
+              "name": "gap",
+              "type": "number",
+              "default": "14",
+              "description": "Gap between toasts in pixels"
+            },
+            {
+              "name": "timeout",
+              "type": "number",
+              "default": "6000",
+              "description": "Timeout for toast auto-dismiss (alias for duration)"
+            },
+            {
+              "name": "group",
+              "type": "string",
+              "default": "",
+              "description": "Group identifier for toast grouping"
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "ToasterRootState": {
+          "description": "Defines valid state in Toaster component.",
+          "relatedProp": "",
+          "extendedTypes": "UseToasterState",
+          "props": [
+            {
+              "name": "isExpanded",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the toaster container is expanded (showing all toasts).\nIn  `single`  mode this is always true; in  `stacked`  mode it follows hover/focus."
+            },
+            {
+              "name": "isHovered",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the user is currently hovering or has focus within the toast region.\nUsed to pause auto-dismiss timers independently of the visual expanded state."
+            },
+            {
+              "name": "isInteracting",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether user is currently interacting with toasts"
+            },
+            {
+              "name": "heights",
+              "type": "{ toastId: ToastId; height: number }[]",
+              "default": "",
+              "description": "Cached heights of rendered toasts for stacking calculations"
+            }
+          ],
+          "methods": []
+        },
+        "ToasterRootExposes": {
+          "description": "Defines the methods and properties exposed by Toaster Root component.",
+          "relatedProp": "",
+          "extendedTypes": "UseToasterExposes",
+          "props": [
+            {
+              "name": "toasts",
+              "type": "ToastType[]",
+              "default": "",
+              "description": "Array of filtered toasts for the current group"
+            },
+            {
+              "name": "rootProps",
+              "type": "Record<string, unknown>",
+              "default": "",
+              "description": "Pre-built props for the toaster root element"
+            },
+            {
+              "name": "regionProps",
+              "type": "Record<string, unknown>",
+              "default": "",
+              "description": "Pre-built props for the toaster region element"
+            },
+            {
+              "name": "onRegionMouseEnter",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for mouse enter on the toast region"
+            },
+            {
+              "name": "onRegionMouseMove",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for mouse move on the toast region"
+            },
+            {
+              "name": "onRegionMouseLeave",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for mouse leave on the toast region"
+            },
+            {
+              "name": "onRegionDragEnd",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for drag end on the toast region"
+            },
+            {
+              "name": "onRegionPointerDown",
+              "type": "(event: PointerEvent) => void",
+              "default": "",
+              "description": "Handler for pointer down on the toast region"
+            },
+            {
+              "name": "onRegionPointerUp",
+              "type": "() => void",
+              "default": "",
+              "description": "Handler for pointer up on the toast region"
+            },
+            {
+              "name": "onRegionFocus",
+              "type": "(event: FocusEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handler for focus events within the toast region"
+            },
+            {
+              "name": "onRegionBlur",
+              "type": "(event: FocusEvent<HTMLElement>) => void",
+              "default": "",
+              "description": "Handler for blur events leaving the toast region"
+            },
+            {
+              "name": "setHeights",
+              "type": "Dispatch<SetStateAction<{ height: number; toastId: ToastId }[]>>",
+              "default": "",
+              "description": "Function to update the heights state"
+            },
+            {
+              "name": "removeFromQueue",
+              "type": "(id: ToastId) => void",
+              "default": "",
+              "description": "Marks a toast as removed in the toaster's local queue. Called by the\nper-toast hook after its exit animation completes; the toast is then\nfiltered out of the rendered list."
+            },
+            {
+              "name": "handleFocusManagement",
+              "type": "(toastElement: HTMLElement) => void",
+              "default": "",
+              "description": "Handler for managing focus when a toast is dismissed"
+            },
+            {
+              "name": "toaster",
+              "type": "ToasterRootInstance",
+              "default": "",
+              "description": "Reference to the parent Toaster instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ToasterRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Toaster component.",
+          "values": "PassThroughType<ToasterRootInstance, E>"
+        },
+        "ToasterRootInstance": {
+          "description": "Instance of Toaster Root component.",
+          "values": "ComponentInstance<ToasterRootProps, ToasterRootState, ToasterRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]