@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,2102 @@
+[
+  {
+    "name": "StepperContent",
+    "source": "apps/showcase/assets/apidoc/steppercontent.json",
+    "data": {
+      "description": "StepperContent is a container component for Stepper Items that displays a content of steps in the Stepper component.",
+      "interfaces": {
+        "StepperContentPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperContentPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperContentProps": {
+          "description": "Defines valid properties in StepperContent component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperContentInstance, unknown, StepperContentPassThrough>",
+          "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?: StepperContentInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperContentInstance) => 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": "StepperContentInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperContentPassThrough>",
+              "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: StepperContentInstance) => 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": []
+        },
+        "StepperContentState": {
+          "description": "Defines valid state in StepperContent component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperContentExposes": {
+          "description": "Defines the methods and properties exposed by StepperContent component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperContentPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperContent component.",
+          "values": "PassThroughType<StepperContentInstance, E>"
+        },
+        "StepperContentInstance": {
+          "description": "Instance of StepperContent component.",
+          "values": "ComponentInstance<StepperContentProps, StepperContentState, StepperContentExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperHeader",
+    "source": "apps/showcase/assets/apidoc/stepperheader.json",
+    "data": {
+      "description": "StepperHeader is a container component that displays the navigation section of a Stepper component.",
+      "interfaces": {
+        "StepperHeaderPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperHeaderPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperHeaderProps": {
+          "description": "Defines valid properties in StepperHeader component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperHeaderInstance, unknown, StepperHeaderPassThrough>",
+          "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?: StepperHeaderInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperHeaderInstance) => 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": "StepperHeaderInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperHeaderPassThrough>",
+              "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: StepperHeaderInstance) => 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": []
+        },
+        "StepperHeaderState": {
+          "description": "Defines valid state in StepperHeader component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperHeaderElementProps": {
+          "description": "Pre-built props for the stepper header element (excluding className).",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "data-scope",
+              "type": "\"stepper\"",
+              "default": "",
+              "description": "Data scope attribute."
+            },
+            {
+              "name": "data-part",
+              "type": "\"header\"",
+              "default": "",
+              "description": "Data part attribute."
+            },
+            {
+              "name": "type",
+              "type": "\"button\"",
+              "default": "",
+              "description": "Button type."
+            },
+            {
+              "name": "role",
+              "type": "\"tab\"",
+              "default": "",
+              "description": "ARIA role."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "",
+              "description": "Tab index."
+            },
+            {
+              "name": "aria-controls",
+              "type": "string",
+              "default": "",
+              "description": "ARIA controls the panel with this ID."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the header is disabled."
+            },
+            {
+              "name": "onClick",
+              "type": "() => void",
+              "default": "",
+              "description": "Click handler."
+            }
+          ],
+          "methods": []
+        },
+        "StepperHeaderExposes": {
+          "description": "Defines the methods and properties exposed by StepperHeader component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            },
+            {
+              "name": "stepperitem",
+              "type": "StepperItemInstance",
+              "default": "",
+              "description": "The StepperItem component instance."
+            },
+            {
+              "name": "stepperstep",
+              "type": "StepperStepInstance",
+              "default": "",
+              "description": "The StepperStep component instance."
+            },
+            {
+              "name": "activeValue",
+              "type": "string | number",
+              "default": "",
+              "description": "Current active value of the stepper."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the step is disabled or not."
+            },
+            {
+              "name": "headerProps",
+              "type": "StepperHeaderElementProps",
+              "default": "",
+              "description": "Pre-built props for the header element (excluding className)."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperHeaderPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperHeader component.",
+          "values": "PassThroughType<StepperHeaderInstance, E>"
+        },
+        "StepperHeaderInstance": {
+          "description": "Instance of StepperHeader component.",
+          "values": "ComponentInstance<StepperHeaderProps, StepperHeaderState, StepperHeaderExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperItem",
+    "source": "apps/showcase/assets/apidoc/stepperitem.json",
+    "data": {
+      "description": "StepperItem is a container component that represents an individual step within the Stepper component.",
+      "interfaces": {
+        "StepperItemPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperItemProps": {
+          "description": "Defines valid properties in StepperItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperItemInstance, unknown, StepperItemPassThrough>",
+          "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?: StepperItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperItemInstance) => 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": "StepperItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperItemPassThrough>",
+              "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: StepperItemInstance) => 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": "value",
+              "type": "string | number",
+              "default": "null",
+              "description": "Value of the step."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "StepperItemState": {
+          "description": "Defines valid state in StepperItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperItemExposes": {
+          "description": "Defines the methods and properties exposed by StepperItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            },
+            {
+              "name": "active",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the step is active or not."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperItem component.",
+          "values": "PassThroughType<StepperItemInstance, E>"
+        },
+        "StepperItemInstance": {
+          "description": "Instance of StepperItem component.",
+          "values": "ComponentInstance<StepperItemProps, StepperItemState, StepperItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperList",
+    "source": "apps/showcase/assets/apidoc/stepperlist.json",
+    "data": {
+      "description": "StepperList is a container component for Stepper Items that displays a list of steps in the Stepper component.",
+      "interfaces": {
+        "StepperListPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperList component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperListPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperListProps": {
+          "description": "Defines valid properties in StepperList component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperListInstance, unknown, StepperListPassThrough>",
+          "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?: StepperListInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperListInstance) => 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": "StepperListInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperListPassThrough>",
+              "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: StepperListInstance) => 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": []
+        },
+        "StepperListState": {
+          "description": "Defines valid state in StepperList component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperListExposes": {
+          "description": "Defines the methods and properties exposed by StepperList component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperListPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperList component.",
+          "values": "PassThroughType<StepperListInstance, E>"
+        },
+        "StepperListInstance": {
+          "description": "Instance of StepperList component.",
+          "values": "ComponentInstance<StepperListProps, StepperListState, StepperListExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperNumber",
+    "source": "apps/showcase/assets/apidoc/steppernumber.json",
+    "data": {
+      "description": "StepperNumber is a component that displays the numeric indicator for each step in the Stepper component.",
+      "interfaces": {
+        "StepperNumberPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperNumber component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperNumberPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperNumberProps": {
+          "description": "Defines valid properties in StepperNumber component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperNumberInstance, unknown, StepperNumberPassThrough>",
+          "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?: StepperNumberInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperNumberInstance) => 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": "StepperNumberInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperNumberPassThrough>",
+              "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: StepperNumberInstance) => 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": []
+        },
+        "StepperNumberState": {
+          "description": "Defines valid state in StepperNumber component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperNumberExposes": {
+          "description": "Defines the methods and properties exposed by StepperNumber component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperNumberPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperNumber component.",
+          "values": "PassThroughType<StepperNumberInstance, E>"
+        },
+        "StepperNumberInstance": {
+          "description": "Instance of StepperNumber component.",
+          "values": "ComponentInstance<StepperNumberProps, StepperNumberState, StepperNumberExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperPanel",
+    "source": "apps/showcase/assets/apidoc/stepperpanel.json",
+    "data": {
+      "description": "StepperPanel is a container component that renders the content associated with a specific step in the Stepper component.",
+      "interfaces": {
+        "StepperPanelPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperPanel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperPanelPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperPanelProps": {
+          "description": "Defines valid properties in StepperPanel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperPanelInstance, unknown, StepperPanelPassThrough>",
+          "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?: StepperPanelInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperPanelInstance) => 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": "StepperPanelInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperPanelPassThrough>",
+              "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: StepperPanelInstance) => 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": "value",
+              "type": "string | number",
+              "default": "null",
+              "description": "Value of the step."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "StepperPanelState": {
+          "description": "Defines valid state in StepperPanel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperPanelElementProps": {
+          "description": "Pre-built props for the stepper panel element (excluding className).",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "data-scope",
+              "type": "\"stepper\"",
+              "default": "",
+              "description": "Data scope attribute."
+            },
+            {
+              "name": "data-part",
+              "type": "\"panel\"",
+              "default": "",
+              "description": "Data part attribute."
+            },
+            {
+              "name": "role",
+              "type": "\"tabpanel\"",
+              "default": "",
+              "description": "ARIA role."
+            },
+            {
+              "name": "aria-controls",
+              "type": "string",
+              "default": "",
+              "description": "ARIA controls the step with this ID."
+            },
+            {
+              "name": "data-active",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the panel is active."
+            }
+          ],
+          "methods": []
+        },
+        "StepperPanelExposes": {
+          "description": "Defines the methods and properties exposed by StepperPanel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            },
+            {
+              "name": "stepperitem",
+              "type": "StepperItemInstance",
+              "default": "",
+              "description": "The StepperItem component instance."
+            },
+            {
+              "name": "activeValue",
+              "type": "string | number",
+              "default": "",
+              "description": "Current active value of the stepper."
+            },
+            {
+              "name": "active",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the step is active or not."
+            },
+            {
+              "name": "panelProps",
+              "type": "StepperPanelElementProps",
+              "default": "",
+              "description": "Pre-built props for the panel element (excluding className)."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperPanelPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperPanel component.",
+          "values": "PassThroughType<StepperPanelInstance, E>"
+        },
+        "StepperPanelInstance": {
+          "description": "Instance of StepperPanel component.",
+          "values": "ComponentInstance<StepperPanelProps, StepperPanelState, StepperPanelExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperPanels",
+    "source": "apps/showcase/assets/apidoc/stepperpanels.json",
+    "data": {
+      "description": "StepperPanels is a container component that manages the content panels corresponding to each step in the Stepper component.",
+      "interfaces": {
+        "StepperPanelsPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperPanels component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperPanelsPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperPanelsProps": {
+          "description": "Defines valid properties in StepperPanels component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperPanelsInstance, unknown, StepperPanelsPassThrough>",
+          "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?: StepperPanelsInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperPanelsInstance) => 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": "StepperPanelsInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperPanelsPassThrough>",
+              "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: StepperPanelsInstance) => 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": []
+        },
+        "StepperPanelsState": {
+          "description": "Defines valid state in StepperPanels component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperPanelsExposes": {
+          "description": "Defines the methods and properties exposed by StepperPanels component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperPanelsPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperPanels component.",
+          "values": "PassThroughType<StepperPanelsInstance, E>"
+        },
+        "StepperPanelsInstance": {
+          "description": "Instance of StepperPanels component.",
+          "values": "ComponentInstance<StepperPanelsProps, StepperPanelsState, StepperPanelsExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperRoot",
+    "source": "apps/showcase/assets/apidoc/stepperroot.json",
+    "data": {
+      "description": "Stepper is utilized to separate and resize panels.",
+      "interfaces": {
+        "StepperRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Stepper component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "list",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the list's DOM element."
+            },
+            {
+              "name": "step",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the step's DOM element."
+            },
+            {
+              "name": "header",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the header's DOM element."
+            },
+            {
+              "name": "number",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the number's DOM element."
+            },
+            {
+              "name": "title",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the title's DOM element."
+            },
+            {
+              "name": "separator",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the separator's DOM element."
+            },
+            {
+              "name": "panels",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the panels's DOM element."
+            },
+            {
+              "name": "panel",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the panel's DOM element."
+            },
+            {
+              "name": "item",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the item's DOM element."
+            },
+            {
+              "name": "content",
+              "type": "StepperRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperRootProps": {
+          "description": "Defines valid properties in Stepper component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperRootInstance, UseStepperProps, StepperRootPassThrough>",
+          "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?: StepperRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperRootInstance) => 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": "StepperRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperRootPassThrough>",
+              "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: StepperRootInstance) => 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": "defaultValue",
+              "type": "string | number",
+              "default": "null",
+              "description": "Default value of the active step."
+            },
+            {
+              "name": "value",
+              "type": "string | number",
+              "default": "null",
+              "description": "Value of the active step."
+            },
+            {
+              "name": "linear",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the steps are clickable or not."
+            },
+            {
+              "name": "onValueChange",
+              "type": "(event: UseStepperChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the stepper's value changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "StepperRootState": {
+          "description": "Defines valid state in Stepper component.",
+          "relatedProp": "",
+          "extendedTypes": "UseStepperState",
+          "props": [
+            {
+              "name": "value",
+              "type": "string | number",
+              "default": "",
+              "description": "Value of the active step."
+            }
+          ],
+          "methods": []
+        },
+        "StepperRootExposes": {
+          "description": "Defines the methods and properties exposed by Stepper component.",
+          "relatedProp": "",
+          "extendedTypes": "UseStepperExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseStepperState",
+              "default": "",
+              "description": "The state of the useStepper."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseStepperRootProps",
+              "default": "",
+              "description": "Pre-built props for the root element."
+            },
+            {
+              "name": "setActiveStep",
+              "type": "(value: string | number) => void",
+              "default": "",
+              "description": "The method to update the value of the active step."
+            },
+            {
+              "name": "isStepActive",
+              "type": "(value: string | number) => boolean",
+              "default": "",
+              "description": "The method to check if the step is active."
+            },
+            {
+              "name": "isStepDisabled",
+              "type": "() => boolean",
+              "default": "",
+              "description": "The method to check if the step is disabled."
+            },
+            {
+              "name": "getItemProps",
+              "type": "(input: UseStepperGetItemPropsInput) => UseStepperGetItemPropsReturn",
+              "default": "",
+              "description": "Get props for a stepper item element. Returns data attributes."
+            },
+            {
+              "name": "getStepProps",
+              "type": "(input: UseStepperGetStepPropsInput) => UseStepperGetStepPropsReturn",
+              "default": "",
+              "description": "Get props for a stepper step element. Returns ARIA and data attributes."
+            },
+            {
+              "name": "getHeaderProps",
+              "type": "(input: UseStepperGetHeaderPropsInput) => UseStepperGetHeaderPropsReturn",
+              "default": "",
+              "description": "Get props for a stepper header element. Returns ARIA attributes, data attributes, and click handler."
+            },
+            {
+              "name": "getPanelProps",
+              "type": "(input: UseStepperGetPanelPropsInput) => UseStepperGetPanelPropsReturn",
+              "default": "",
+              "description": "Get props for a stepper panel element. Returns ARIA and data attributes."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Stepper component.",
+          "values": "PassThroughType<StepperRootInstance, E>"
+        },
+        "StepperRootInstance": {
+          "description": "Instance of Stepper component.",
+          "values": "ComponentInstance<StepperRootProps, StepperRootState, StepperRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperSeparator",
+    "source": "apps/showcase/assets/apidoc/stepperseparator.json",
+    "data": {
+      "description": "StepperSeparator is a container component for Stepper Items that displays a separator of steps in the Stepper component.",
+      "interfaces": {
+        "StepperSeparatorPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperSeparator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperSeparatorPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperSeparatorProps": {
+          "description": "Defines valid properties in StepperSeparator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperSeparatorInstance, unknown, StepperSeparatorPassThrough>",
+          "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?: StepperSeparatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperSeparatorInstance) => 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": "StepperSeparatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperSeparatorPassThrough>",
+              "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: StepperSeparatorInstance) => 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": []
+        },
+        "StepperSeparatorState": {
+          "description": "Defines valid state in StepperSeparator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperSeparatorExposes": {
+          "description": "Defines the methods and properties exposed by StepperSeparator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperSeparatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperSeparator component.",
+          "values": "PassThroughType<StepperSeparatorInstance, E>"
+        },
+        "StepperSeparatorInstance": {
+          "description": "Instance of StepperSeparator component.",
+          "values": "ComponentInstance<StepperSeparatorProps, StepperSeparatorState, StepperSeparatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperStep",
+    "source": "apps/showcase/assets/apidoc/stepperstep.json",
+    "data": {
+      "description": "StepperStep represents an individual step within a Stepper component.",
+      "interfaces": {
+        "StepperStepPassThrough": {
+          "description": "Defines passthrough(pt) options of StepperStep component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperStepPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperStepProps": {
+          "description": "Defines valid properties in StepperStep component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperStepInstance, unknown, StepperStepPassThrough>",
+          "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?: StepperStepInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperStepInstance) => 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": "StepperStepInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperStepPassThrough>",
+              "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: StepperStepInstance) => 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": "value",
+              "type": "string | number",
+              "default": "null",
+              "description": "Value of the step."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the step is disabled."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "StepperStepState": {
+          "description": "Defines valid state in StepperStep component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperStepElementProps": {
+          "description": "Pre-built props for the stepper step element (excluding className).",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "data-scope",
+              "type": "\"stepper\"",
+              "default": "",
+              "description": "Data scope attribute."
+            },
+            {
+              "name": "data-part",
+              "type": "\"step\"",
+              "default": "",
+              "description": "Data part attribute."
+            },
+            {
+              "name": "aria-current",
+              "type": "\"step\"",
+              "default": "",
+              "description": "ARIA current attribute."
+            },
+            {
+              "name": "role",
+              "type": "\"presentation\"",
+              "default": "",
+              "description": "ARIA role."
+            },
+            {
+              "name": "data-active",
+              "type": "\"\"",
+              "default": "",
+              "description": "Present when the step is active."
+            },
+            {
+              "name": "data-disabled",
+              "type": "\"\"",
+              "default": "",
+              "description": "Present when the step is disabled."
+            }
+          ],
+          "methods": []
+        },
+        "StepperStepExposes": {
+          "description": "Defines the methods and properties exposed by StepperStep component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            },
+            {
+              "name": "stepperitem",
+              "type": "StepperItemInstance",
+              "default": "",
+              "description": "The StepperItem component instance."
+            },
+            {
+              "name": "activeValue",
+              "type": "string | number",
+              "default": "",
+              "description": "Current active value of the stepper."
+            },
+            {
+              "name": "active",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the step is active or not."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the step is disabled or not."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperStepPassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperStep component.",
+          "values": "PassThroughType<StepperStepInstance, E>"
+        },
+        "StepperStepInstance": {
+          "description": "Instance of StepperStep component.",
+          "values": "ComponentInstance<StepperStepProps, StepperStepState, StepperStepExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "StepperTitle",
+    "source": "apps/showcase/assets/apidoc/steppertitle.json",
+    "data": {
+      "description": "StepperTitle is a component that displays the title or label text of a step within the Stepper component.",
+      "interfaces": {
+        "StepperTitlePassThrough": {
+          "description": "Defines passthrough(pt) options of StepperTitle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "StepperTitlePassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "StepperTitleProps": {
+          "description": "Defines valid properties in StepperTitle component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<StepperTitleInstance, unknown, StepperTitlePassThrough>",
+          "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?: StepperTitleInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: StepperTitleInstance) => 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": "StepperTitleInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<StepperTitlePassThrough>",
+              "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: StepperTitleInstance) => 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": []
+        },
+        "StepperTitleState": {
+          "description": "Defines valid state in StepperTitle component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "StepperTitleExposes": {
+          "description": "Defines the methods and properties exposed by StepperTitle component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "stepper",
+              "type": "StepperRootInstance",
+              "default": "",
+              "description": "The Stepper component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "StepperTitlePassThroughType": {
+          "description": "Defines passthrough(pt) options type in StepperTitle component.",
+          "values": "PassThroughType<StepperTitleInstance, E>"
+        },
+        "StepperTitleInstance": {
+          "description": "Instance of StepperTitle component.",
+          "values": "ComponentInstance<StepperTitleProps, StepperTitleState, StepperTitleExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]