@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,1187 @@
+[
+  {
+    "name": "ScrollAreaContent",
+    "source": "apps/showcase/assets/apidoc/scrollareacontent.json",
+    "data": {
+      "description": "ScrollAreaContent is a component that displays the content.",
+      "interfaces": {
+        "ScrollAreaContentPassThrough": {
+          "description": "Defines passthrough(pt) options of ScrollAreaContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ScrollAreaContentPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaContentProps": {
+          "description": "Defines valid properties in ScrollAreaContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ScrollAreaContentInstance, unknown, ScrollAreaContentPassThrough>",
+          "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?: ScrollAreaContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ScrollAreaContentInstance) => 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": "ScrollAreaContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ScrollAreaContentPassThrough>",
+              "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: ScrollAreaContentInstance) => 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": []
+        },
+        "ScrollAreaContentState": {
+          "description": "Defines valid state in ScrollAreaContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ScrollAreaContentExposes": {
+          "description": "Defines the methods and properties exposed by ScrollAreaContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "scrollarea",
+              "type": "ScrollAreaRootInstance",
+              "default": "",
+              "description": "Instance of the ScrollArea component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ScrollAreaContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ScrollAreaContent component.",
+          "values": "PassThroughType<ScrollAreaContentInstance, E>"
+        },
+        "ScrollAreaContentInstance": {
+          "description": "Instance of ScrollAreaContent component.",
+          "values": "ComponentInstance<ScrollAreaContentProps, ScrollAreaContentState, ScrollAreaContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ScrollAreaCorner",
+    "source": "apps/showcase/assets/apidoc/scrollareacorner.json",
+    "data": {
+      "description": "ScrollAreaCorner is the corner element shown when both scrollbars are visible.",
+      "interfaces": {
+        "ScrollAreaCornerPassThrough": {
+          "description": "Defines passthrough(pt) options of ScrollAreaCorner component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ScrollAreaCornerPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaCornerProps": {
+          "description": "Defines valid properties in ScrollAreaCorner component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ScrollAreaCornerInstance, unknown, ScrollAreaCornerPassThrough>",
+          "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?: ScrollAreaCornerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ScrollAreaCornerInstance) => 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": "ScrollAreaCornerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ScrollAreaCornerPassThrough>",
+              "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: ScrollAreaCornerInstance) => 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": []
+        },
+        "ScrollAreaCornerState": {
+          "description": "Defines valid state in ScrollAreaCorner component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ScrollAreaCornerExposes": {
+          "description": "Defines the methods and properties exposed by ScrollAreaCorner component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "scrollarea",
+              "type": "ScrollAreaRootInstance",
+              "default": "",
+              "description": "Instance of the ScrollArea component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ScrollAreaCornerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ScrollAreaCorner component.",
+          "values": "PassThroughType<ScrollAreaCornerInstance, E>"
+        },
+        "ScrollAreaCornerInstance": {
+          "description": "Instance of ScrollAreaCorner component.",
+          "values": "ComponentInstance<ScrollAreaCornerProps, ScrollAreaCornerState, ScrollAreaCornerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ScrollAreaHandle",
+    "source": "apps/showcase/assets/apidoc/scrollareahandle.json",
+    "data": {
+      "description": "ScrollAreaHandle is the draggable handle within a scrollbar.",
+      "interfaces": {
+        "ScrollAreaHandlePassThrough": {
+          "description": "Defines passthrough(pt) options of ScrollAreaHandle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ScrollAreaHandlePassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaHandleProps": {
+          "description": "Defines valid properties in ScrollAreaHandle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ScrollAreaHandleInstance, unknown, ScrollAreaHandlePassThrough>",
+          "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?: ScrollAreaHandleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ScrollAreaHandleInstance) => 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": "ScrollAreaHandleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ScrollAreaHandlePassThrough>",
+              "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: ScrollAreaHandleInstance) => 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": []
+        },
+        "ScrollAreaHandleState": {
+          "description": "Defines valid state in ScrollAreaHandle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ScrollAreaHandleExposes": {
+          "description": "Defines the methods and properties exposed by ScrollAreaHandle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "scrollarea",
+              "type": "ScrollAreaRootInstance",
+              "default": "",
+              "description": "Instance of the ScrollArea component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ScrollAreaHandlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in ScrollAreaHandle component.",
+          "values": "PassThroughType<ScrollAreaHandleInstance, E>"
+        },
+        "ScrollAreaHandleInstance": {
+          "description": "Instance of ScrollAreaHandle component.",
+          "values": "ComponentInstance<ScrollAreaHandleProps, ScrollAreaHandleState, ScrollAreaHandleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ScrollAreaRoot",
+    "source": "apps/showcase/assets/apidoc/scrollarearoot.json",
+    "data": {
+      "description": "ScrollArea is a cross browser, lightweight and themable alternative to native browser scrollbar.",
+      "interfaces": {
+        "ScrollAreaRootPassThrough": {
+          "description": "Defines passthrough(pt) options of ScrollArea component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ScrollAreaRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "viewport",
+              "type": "ScrollAreaRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the viewport's DOM element."
+            },
+            {
+              "name": "scrollbar",
+              "type": "ScrollAreaRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the scrollbar's DOM element."
+            },
+            {
+              "name": "handle",
+              "type": "ScrollAreaRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the handle's DOM element."
+            },
+            {
+              "name": "corner",
+              "type": "ScrollAreaRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the corner's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaRootProps": {
+          "description": "Defines valid properties in ScrollArea component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ScrollAreaRootInstance, UseScrollAreaProps, ScrollAreaRootPassThrough>",
+          "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?: ScrollAreaRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ScrollAreaRootInstance) => 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": "ScrollAreaRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ScrollAreaRootPassThrough>",
+              "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: ScrollAreaRootInstance) => 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": "step",
+              "type": "number",
+              "default": "5",
+              "description": "Step factor to scroll the content while pressing the arrow keys."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Tab index for the viewport element to make it keyboard focusable."
+            },
+            {
+              "name": "variant",
+              "type": "\"hidden\" | \"auto\" | \"always\" | \"scroll\" | \"hover\"",
+              "default": "'auto'",
+              "description": "Controls scrollbar visibility behavior.\n-  `auto` : visible on hover or while scrolling\n-  `hover` : visible on hover\n-  `scroll` : visible while scrolling\n-  `always` : always visible\n-  `hidden` : never visible but still scrollable"
+            },
+            {
+              "name": "mask",
+              "type": "boolean",
+              "default": "false",
+              "description": "When enabled, a mask is added to the scrollable content to provide a visual indication of overflow."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaRootState": {
+          "description": "Defines valid state in ScrollArea component.",
+          "relatedProp": "",
+          "extendedTypes": "UseScrollAreaState",
+          "props": [
+            {
+              "name": "hovering",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the pointer is hovering over the scroll area."
+            },
+            {
+              "name": "scrollingX",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the content is actively scrolling horizontally."
+            },
+            {
+              "name": "scrollingY",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the content is actively scrolling vertically."
+            },
+            {
+              "name": "scrolling",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the content is actively scrolling in any direction."
+            },
+            {
+              "name": "touchModality",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether touch input modality is active."
+            },
+            {
+              "name": "hasOverflowX",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the content overflows the viewport horizontally."
+            },
+            {
+              "name": "hasOverflowY",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the content overflows the viewport vertically."
+            },
+            {
+              "name": "scrollXBefore",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the viewport is scrolled past the left edge."
+            },
+            {
+              "name": "scrollXAfter",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether content remains to the right of the viewport."
+            },
+            {
+              "name": "scrollYBefore",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the viewport is scrolled past the top edge."
+            },
+            {
+              "name": "scrollYAfter",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether content remains below the viewport."
+            },
+            {
+              "name": "cornerHidden",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the corner element is hidden."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaRootExposes": {
+          "description": "Defines the methods and properties exposed by ScrollArea component.",
+          "relatedProp": "",
+          "extendedTypes": "UseScrollAreaExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseScrollAreaState",
+              "default": "",
+              "description": "The reactive state of the scroll area."
+            },
+            {
+              "name": "cornerSize",
+              "type": "{ width: number; height: number }",
+              "default": "",
+              "description": "Measured dimensions of the corner area where both scrollbars intersect."
+            },
+            {
+              "name": "hiddenState",
+              "type": "UseScrollAreaHiddenState",
+              "default": "",
+              "description": "Boolean flags indicating whether each scrollbar and the corner should be rendered."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseScrollAreaRootProps",
+              "default": "",
+              "description": "Pre-built props for the root element.\nIncludes ref callback, ARIA role, pointer event handlers, data attributes, and corner CSS variables."
+            },
+            {
+              "name": "viewportProps",
+              "type": "UseScrollAreaViewportProps",
+              "default": "",
+              "description": "Pre-built props for the viewport element.\nIncludes ref callback, tabIndex, scroll handler, and data attributes."
+            },
+            {
+              "name": "contentProps",
+              "type": "UseScrollAreaContentProps",
+              "default": "",
+              "description": "Pre-built props for the content element.\nIncludes data attributes for scroll position and overflow state."
+            },
+            {
+              "name": "scrollbarYProps",
+              "type": "UseScrollAreaScrollbarProps",
+              "default": "",
+              "description": "Pre-built props for the vertical scrollbar element."
+            },
+            {
+              "name": "scrollbarXProps",
+              "type": "UseScrollAreaScrollbarProps",
+              "default": "",
+              "description": "Pre-built props for the horizontal scrollbar element."
+            },
+            {
+              "name": "handleYProps",
+              "type": "UseScrollAreaHandleProps",
+              "default": "",
+              "description": "Pre-built props for the vertical handle element."
+            },
+            {
+              "name": "handleXProps",
+              "type": "UseScrollAreaHandleProps",
+              "default": "",
+              "description": "Pre-built props for the horizontal handle element."
+            },
+            {
+              "name": "cornerProps",
+              "type": "UseScrollAreaCornerProps",
+              "default": "",
+              "description": "Pre-built props for the corner element.\nIncludes ref callback and data attributes."
+            },
+            {
+              "name": "computeHandle",
+              "type": "() => void",
+              "default": "",
+              "description": "Recalculates handle size and position based on current scroll state."
+            },
+            {
+              "name": "handleScroll",
+              "type": "() => void",
+              "default": "",
+              "description": "Handles scroll events to update handle offset and scroll position state."
+            },
+            {
+              "name": "handleScrollbarPointerDown",
+              "type": "(event: PointerEvent<HTMLDivElement>, orientation: \"horizontal\" | \"vertical\") => void",
+              "default": "",
+              "description": "Handles pointer down on the scrollbar track to jump-scroll to the clicked position."
+            },
+            {
+              "name": "handleScrollbarPointerMove",
+              "type": "(event: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles pointer move during scrollbar drag interaction."
+            },
+            {
+              "name": "handleScrollbarPointerUp",
+              "type": "(event: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles pointer up to end scrollbar drag interaction."
+            },
+            {
+              "name": "handleScrollbarWheel",
+              "type": "(event: WheelEvent<HTMLDivElement>, orientation: \"horizontal\" | \"vertical\") => void",
+              "default": "",
+              "description": "Handles wheel events on the scrollbar element."
+            },
+            {
+              "name": "handleHandlePointerDown",
+              "type": "(event: PointerEvent<HTMLDivElement>, orientation: \"horizontal\" | \"vertical\") => void",
+              "default": "",
+              "description": "Handles pointer down on the handle to initiate drag scrolling."
+            },
+            {
+              "name": "onRootPointerEnter",
+              "type": "(event: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles pointer enter on the root element for hover state tracking."
+            },
+            {
+              "name": "onRootPointerLeave",
+              "type": "() => void",
+              "default": "",
+              "description": "Handles pointer leave on the root element for hover state tracking."
+            },
+            {
+              "name": "onRootPointerDown",
+              "type": "(event: PointerEvent<HTMLDivElement>) => void",
+              "default": "",
+              "description": "Handles pointer down on the root element for touch modality detection."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ScrollAreaRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ScrollArea component.",
+          "values": "PassThroughType<ScrollAreaRootInstance, E>"
+        },
+        "ScrollAreaRootInstance": {
+          "description": "Instance of ScrollArea component.",
+          "values": "ComponentInstance<ScrollAreaRootProps, ScrollAreaRootState, ScrollAreaRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ScrollAreaScrollbar",
+    "source": "apps/showcase/assets/apidoc/scrollareascrollbar.json",
+    "data": {
+      "description": "ScrollAreaScrollbar is the scrollbar track component.",
+      "interfaces": {
+        "ScrollAreaScrollbarPassThrough": {
+          "description": "Defines passthrough(pt) options of ScrollAreaScrollbar component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ScrollAreaScrollbarPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaScrollbarProps": {
+          "description": "Defines valid properties in ScrollAreaScrollbar component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ScrollAreaScrollbarInstance, unknown, ScrollAreaScrollbarPassThrough>",
+          "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?: ScrollAreaScrollbarInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ScrollAreaScrollbarInstance) => 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": "ScrollAreaScrollbarInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ScrollAreaScrollbarPassThrough>",
+              "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: ScrollAreaScrollbarInstance) => 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": "orientation",
+              "type": "\"horizontal\" | \"vertical\"",
+              "default": "'vertical'",
+              "description": "The orientation of the scrollbar."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaScrollbarState": {
+          "description": "Defines valid state in ScrollAreaScrollbar component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ScrollAreaScrollbarExposes": {
+          "description": "Defines the methods and properties exposed by ScrollAreaScrollbar component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "scrollarea",
+              "type": "ScrollAreaRootInstance",
+              "default": "",
+              "description": "Instance of the ScrollArea component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ScrollAreaScrollbarPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ScrollAreaScrollbar component.",
+          "values": "PassThroughType<ScrollAreaScrollbarInstance, E>"
+        },
+        "ScrollAreaScrollbarInstance": {
+          "description": "Instance of ScrollAreaScrollbar component.",
+          "values": "ComponentInstance<ScrollAreaScrollbarProps, ScrollAreaScrollbarState, ScrollAreaScrollbarExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "ScrollAreaViewport",
+    "source": "apps/showcase/assets/apidoc/scrollareaviewport.json",
+    "data": {
+      "description": "ScrollAreaViewport is a component that displays a viewport for the content.",
+      "interfaces": {
+        "ScrollAreaViewportPassThrough": {
+          "description": "Defines passthrough(pt) options of ScrollAreaViewport component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "ScrollAreaViewportPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "ScrollAreaViewportProps": {
+          "description": "Defines valid properties in ScrollAreaViewport component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<ScrollAreaViewportInstance, unknown, ScrollAreaViewportPassThrough>",
+          "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?: ScrollAreaViewportInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: ScrollAreaViewportInstance) => 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": "ScrollAreaViewportInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<ScrollAreaViewportPassThrough>",
+              "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: ScrollAreaViewportInstance) => 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": []
+        },
+        "ScrollAreaViewportState": {
+          "description": "Defines valid state in ScrollAreaViewport component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "ScrollAreaViewportExposes": {
+          "description": "Defines the methods and properties exposed by ScrollAreaViewport component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "scrollarea",
+              "type": "ScrollAreaRootInstance",
+              "default": "",
+              "description": "Instance of the ScrollArea component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "ScrollAreaViewportPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ScrollAreaViewport component.",
+          "values": "PassThroughType<ScrollAreaViewportInstance, E>"
+        },
+        "ScrollAreaViewportInstance": {
+          "description": "Instance of ScrollAreaViewport component.",
+          "values": "ComponentInstance<ScrollAreaViewportProps, ScrollAreaViewportState, ScrollAreaViewportExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]